templates/bundles/EasyAdminBundle/dashboard.html.twig line 1

Open in your IDE?
  1. {% extends '@EasyAdmin/page/content.html.twig' %}
  3. {% block page_title %}
  4. Dashboard {#({{ "now"|date("d/m/Y H:i:s") }})#}
  5. {% endblock %}
  7. {% block content_title %}<h1 class="title">{{ ea.dashboardTitle }}</h1>{% endblock %}
  9. {% block main %}
  10.   <div class="form-panel-header ">
  11.     <div class="form-panel-title">
  12.       <a href="#" class="not-collapsible">
  13.         <i class="form-panel-icon fa fa-exclamation-circle"></i>
  14.         <em>Pedidos no entregados a la sucursal</em>
  15.       </a>
  16.     </div>
  17.   </div>
  19.   <table class="table datagrid with-rounded-top" id="xmlSinEntregar">
  20.     <tbody>
  21.         {% if cabs %}
  22.           {% for cab in cabs %}
  23.               {% set url = ea_url()
  24.                 .setController('App\\Controller\\Admin\\CabeceraCrudController')
  25.                 .setAction('detail')
  26.                 .setEntityId(cab.id)
  27.               %}
  28.               <tr>
  29.                   <td><i class="fa fa-map"></i> {{ cab.sucursal }}</td>
  30.                   <td>{{ cab.nombrecliente }}</td>
  31.                   <td>{{ cab.updatedAt|date("d/m/Y H:i:s") }}</td>
  32.                   <td>{{ cab.filename }}</td>
  33.                   <td><a href="{{ url }}">ver</a>
  34.               </tr>
  35.           {% endfor %}
  36.         {% else %}
  37.           {# <tr class="empty-row">
  38.             <td><span></span></td>
  39.             <td><span></span></td>
  40.             <td><span></span></td>
  41.             <td><span></span></td>
  42.             <td><span></span></td>
  43.           </tr>
  44.           <tr class="empty-row">
  45.             <td><span></span></td>
  46.             <td><span></span></td>
  47.             <td><span></span></td>
  48.             <td><span></span></td>
  49.             <td><span></span></td>
  50.           </tr>
  51.           <tr class="no-results">
  52.           <td colspan="100">
  53.           No se han encontrado resultados.
  54.           </td>
  55.           </tr>
  56.           <tr class="empty-row">
  57.             <td><span></span></td>
  58.             <td><span></span></td>
  59.             <td><span></span></td>
  60.             <td><span></span></td>
  61.             <td><span></span></td>
  62.           </tr>
  63.           <tr class="empty-row">
  64.             <td><span></span></td>
  65.             <td><span></span></td>
  66.             <td><span></span></td>
  67.             <td><span></span></td>
  68.             <td><span></span></td>
  69.           </tr> #}
  70.         {% endif %}
  71.     </tbody>
  72.   </table>
  73.   {# indicadores  #}
  74.   <div class="form-panel-header ">
  75.     <div class="form-panel-title">
  76.       <a href="#" class="not-collapsible">
  77.         <i class="form-panel-icon fa fa-truck"></i>
  78.         <em>Estado de las sucursales (según capacidad)</em>
  79.       </a>
  80.     </div>
  81.   </div>
  82.   <table class="datagrid">
  83.     <thead>
  84.         <tr>
  85.             <th><span><strong>Sucursal</strong></span></th>
  86.             <th><span><strong># en preparación (Callcenter)</strong></span></th>
  87.             <th><span><strong># en preparación (Ecommerce)</strong></span></th>
  88.             <th><span><strong># pedidos en reparto</strong></span></th>
  89.             <th><span><strong># TOTAL PEDIDOS</strong></span></th>
  90.             <th><span><strong># max de pedidos en reparto</strong></span></th>
  91.         </tr>
  92.     </thead>
  93.     <tbody>
  94.       {% for nombreSucursal, datosSucursal in resultadosConsolidados %}
  95.         <tr>
  96.           <td clasS="text-left">{{ nombreSucursal }}</td>
  97.           <td class="text-center">
  98.             {% if datosSucursal.detalles.callcenter is defined %}
  99.                 {% for detalle in datosSucursal.detalles.callcenter %}
  100.                     {{ detalle.preparacion }}
  101.                 {% endfor %}
  102.             {% else %}
  103.                 Sin datos
  104.             {% endif %}
  105.           </td>
  106.           <td class="text-center">
  107.             {% if datosSucursal.detalles.ecommerce is defined %}
  108.                 {% for detalle in datosSucursal.detalles.ecommerce %}
  109.                     {{ detalle.preparacion }}
  110.                 {% endfor %}
  111.             {% else %}
  112.                 Sin datos
  113.             {% endif %}
  114.           </td>
  115.           <td clasS="text-center">
  116.             {% set porcentaje = (70 * datosSucursal.sucursal.getOrderCapacity)/100 %}
  117.             {% if datosSucursal.total.reparto < porcentaje|round %}
  118.               {% set class = 'badge-success' %}
  119.             {% elseif datosSucursal.total.reparto >= porcentaje|round and datosSucursal.total.reparto < datosSucursal.sucursal.getOrderCapacity %}
  120.               {% set class = 'badge-warning' %}
  121.             {% else %}
  122.               {% set class = 'badge-danger' %}
  123.             {% endif %}
  124.             <span class="badge badge-pill {{ class }}"><strong>{{ datosSucursal.total.reparto }}</strong></span>
  125.           </td>
  126.           <td clasS="text-center">{{ datosSucursal.total.preparacion + datosSucursal.total.reparto }}</td>
  127.           <td clasS="text-center">{{ datosSucursal.sucursal.getOrderCapacity }}</td>
  128.           {# <td clasS="text-left">{{ indicator.preparacion }}</td> #}
  129.           {# <td clasS="text-left">
  130.             {% set porcentaje = (70 * indicator.sucursal.getOrderCapacity)/100 %}
  131.             {% if indicator.reparto < porcentaje|round %}
  132.               {% set class = 'badge-success' %}
  133.             {% elseif indicator.reparto >= porcentaje|round and indicator.reparto < indicator.sucursal.getOrderCapacity %}
  134.               {% set class = 'badge-warning' %}
  135.             {% else %}
  136.               {% set class = 'badge-danger' %}
  137.             {% endif %}
  138.             <span class="badge badge-pill {{ class }}"><strong>{{ indicator.reparto }}</strong></span>
  139.           </td> #}
  140.           {# <td clasS="text-left">{{ indicator.preparacion + indicator.reparto }}</td>
  141.           <td clasS="text-left">{{ indicator.sucursal.getOrderCapacity }}</td> #}
  142.         </tr>
  143.       {% endfor %}
  145.     </tbody>
  146.     <tfoot></tfoot>
  147.   </table>
  149.   {# <section class="content-header">
  150.     <div class="content-header-title">
  151.       <h1 class="title">Pedidos no entregados a la sucursal</h1>
  152.     </div>
  153.   </section> #}
  155.   {% block body_custom_javascript %}
  156.  <script>
  157.     var notification = new Audio('{{ asset('sounds/Notification.mp3') }}');
  159.     function xmlSinEntregar() {
  160.       var tbl = document.getElementById("xmlSinEntregar");
  162.       if (tbl.rows.length == 0) {
  163.         // console.log('No hay pedidos');
  164.       } else {
  165.         // console.log('La tabla tiene ' + tbl.rows.length + ' Pedido(s) sin entregar');
  166.         notification.play();
  167.       }
  169.       alertaXmlSinEntregar();
  170.     }
  172.     function alertaXmlSinEntregar(){
  173.       let tiempo = '{{actualizardashboard}}' * 1000;
  174.       setTimeout(function(){
  175.         location.reload()
  176.       }, tiempo);
  177.     }
  179.     xmlSinEntregar();
  180.   </script>
  181.   {% endblock %}
  182. {% endblock %}