Updated to Drupal 8.5. Core Media not yet in use.
[yaffs-website] / web / modules / contrib / devel / webprofiler / templates / Collector / blocks.html.twig
1 {% block toolbar %}
2     {% set icon %}
3     <a href="{{ url("webprofiler.dashboard", {profile: token}, {fragment: 'blocks'}) }}" title="{{ 'Blocks'|t }}">
4         <img width="20" height="28" alt="{{ 'Blocks'|t }}"
5              src="data:image/png;base64,{{ collector.icon }}"/>
6         <span class="sf-toolbar-info-piece-additional sf-toolbar-status">{{ collector.renderedBlocksCount }}</span>
7     </a>
8     {% endset %}
9     {% set text %}
10
11     <div class="sf-toolbar-info-piece">
12         <b>{{ 'Loaded'|t }}</b>
13         <span>{{ collector.loadedBlocksCount }}</span>
14     </div>
15     <div class="sf-toolbar-info-piece">
16         <b>{{ 'Rendered'|t }}</b>
17         <span>{{ collector.renderedBlocksCount }}</span>
18     </div>
19     {% endset %}
20
21     <div class="sf-toolbar-block">
22         <div class="sf-toolbar-icon">{{ icon|default('') }}</div>
23         <div class="sf-toolbar-info">{{ text|default('') }}</div>
24     </div>
25 {% endblock %}
26
27 {% block panel %}
28     <script id="blocks" type="text/template">
29         <h2 class="panel__title">{{ 'Blocks'|t }}</h2>
30
31         <form class="panel__toolbar">
32             <div class="panel__filter--text">
33                 <input id="edit-sid" class="js--live-filter" placeholder="{{ 'ID'|t }}" type="text"/>
34                 <label for="edit-sid" class="panel__filter-label">{{ 'ID'|t }}</label>
35             </div>
36             <div class="panel__filter--text">
37                 <input id="edit-label" class="js--live-filter" placeholder="{{ 'Label'|t }}" type="text"/>
38                 <label for="edit-label" class="panel__filter-label">{{ 'Label'|t }}</label>
39             </div>
40             <div class="panel__filter--text">
41                 <input id="edit-region" class="js--live-filter" placeholder="{{ 'Region'|t }}" type="text"/>
42                 <label for="edit-region" class="panel__filter-label">{{ 'Region'|t }}</label>
43             </div>
44             <div class="panel__filter--text">
45                 <input id="edit-provider" class="js--live-filter" placeholder="{{ 'Provider'|t }}" type="text"/>
46                 <label for="edit-provider" class="panel__filter-label">{{ 'Provider'|t }}</label>
47             </div>
48             <div class="panel__filter--select">
49                 <select id="edit-rendered" class="js--live-filter">
50                     <option value="">{{ 'Any'|t }}</option>
51                     <option value="1">{{ 'Yes'|t }}</option>
52                     <option value="0">{{ 'No'|t }}</option>
53                 </select>
54                 <label for="edit-rendered" class="panel__filter-label">{{ 'Rendered'|t }}</label>
55             </div>
56         </form>
57
58         <% _.each( data.blocks.loaded, function( item ){ %>
59
60         <div class="panel__container"
61              data-wp-sid="<%- item.id %>"
62              data-wp-label="<%= item.settings.label %>"
63              data-wp-region="<%= item.region %>"
64              data-wp-provider="<%= item.settings.provider %>"
65              data-wp-rendered="<%- (data.blocks.rendered[item.id]) ? '1' : '0' %>">
66
67             <div class="panel__expand-header">
68                 <ul class="list--inline">
69                     <li>
70                         <b>{{ 'ID'|t }}</b> <%- item.id %>
71                     </li>
72                     <li>
73                         <b>{{ 'Label'|t }}</b> <%= item.settings.label %>
74                     </li>
75                     <li>
76                         <b>{{ 'Region'|t }}</b> <%= (item.region == -1) ? '{{ 'No region'|t }}' : item.region %>
77                     </li>
78                     <li>
79                         <b><%- (data.blocks.rendered[item.id]) ? '' : '{{ 'Not rendered'|t }}' %></b>
80                     </li>
81                 </ul>
82                 <div class="button--flat l-right js--panel-toggle">{{ 'Info'|t }}</div>
83                 <a class="button--flat l-right " href="<%- item.route %>">{{ 'Edit'|t }}</a>
84
85             </div>
86
87             <div class="panel__expand-content">
88                 <div class="wp-query-arguments">
89                     <table class="table--duo">
90                         <tr>
91                             <th>{{ 'Provider'|t }}</th>
92                             <td><%- item.settings.provider %></td>
93                         </tr>
94                         <tr>
95                             <th>{{ 'Theme'|t }}</th>
96                             <td><%- item.theme %></td>
97                         </tr>
98                         <tr>
99                             <th>{{ 'Status'|t }}</th>
100                             <td><%- (item.status) ? '{{ 'Enabled'|t }}' : '{{ 'Disabled'|t }}' %></td>
101                         </tr>
102                         <tr>
103                             <th>{{ 'Plugin'|t }}</th>
104                             <td><%- item.plugin %></td>
105                         </tr>
106                     </table>
107                 </div>
108             </div>
109         </div>
110         <% }); %>
111
112     </script>
113 {% endblock %}