You are here

time.html.twig in Devel 8

{% block toolbar %}
    {% set duration = collector.events|length ? '%.0f ms'|format(collector.duration) : 'n/a' %}
    {% set memory = '%.1f MB'|format(collector.memory / 1024 / 1024) %}
    {% set total_memory = collector.memoryLimit == -1 ? '∞' : '%.1f MB'|format(collector.memoryLimit / 1024)|escape %}
    {% set icon %}
    <a href="{{ url("webprofiler.dashboard", {profile: token}, {fragment: "time"}) }}" title="{{ 'Timeline'|t }}">
        <img width="20" height="28" alt="{{ 'Timeline'|t }}"
             src="data:image/png;base64,{{ collector.icon }}"/>
        <span>{{ duration }} / {{ memory }}</span>
    </a>
    {% endset %}
    {% set text %}
    <div class="sf-toolbar-info-piece">
        <b>{{ 'Total time'|t }}</b>
        <span>{{ duration }}</span>
    </div>
    <div class="sf-toolbar-info-piece">
        <b>{{ 'Memory'|t }}</b>
        <span>{{ memory }} / {{ total_memory }}</span>
    </div>
    {% endset %}

    <div class="sf-toolbar-block">
        <div class="sf-toolbar-icon">{{ icon|default('') }}</div>
        <div class="sf-toolbar-info">{{ text|default('') }}</div>
    </div>
{% endblock %}

{% block panel %}
    <script id="time" type="text/template">
        <h2 class="panel__title">{{ 'Timeline'|t }}</h2>

        <div class="panel__container">
            <ul class="list--inline">
                <li>
                    <b>{{ 'Total time'|t }}</b> <%- Drupal.webprofiler.helpers.printTime(data.duration) %>
                </li>
                <li>
                    <b>{{ 'Initialization time'|t }}</b> <%- Drupal.webprofiler.helpers.printTime(data.initTime) %>
                </li>
            </ul>
            <br/><br/>

            <div class="timeline">
                <div class="timeline__legends">
                    <span class="timeline__legends--default">default</span>
                    <span class="timeline__legends--section">section</span>
                    <span class="timeline__legends--event_listener">event_listener</span>
                    <span class="timeline__legends--event_listener_loading">event_listener_loading</span>
                    <span class="timeline__legends--template">template</span>
                    <span class="timeline__legends--service">service</span>
                </div>

                <div id="timeline"></div>
            </div>
        </div>

    </script>
{% endblock %}

File

webprofiler/templates/Collector/time.html.twig
View source
  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 ? '&infin;' : '%.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 %}