time.html.twig 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. {% block toolbar %}
  2. {% set duration = collector.events|length ? '%.0f ms'|format(collector.duration) : 'n/a' %}
  3. {% set memory = '%.1f MB'|format(collector.memory / 1024 / 1024) %}
  4. {% set total_memory = collector.memoryLimit == -1 ? '∞' : '%.1f MB'|format(collector.memoryLimit / 1024)|escape %}
  5. {% set icon %}
  6. <a href="{{ url("webprofiler.dashboard", {profile: token}, {fragment: "time"}) }}" title="{{ 'Timeline'|t }}">
  7. <img width="20" height="28" alt="{{ 'Timeline'|t }}"
  8. src="data:image/png;base64,{{ collector.icon }}"/>
  9. <span>{{ duration }} / {{ memory }}</span>
  10. </a>
  11. {% endset %}
  12. {% set text %}
  13. <div class="sf-toolbar-info-piece">
  14. <b>{{ 'Total time'|t }}</b>
  15. <span>{{ duration }}</span>
  16. </div>
  17. <div class="sf-toolbar-info-piece">
  18. <b>{{ 'Memory'|t }}</b>
  19. <span>{{ memory }} / {{ total_memory }}</span>
  20. </div>
  21. {% endset %}
  22. <div class="sf-toolbar-block">
  23. <div class="sf-toolbar-icon">{{ icon|default('') }}</div>
  24. <div class="sf-toolbar-info">{{ text|default('') }}</div>
  25. </div>
  26. {% endblock %}
  27. {% block panel %}
  28. <script id="time" type="text/template">
  29. <h2 class="panel__title">{{ 'Timeline'|t }}</h2>
  30. <div class="panel__container">
  31. <ul class="list--inline">
  32. <li>
  33. <b>{{ 'Total time'|t }}</b> <%- Drupal.webprofiler.helpers.printTime(data.duration) %>
  34. </li>
  35. <li>
  36. <b>{{ 'Initialization time'|t }}</b> <%- Drupal.webprofiler.helpers.printTime(data.initTime) %>
  37. </li>
  38. </ul>
  39. <br/><br/>
  40. <div class="timeline">
  41. <div class="timeline__legends">
  42. <span class="timeline__legends--default">default</span>
  43. <span class="timeline__legends--section">section</span>
  44. <span class="timeline__legends--event_listener">event_listener</span>
  45. <span class="timeline__legends--event_listener_loading">event_listener_loading</span>
  46. <span class="timeline__legends--template">template</span>
  47. <span class="timeline__legends--service">service</span>
  48. </div>
  49. <div id="timeline"></div>
  50. </div>
  51. </div>
  52. </script>
  53. {% endblock %}