templates/prog_solicitud/programado.html.twig line 1

Open in your IDE?
  1. {# Plantilla de Twig #}
  3. {% block stylesheets %}
  4.     <link rel="stylesheet" href="{{ asset('plugins/toastr/toastr.min.css') }}">
  5. {% endblock %}
  7. <!-- Modal with form -->
  8. <!-- div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" -->
  9. <div class="modal-dialog modal-xl" role="document">
  10.     <div class="modal-content p-4">
  11.         <div class="modal-header">
  12.             <h5 class="modal-title" id="exampleModalLabel"><b>Solicitudes programadas</b> <b><span class="text-success">{% if info is defined %} {{ info.tipoEquipo }} {% endif %}</span></b><small>Mantenimiento {% if info is defined %} {{ info.tipoMantenimiento }} {% endif %}</small></h5>
  13.             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  14.                 <span aria-hidden="true">&times;</span>
  15.             </button>
  16.         </div>
  17.         <div class="modal-body">
  18.             <div class="table-responsive">
  19.                 <table class="table table-hover">
  20.                     <thead>
  21.                     <tr>
  22.                         <th>Usuario</th>
  23.                         <th>Equipo</th>
  24.                     </tr>
  25.                     </thead>
  26.                     <tbody>
  27.                         <tr>
  28.                         {% if solicitud[0] is defined %}
  29.                             <td>{{solicitud[0].u_nombre}} {{solicitud[0].u_papellido}} {{solicitud[0].u_sapellido}}</td>
  30.                             <td>Marbete: <b>{{solicitud[0].marbete}}</b></br>Descripción: <b>{{solicitud[0].descripcion}}</b></br>Marca: <b>{{solicitud[0].marca}}</b></br>Modelo: <b>{{solicitud[0].modelo}}</b></br>Ubicación: <b>{{solicitud[0].n_ubicacion}}</b></br>Unidad Administrativa: <b>{{solicitud[0].n_unidad}}</b></td>
  31.                         {% endif %}
  32.                         </tr>
  33.                     </tbody>
  34.                 </table>
  35.             </div>
  37.             <div class="table-responsive">
  38.                 <form id="form-editar-solicitud">
  39.                     <table class="table table-hover">
  40.                         <thead>
  41.                         <tr>
  42.                             <th>Id. Solicitud</th>
  43.                             <th>Fecha de registro</th>
  44.                             <th>Fecha de atención</th>
  45.                             <th>Acción a realizar</th>
  46.                             <th>Tipo de mantenimiento</th>
  47.                             <th>Estatus</th>
  48.                             <th>Accion</th>
  49.                         </tr>
  50.                         </thead>
  51.                         <tbody>
  52.                         {% for s in solicitud %}
  53.                             <tr id="modal-table-{{ s.id_sol }}">
  54.                                 <th>{{ s.id_sol }}</th>
  55.                                 <td class="fregistro">
  56.                                     {% if s.fregistro != "" %}
  57.                                         {{ s.fregistro|format_datetime('medium', 'none', locale='es') }}
  58.                                     {% endif %}
  59.                                 </td>
  60.                                 <td>
  61.                                     {% if s.fatencion != "" %}
  62.                                         {{ s.fatencion|format_datetime('medium', 'none', locale='es') }}
  63.                                     {% endif %}
  64.                                 </td>
  65.                                 <td class="falla">{{ s.falla }}</td>
  66.                                 <td>
  67.                                     {% if s.tipo_mantenimiento == "MP" %}
  68.                                         Preventivo
  69.                                     {% endif %}
  70.                                     {% if s.tipo_mantenimiento == "MC" %}
  71.                                         Correctivo
  72.                                     {% endif %}
  73.                                 </td>
  74.                                 <td>
  75.                                     {% if s.estatus == 1 %}
  76.                                         <div class="badge bg-gradient-warning text-white" style="width: 6rem;">Pendiente</div>
  77.                                     {% elseif s.estatus == 2 %}
  78.                                         <div class="badge bg-gradient-danger" style="width: 6rem;">En proceso</div>
  79.                                     {% elseif s.estatus == 3 %}
  80.                                         <div class="badge bg-gradient-primary" style="width: 6rem;">Atendido</div>
  81.                                     {% elseif s.estatus == 4 %}
  82.                                         <div class="badge bg-gradient-success" style="width: 6rem;">Evaluado</div>
  83.                                     {% endif %}
  84.                                 </td>
  85.                                 <td>
  86.                                     {% if s.fregistro > date('-15days') %}
  87.                                         {# do something #}
  88.                                         {% if s is defined %}
  89.                                             {% if info.tipo_mantenimiento == 'Preventivo' %}
  90.                                                 <a class="text-success" data-toggle="collapse" data-target="#collapseExample-{{ s.id_sol }}" role="button" aria-expanded="false" aria-controls="collapseExample-{{s.id_sol}}">
  91.                                                     <i class="fa fa-calendar" data-toggle="tooltip" title="Reprogramar mantenimiento"></i>
  92.                                                 </a>
  93.                                             {% endif %}
  94.                                             {% if info.tipo_mantenimiento == 'Correctivo' %}
  95.                                                 <a href="{{ path('prog_correctivo_evaluacion', {'idSol': s.id_sol}) }}">
  96.                                                     <i class="fa fa-check-circle text-primary" data-toggle="tooltip" title="Evaluar mantenimiento"></i>
  97.                                                 </a>
  98.                                             {% endif %}
  99.                                         {% endif %}
  100.                                     {% endif %}
  101.                                 </td>
  102.                             </tr>
  103.                             <tr class="collapse" id="collapseExample-{{ s.id_sol }}">
  104.                                 <th colspan="6">
  105.                                     <label for="">Acción a realizar</label>
  106.                                     <input type="textarea" class="form-control" name="{{ s.id_sol }}-falla" value="{{ s.falla }}" required />
  107.                                     <label for="">Fecha de atención</label>
  108.                                     <input type="date" class="form-control" name="{{ s.id_sol }}-fregistro" value="{{ s.fatencion|date('Y-m-d') }}" required />
  109.                                 </th>
  110.                                 <th>
  111.                                     <button type="button" class="btn btn-primary pull-right" id="actualizar-solicitud-{{ s.id_sol }}" onclick="solicitudReprogramar('{{ path('prog_preventivo_reprogramar', {'id': s.id_sol}) }}', {{ s.id_sol }})">Actualizar</button>
  112.                                 </th>
  113.                             </tr>
  114.                         {% else %}
  115.                             <tr>
  116.                                 <th class="text-center" colspan="7">No existen registros de servicios programados</th>
  117.                             </tr>
  118.                         {% endfor %}
  119.                         </tbody>
  120.                     </table>
  121.                 </form>
  122.             </div>
  123.         </div>
  124.         <div class="modal-footer">
  125.             <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
  126.         </div>
  127.     </div>
  128. </div>
  129. <!-- /div -->
  131. {% block javascripts %}
  132.     <script src="{{ asset('plugins/toastr/toastr.min.js') }}"></script>
  133.     <script type="text/javascript">
  135.         function solicitudReprogramar(url, id){
  136.             let send = $("#actualizar-solicitud-" + id);
  137.             let formData = new FormData(document.getElementById("form-editar-solicitud"));
  138.             $.ajax({
  139.                 type: "POST",
  140.                 url: url,
  141.                 data: formData, // Adjuntar los campos del formulario enviado.
  142.                 dataType: "html",
  143.                 cache: false,
  144.                 contentType: false,
  145.                 processData: false,
  146.                 beforeSend: function () {
  147.                     send.text(""); // Para input de tipo button
  148.                     send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  149.                     send.prop("disabled", true);
  150.                 },
  151.                 success: function (data) {
  152.                     let datos = jQuery.parseJSON(data);
  153.                     console.log(datos.mensaje);
  154.                     $(document).Toasts('create', {
  155.                         autohide: true,
  156.                         delay: 5000,
  157.                         class: 'bg-success',
  158.                         title: 'Edición de programación',
  159.                         subtitle: 'Éxito',
  160.                         body: datos.mensaje
  161.                     });
  162.                     let row = $('#modal-table-' + datos.idsol);
  163.                     row.find('.falla').html('<p class="text-primary"><b>' + datos.falla + '</b></p>');
  164.                     /*row.find('.fregistro').html('<p class="text-primary"><b>' + datos.fregistro + '</b></p>');*/
  165.                 },
  166.                 error: function (data, text, error) {
  168.                 },
  169.                 complete: function () {
  170.                     setTimeout(function(){
  171.                         send.text("Actualizar"); // Para input de tipo button
  172.                         send.append("<i></i>");
  173.                         send.prop("disabled", false);
  174.                     }, 5000);
  175.                 }
  176.             });
  178.             return false; // Evitar ejecutar el submit del formulario.
  179.         }
  180.     </script>
  181. {% endblock %}