www.aleph1.co.uk Git - yaffs-website/blob - web/modules/contrib/devel/webprofiler/templates/Collector/assets.html.twig

   1 {% block toolbar %}
   2     {% set icon %}
   3     <a href="{{ url("webprofiler.dashboard", {profile: token}, {fragment: 'assets'}) }}" title="{{ 'Assets'|t }}">
   4         <img width="20" height="28" alt="{{ 'Assets'|t }}"
   5              src="data:image/png;base64,{{ collector.icon }}"/>
   6         <span class="sf-toolbar-info-piece-additional sf-toolbar-status">{{ collector.getcsscount + collector.getjscount }}</span>
   7     </a>
   8     {% endset %}
   9     {% set text %}
  10
  11     <div class="sf-toolbar-info-piece">
  12         <b>CSS</b>
  13         <span>{{ collector.getcsscount }}</span>
  14     </div>
  15     <div class="sf-toolbar-info-piece">
  16         <b>JS</b>
  17         <span>{{ collector.getjscount }}</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="assets" type="text/template">
  29         <h2 class="panel__title">{{ 'Assets'|t }}</h2>
  30         <div class="tabs">
  31             <% if( data.js.length != 0){ %>
  32             <input class="tabs__radio" type="radio" id="js" name="tabs" checked/>
  33             <% } %>
  34             <% if( data.js.length != 0){ %>
  35             <input class="tabs__radio" type="radio" id="css" name="tabs"/>
  36             <% } %>
  37             <ul class="tabs__tabs list--inline">
  38                 <% if( data.js.length != 0){ %>
  39                 <li><label class="tabs__label" for="js">JS</label></li>
  40                 <% } %>
  41                 <% if( data.js.length != 0){ %>
  42                 <li><label class="tabs__label" for="css">CSS</label></li>
  43                 <% } %>
  44             </ul>
  45             <div class="tabs__panels">
  46                 <div class="tabs__panel">
  47                     <% if( data.js.length != 0){ %>
  48                     <% _.each( data.js, function( item, key ){ %>
  49                     <% if( key === 'drupalSettings' ){ %>
  50                     <div class="panel__container">
  51                         <div class="panel__expand-header ">
  52                             <ul class="list--inline">
  53                                 <li><b>asset</b> <%- key %></li>
  54                             </ul>
  55                             <div class="button--flat l-right js--panel-toggle">{{ 'Data'|t }}</div>
  56                         </div>
  57                         <div class="panel__expand-content">
  58                             <% if(item.data && item.data.length != 0){ %>
  59                         <pre>
  60                             <code class="code--json "><%= JSON.stringify(item.data, null, 4) %></code>
  61                         </pre>
  62                             <% } %>
  63                             <table class="table--duo">
  64                                 <% _.each( item, function( item, key ){ %>
  65                                 <tr>
  66                                     <% if(key != 'data'){ %>
  67                                     <th><%- key %></th>
  68                                     <td><%= Drupal.webprofiler.helpers.frm(item) %></td>
  69                                     <% } %>
  70                                 </tr>
  71                                 <% }); %>
  72                             </table>
  73                         </div>
  74                     </div>
  75                     <% } else { %>
  76                     <div class="panel__container">
  77                         <div class="panel__expand-header ">
  78                             <ul class="list--inline">
  79                                 <li><b>asset</b> <%= Drupal.webprofiler.helpers.classLink({"file":
  80                                     data.assets.installation_path + key, "class": key, "line": 0}) %>
  81                                 </li>
  82                                 <li><b>version</b> <%- item.version %></li>
  83                                 <li><b>scope</b> <%- item.scope %></li>
  84                             </ul>
  85                             <div class="button--flat l-right js--panel-toggle">{{ 'Data'|t }}</div>
  86                         </div>
  87                         <div class="panel__expand-content">
  88                             <table class="table--duo">
  89                                 <% _.each( item, function( item, key ){ %>
  90                                 <tr>
  91                                     <th><%- key %></th>
  92                                     <td><%= Drupal.webprofiler.helpers.frm(item) %></td>
  93                                 </tr>
  94                                 <% }); %>
  95                             </table>
  96                         </div>
  97                     </div>
  98                     <% } %>
  99                     <% }); %>
 100                     <% } %>
 101                 </div>
 102                 <div class="tabs__panel">
 103                     <% if( data.css.length != 0){ %>
 104                     <% _.each( data.css, function( item, key ){ %>
 105                     <div class="panel__container">
 106                         <div class="panel__expand-header ">
 107                             <ul class="list--inline">
 108                                 <li><b>asset</b> <%= Drupal.webprofiler.helpers.classLink({"file":
 109                                     data.assets.installation_path + key, "class": key, "line": 0}) %>
 110                                 </li>
 111                                 <li><b>version</b> <%- item.version %></li>
 112                             </ul>
 113                             <div class="button--flat l-right js--panel-toggle">{{ 'Data'|t }}</div>
 114                         </div>
 115                         <div class="panel__expand-content">
 116                             <table class="table--duo">
 117                                 <% _.each( item, function( item, key ){ %>
 118                                 <tr>
 119                                     <th><%- key %></th>
 120                                     <td><%= Drupal.webprofiler.helpers.frm(item) %></td>
 121                                 </tr>
 122                                 <% }); %>
 123                             </table>
 124                         </div>
 125                     </div>
 126                     <% }); %>
 127                 </div>
 128             </div>
 129         </div>
 130
 131         <% } %>
 132     </script>
 133 {% endblock %}