make timeline breakup space height adaptable on it's content

Author: PetrDlouhy

template_profiler_panel/panels/template.py

@@ -202,6 +202,7 @@ def _calc_timeline(self, start, end, processing_timeline):
         result['relative_end'] = (end - self.t_min) * 1000.0
 
         result['processing_timeline'] = []
+        max_level = 0
         for time_item in processing_timeline:
             if 'node' in time_item:
                 class_name = time_item['node'].__class__.__name__
@@ -214,6 +215,9 @@ def _calc_timeline(self, start, end, processing_timeline):
                 position = time_item['node'].token.position
             else:
                 False
+            level = time_item['level'] if 'level' in time_item else 0
+            if level > max_level:
+                max_level = level
             result['processing_timeline'].append({
                 'name': time_item['name'],
                 'position': position,
@@ -227,8 +231,9 @@ def _calc_timeline(self, start, end, processing_timeline):
                     time_item['start']-self.t_min,
                     self.t_max - self.t_min),
                 'bg_color': bg_color,
-                'level': time_item['level'] if 'level' in time_item else 0,
+                'level': level,
             })
+        result['max_level'] = max_level
 
         return result
 

template_profiler_panel/templates/template_profiler_panel/template.html

@@ -43,7 +43,7 @@ <h4>{{ templates|length }} {% trans 'calls to Template.render()' %}</h4>
          <td></td>
          <td></td>
          <td>
-            <div style="height: 200px; position:relative;" class="timeline_toggle_{{ forloop.counter }} djToggleDetails_{{ forloop.counter }} djSelected" id="sqlDetails_{{ forloop.counter }}">
+            <div style="height: calc({{ template.max_level|add:1 }}px * 18); position:relative;" class="timeline_toggle_{{ forloop.counter }} djToggleDetails_{{ forloop.counter }} djSelected" id="sqlDetails_{{ forloop.counter }}">
             {% for time_item in template.processing_timeline %}
                <span title="{{ time_item.name }}
 Runtime {{ time_item.relative_start|floatformat:2 }} - {{ time_item.relative_end|floatformat:2 }} ms