templates/equipo/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% form_theme form 'bootstrap_4_layout.html.twig' %}
  3. {% block stylesheets %}
  4.     <link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
  5.     <link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
  6.     <link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css')}}">
  7.     <link rel="stylesheet" href="{{ asset('plugins/toastr/toastr.min.css') }}">
  9.     <style>
  10.         td.descripcion {
  11.             max-width: 300px !important;
  12.             text-overflow: ellipsis;
  13.             white-space: nowrap;
  14.             overflow: hidden;
  15.         }
  16.         label {
  17.             margin-right: 1rem;
  18.         }
  19.     </style>
  21. {% endblock %}
  22. {% block title %} - Eq. cómputo{% endblock %}
  23. {% block body %}
  24.     <div class="content-wrapper">
  25.         <!-- Content Header (Page header) -->
  26.         <section class="content-header">
  27.             <div class="card">
  28.                 <div class="card-header">
  29.                     <h1 class="card-title">Equipos de Cómputo</h1>
  31.                     <div class="card-tools">
  32.                         <ol class="breadcrumb float-sm-right">
  33.                             <li class="breadcrumb-item">Inicio</li>
  34.                             <li class="breadcrumb-item active">Equipos</li>
  35.                         </ol>
  36.                     </div>
  37.                 </div>
  38.             </div>
  39.         </section>
  41.         <!-- Main content -->
  42.         <section class="content">
  43.             <!-- Default box -->
  44.             <div class="card">
  45.                 {% if not unidadActiva and (rol == 3 or rol == 4) %}
  46.                     <div class="alert alert-warning alert-dismissible fade show" role="alert">
  47.                         En este momento no tiene privilegios para editar sus inventarios, si lo requiere, por favor solicítelo al Administrador.
  48.                         <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  49.                             <span aria-hidden="true">&times;</span>
  50.                         </button>
  51.                     </div>
  52.                 {% endif %}
  53.                 <div class="card-header">
  54.                     <div class="row">
  55.                         {{ form_start(form, {'attr': {'class': 'form-inline col-md-auto', 'id': 'form_unidad_filtro'}}) }}
  56.                         {{ form_row(form.filtro) }}
  57.                         {% if form.unidad is defined %}
  58.                             {{ form_row(form.unidad) }}
  59.                         {% endif %}
  60.                         {{ form_end(form) }}
  61.                         <a href="#" id="enviar" style = 'margin-left: 20px;' class="btn bg-blue mr-2">Aplicar filtro</a>
  62.                         <div class="col text-right">
  63.                             <button id="descargar_excel" type="button" class="btn btn-outline-success mr-2" onclick="descargarExcel()">
  64.                                 <i class="fas fa-file-excel mr-2"></i> Descargar
  65.                             </button>
  66.                             <button id="descargar_pdf" type="button" class="btn btn-outline-danger mr-2" onclick="descargarPDF()">
  67.                                 <i class="fas fa-file-pdf mr-2"></i> Formato CE-1
  68.                             </button>
  69.                             {% if nivel == 1 and unidadActiva %}
  70.                                 <a href="{{ path('app_equipo_new') }}" class="btn btn-outline-success">
  71.                                     <i class="fas fa-plus-circle mr-2"></i> Agregar
  72.                                 </a>
  73.                                 {# <a href="{{ path('app_upload_equipo_excel') }}" class="btn btn-outline-success">
  74.                                 <i class="fas fa-plus-circle mr-2"></i> Agregar equipos
  75.                             </a> #}
  76.                             {% endif %}
  77.                         </div>
  78.                     </div>
  79.                 </div>
  80.                 <div class="card-body">
  81.                     <table class="table table-striped w-100" id="table-equipo">
  82.                         <thead>
  83.                         <tr>
  84.                             <th>Marbete</th>
  85.                             <th>Descripción</th>
  86.                             <th>Marca</th>
  87.                             <th>Modelo</th>
  88.                             <th>Uso</th>
  89.                             <th>Estatus</th>
  90.                             <th>Emhv</th>
  91.                             <th>Unidad</th>
  92.                             <th>Usuario</th>
  93.                             <th>Ubicación</th>
  94.                             <th>Acciones</th>
  95.                         </tr>
  96.                         </thead>
  97.                         <tbody>
  98.                         {% set filteredEquipos = equipos|filter(equipo => equipo.estatus != 5) %}
  100.                         {% if filteredEquipos is not empty %}
  101.                             {% for equipo in filteredEquipos %}
  102.                                 <tr id="idEqu-{{ equipo.idEqu }}">
  103.                                     <td class="marbete">{{ equipo.marbete }}</td>
  104.                                     <td class="descripcion">{{ equipo.descripcion }}</td>
  105.                                     <td class="marca">{{ equipo.marca }}</td>
  106.                                     <td class="modelo">{{ equipo.modelo }}</td>
  107.                                     <td class="uso">
  108.                                         {% if equipo.uso == 1 %}
  109.                                             <span>Educativo</span>
  110.                                         {% elseif equipo.uso == 2 %}
  111.                                             <span>Docente</span>
  112.                                         {% elseif equipo.uso == 3 %}
  113.                                             <span>Administrativo</span>
  114.                                         {% endif %}
  115.                                     </td>
  116.                                     <td class="estatus">
  117.                                         {% if equipo.estatus == 1 %}
  118.                                             <span class="badge bg-gradient-green d-block">En operación</span>
  119.                                         {% elseif equipo.estatus == 2 %}
  120.                                             <span class="badge bg-gradient-orange d-block">Descompuesto</span>
  121.                                         {% elseif equipo.estatus == 3 %}
  122.                                             <span class="badge bg-gradient-primary d-block">Sin instalar</span>
  123.                                         {% elseif equipo.estatus == 4 %}
  124.                                             <span class="badge bg-gradient-yellow d-block">En proceso de baja</span>
  125.                                         {% elseif equipo.estatus == 5 %}
  126.                                             <span class="badge bg-gradient-danger d-block">Baja</span>
  127.                                         {% endif %}
  128.                                     </td>
  129.                                     <td class="emhv">
  130.                                         {% if equipo.emhv == 1 %}
  131.                                             <span class="badge bg-gradient-green d-block">Cumple</span>
  132.                                         {% elseif equipo.emhv == 0 %}
  133.                                             <span class="badge bg-gradient-orange d-block">No Cumple</span>
  134.                                         {% endif %}
  135.                                     </td>
  136.                                     <td class="unidad">{{ equipo.unidad.nombre }}</td>
  137.                                     <td class="usuario">{% if equipo.usuario.nombre is defined %}{{ equipo.usuario.nombre }} {{ equipo.usuario.papellido }} {{ equipo.usuario.sapellido }}{% endif %}</td>
  138.                                     <td class="ubicacion">{{ equipo.unidad.idUni|slice(3, 3) }} - {{ equipo.ubicacion}}</td> {# area #}
  139.                                     <td class="text-right">
  140.                                         {# <button class="btn btn-sm" style="background-color: transparent; border: none;" onclick="descargarPDF1('{{ equipo.idEqu }}')">
  141.                                             <i class="fas fa-file-pdf" style="color: red;">dpdf</i>
  142.                                         </button>
  143.                                         | #}
  144.                                         <!-- Botón para descargar PDF de resguardatario -->
  145.                                         <a href="#" onclick="postPdfRequest('{{ equipo.idEqu }}'); return false;" title="Generar resguardatario">
  146.                                             <i class="fas fa-file-pdf mr-2"></i>
  147.                                         </a>
  148.                                         &nbsp;
  149.                                         <a href="javascript: void(0)" data-id="{{ equipo.idEqu }}" class="btn-redirect" title="Ver equipo"><i class="fas fa-eye"></i></a>
  151.                                         {% if nivel in [1, 2] and unidadActiva%}
  152.                                             &nbsp;&nbsp;
  153.                                             <a href="#editar-equipo" onclick="editarInfoEquipo('{{ path('app_equipo_edit', {'idEqu': equipo.idEqu}) }}')" data-toggle="modal" title="Editar equipo"><i class="fas fa-pen"></i></a>
  154.                                             {# &nbsp;&nbsp;
  155.                                             <a href="#editar-equiporefaccion" onclick="editarInfoEquipoRefaccion('{{ path('app_equipo_editrefaccion', {'idEqu': equipo.idEqu}) }}')" data-toggle="modal" title="Agregar refacción"><i class="fas fa-solid fa-business-time"></i></a> #}
  156.                                         {% endif %}
  157.                                         {% if nivel in [1, 2] and not unidadActiva%}
  158.                                             &nbsp;&nbsp;
  159.                                             <a href="#editar-equiporesguardo" onclick="editarInfoEquipoResguardo('{{ path('app_equipo_edit_resguardo', {'idEqu': equipo.idEqu}) }}')" data-toggle="modal" title="Editar equipo"><i class="fas fa-pen"></i></a>
  160.                                         {% endif %}
  161.                                         {% if nivel in [2] %}
  162.                                             &nbsp;&nbsp;
  163.                                             <!-- Botón para mostrar el modal de confirmación -->
  164.                                             <button type="button" onclick="confirmDelete('{{ path('app_equipo_delete', {'idEqu': equipo.idEqu}) }}', '{{ csrf_token('delete' ~ equipo.idEqu) }}')" class="btn btn-link text-danger p-0" title="Eliminar equipo">
  165.                                                 <i class="fas fa-trash-alt"></i>
  166.                                             </button>
  167.                                         {% endif %}
  168.                                     </td>
  169.                                 </tr>
  170.                             {% endfor %}
  171.                         {% else %}
  172.                             <tr>
  173.                                 <td colspan="11" class="text-center">Ningún dato disponible en esta tabla</td>
  174.                                 <td style="display: none;"></td>
  175.                                 <td style="display: none;"></td>
  176.                                 <td style="display: none;"></td>
  177.                                 <td style="display: none;"></td>
  178.                                 <td style="display: none;"></td>
  179.                                 <td style="display: none;"></td>
  180.                                 <td style="display: none;"></td>
  181.                                 <td style="display: none;"></td>
  182.                                 <td style="display: none;"></td>
  183.                                 <td style="display: none;"></td>
  184.                             </tr>
  185.                         {% endif %}
  186.                         </tbody>
  187.                     </table>
  188.                 </div>
  189.                 <!-- /.card-body -->
  191.             </div>
  192.             <!-- /.card -->
  194.         </section>
  195.         <!-- /.content -->
  196.     </div>
  197.     <div class="modal fade" id="confirmDeleteModal" tabindex="-1" role="dialog" aria-labelledby="confirmDeleteModalLabel" aria-hidden="true">
  198.         <div class="modal-dialog" role="document">
  199.             <div class="modal-content">
  200.                 <div class="modal-header">
  201.                     <h5 class="modal-title" id="confirmDeleteModalLabel">Confirmar Eliminación</h5>
  202.                     <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
  203.                         <span aria-hidden="true">&times;</span>
  204.                     </button>
  205.                 </div>
  206.                 <div class="modal-body">
  207.                     ¿Estás seguro de que deseas eliminar este registro?
  208.                 </div>
  209.                 <div class="modal-footer">
  210.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
  211.                     <!-- Botón para confirmar eliminación -->
  212.                     <form id="deleteForm" method="post">
  213.                         <input type="hidden" name="_token" id="csrfToken" value="">
  214.                         <button type="submit" class="btn btn-danger">Eliminar</button>
  215.                     </form>
  216.                 </div>
  217.             </div>
  218.         </div>
  219.     </div>
  220.     <div class="modal hide" id="editar-equipo"></div>
  221.     <div class="modal hide" id="editar-equiporefaccion"></div>
  222.     <div class="modal hide" id="editar-equiporesguardo"></div>
  223. {% endblock %}
  226. {% block javascripts %}
  227.     <script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
  228.     <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
  229.     <script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
  230.     <script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
  231.     <script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
  232.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
  233.     <script src="{{ asset('plugins/jszip/jszip.min.js') }}"></script>
  234.     <script src="{{ asset('plugins/pdfmake/pdfmake.min.js') }}"></script>
  235.     <script src="{{ asset('plugins/pdfmake/vfs_fonts.js') }}"></script>
  236.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
  237.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
  238.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script>
  239.     <script src="{{ asset('plugins/toastr/toastr.min.js') }}"></script>
  240.     <script src="https://cdn.jsdelivr.net/gh/mgalante/jquery.redirect@master/jquery.redirect.js"></script>
  242.     <script type="text/javascript">
  243.         // Menu lateral
  244.         $("#catalogo").addClass("menu-open");
  245.         $("#catalogo").find('.nav-link:first').addClass("active");
  246.         $("#computo").addClass("active");
  248.         $(function () {
  249.             // DataTable
  250.             $('#table-equipo').DataTable({
  251.                 "aaSorting": [],
  252.                 orderCellsTop: true,
  253.                 {# Define un valor predeterminado para LengthChange #}
  254.                 "pageLength": 50,
  255.                 "scrollX": true,
  256.                 {# sDom: 'lrtip', #}
  257.                 "bLengthChange" : true,
  258.                 language: {
  259.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  260.                 },
  262.             });
  264.             {% if form.unidad is defined %}
  265.                 $("#enviar").on('click', function () {
  266.                     aplicarFiltro();
  267.                 });
  268.             {% endif %}
  269.         });
  271.         // Se envia el valor del id_equ
  272.         function postPdfRequest(idEqu) {
  273.             const form = document.createElement('form');
  274.             form.method = 'POST';
  275.             form.action = '{{ path('app_resguardo_equipo_pdf') }}';
  276.             form.target = '_blank';
  277.             const input = document.createElement('input');
  278.             input.type = 'hidden';
  279.             input.name = 'idEqu';
  280.             input.value = idEqu;
  282.             form.appendChild(input);
  284.             document.body.appendChild(form);
  285.             form.submit();
  286.         }
  287.         function aplicarFiltro() {
  288.             $("#table-equipo").find($("tbody")).html("<tr><td colspan='11' class='text-center'><i class='fas fa-spinner fa-pulse'></i></td></tr>");
  289.             let formData = new FormData(document.getElementById("form_unidad_filtro"));
  290.             $.ajax({
  291.                 type: "POST",
  292.                 url: '{{ path('app_equipo_index') }}',
  293.                 data: formData, // Adjuntar los campos del formulario enviado.
  294.                 dataType: "html",
  295.                 cache: false,
  296.                 contentType: false,
  297.                 processData: false,
  298.                 success: function (data) {
  299.                     let datos = jQuery.parseJSON(data);
  300.                     actualizarEquipo(datos);
  301.                 },
  302.                 error: function (data, text, error) {
  303.                     let datos = jQuery.parseJSON(data.responseText);
  304.                 }
  305.             });
  306.         }
  308.         function descargarExcel() {
  309.             let btn = $("#descargar_excel");
  310.             let formData = new FormData(document.getElementById("form_unidad_filtro"));
  311.             $.ajax({
  312.                 type: "POST",
  313.                 url: '{{ path('app_reporte_equipo_excel') }}',
  314.                 data: formData, // Adjuntar los campos del formulario enviado.
  315.                 cache: false,
  316.                 contentType: false,
  317.                 processData: false,
  318.                 xhrFields: {
  319.                     responseType: 'blob'
  320.                 },
  321.                 beforeSend: function () {
  322.                     btn.prop('disabled', true);
  323.                     btn.html("<i class='fas fa-spinner fa-pulse'></i> Descargar");
  324.                 },
  325.                 success: function (data) {
  326.                     let a = document.createElement('a');
  327.                     a.href = window.URL.createObjectURL(data);
  328.                     a.download = "ReporteEquipoCómputo.xlsx"
  329.                     a.click();
  330.                 },
  331.                 complete: function () {
  332.                     btn.prop('disabled', false);
  333.                     btn.html("<i class='fas fa-file-excel mr-2'></i> Descargar");
  334.                 },
  335.                 error: function (xhr) {
  336.                     toastr.warning(xhr?.statusText); 
  337.                 },
  338.             });
  339.         }
  341.         function descargarPDF() {
  342.             {% if form.unidad is defined %}
  343.             if ($("#unidad_filtro_unidad").val() === "") {
  344.                 toastr.warning('Se debe seleccionar una Unidad administrativa');
  345.                 return false;
  346.             }
  347.             {% endif %}
  348.             let btn = $("#descargar_pdf");
  349.             let formData = new FormData(document.getElementById("form_unidad_filtro"));
  350.             $.ajax({
  351.                 type: "POST",
  352.                 url: '{{ path('app_reporte_equipo_pdf') }}',
  353.                 data: formData, // Adjuntar los campos del formulario enviado.
  354.                 cache: false,
  355.                 contentType: false,
  356.                 processData: false,
  357.                 xhrFields: {
  358.                     responseType: 'blob'
  359.                 },
  360.                 beforeSend: function () {
  361.                     btn.prop('disabled', true);
  362.                     btn.html("<i class='fas fa-spinner fa-pulse'></i> Formato CE-1");
  363.                 },
  364.                 success: function (data) {
  365.                     let a = document.createElement('a');
  366.                     a.href = window.URL.createObjectURL(data);
  367.                     a.download = "ReporteEquipoCómputo.pdf"
  368.                     a.click();
  369.                 },
  370.                 complete: function () {
  371.                     btn.prop('disabled', false);
  372.                     btn.html("<i class='fas fa-file-pdf mr-2'></i> Formato CE-1");
  373.                 },
  374.                 error: function (xhr) {
  375.                     toastr.warning(xhr?.statusText); 
  376.                 },
  377.             });
  378.         }
  380.         function descargarPDF1(idEquipo) {
  381.             let btn = $("#descargar_pdf");
  382.             let formData = new FormData();
  383.             formData.append('idEquipo', idEquipo); // Agregar el idEquipo al FormData
  385.             $.ajax({
  386.                 type: "POST",
  387.                 url: '{{ path('app_resguardo_equipo_pdf') }}',
  388.                 data: formData,
  389.                 cache: false,
  390.                 contentType: false,
  391.                 processData: false,
  392.                 beforeSend: function () {
  393.                     btn.prop('disabled', true);
  394.                     btn.html("<i class='fas fa-spinner fa-pulse'></i> Formato CE-1");
  395.                 },
  396.                 success: function (response) {
  397.                     if (response.success) {
  398.                         // Descargar el PDF utilizando el enlace proporcionado
  399.                         window.location.href = response.pdfUrl;
  400.                     } else {
  401.                         alert('Error al generar el PDF. Por favor, intenta nuevamente.');
  402.                     }
  403.                 },
  404.                 error: function (xhr, status, error) {
  405.                     alert('Se produjo un error al intentar generar el PDF. Por favor, intenta nuevamente.');
  406.                 },
  407.                 complete: function () {
  408.                     btn.prop('disabled', false);
  409.                     btn.html("<i class='fas fa-file-pdf mr-2'></i> Formato CE-1");
  410.                 }
  411.             });
  412.         }
  414.         function editarInfoEquipo(url){
  415.             $('#editar-equipo').load(url, function ()
  416.             {
  417.                 // configuración del Modal
  418.                 $("#editar-equipo").on('hide.bs.modal', function () {
  419.                     $(this).html('Cargando');
  420.                 });
  421.                 $(".modal-dialog").draggable;
  422.                 editarInfoEquipoAjax(url)
  423.             })
  424.         }
  426.         function editarInfoEquipoResguardo(url){
  427.             $('#editar-equiporesguardo').load(url, function ()
  428.             {
  429.                 // configuración del Modal
  430.                 $("#editar-equiporesguardo").on('hide.bs.modal', function () {
  431.                     $(this).html('Cargando');
  432.                 });
  433.                 $(".modal-dialog").draggable;
  434.                 editarInfoEquipoResguardoAjax(url)
  435.             })
  436.         }
  438.         function editarInfoEquipoRefaccion(url){
  439.             $('#editar-equiporefaccion').load(url, function ()
  440.             {
  441.                 // configuración del Modal
  442.                 $("#editar-equiporefaccion").on('hide.bs.modal', function () {
  443.                     $(this).html('Cargando');
  444.                 });
  445.                 $(".modal-dialog").draggable;
  446.                 editarInfoEquipoRefaccionAjax(url)
  447.             })
  448.         }
  450.         function editarInfoEquipoAjax(url){
  451.             let send = $("#btn_equipo_guardar");
  452.             $('#btn_equipo_guardar').on('click', function () {
  453.                 let formData = new FormData(document.getElementById("form-editar-equipo"));
  454.                 var html = "";
  455.                 var btnCerrar = "";
  456.                 var tituloE= "";
  457.                 $.ajax({
  458.                     type: "POST",
  459.                     url: url,
  460.                     data: formData, // Adjuntar los campos del formulario enviado.
  461.                     dataType: "json",
  462.                     cache: false,
  463.                     contentType: false,
  464.                     processData: false,
  465.                     beforeSend: function () {
  466.                         send.text("Actualizando "); // Para input de tipo button
  467.                         send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  468.                         send.prop("disabled", true);
  469.                     },
  470.                     success: function (data) {
  471.                         let datos = data;
  472.                         let row = $('#idEqu-' + datos.idEqu);
  473.                         row.find('.marbete').html(datos.marbete);
  474.                         row.find('.descripcion').html(datos.descripcion);
  475.                         row.find('.marca').html(datos.marca);
  476.                         row.find('.modelo').html(datos.modelo);
  477.                         /*row.find('.serie').html(datos.serie);
  478.                         row.find('.tipo').html(datos.tipo);
  479.                         row.find('.uso').html(datos.uso);*/
  480.                         //row.find('.uso').html(datos.unidad.getNombre);
  481.                         //row.find('.activo').html(datos.estatus);
  483.                         if (datos.estatus === "En operacion") {
  484.                             row.find('.estatus').html('<div class="badge bg-gradient-green d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  485.                         }
  486.                         if(datos.estatus === "Descompuesto") {
  487.                             row.find('.estatus').html('<div class="badge bg-gradient-orange d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  488.                         }
  489.                         if (datos.estatus === "Sin instalar") {
  490.                             row.find('.estatus').html('<div class="badge bg-gradient-primary d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  491.                         }
  492.                         if(datos.estatus === "En proceso de baja") {
  493.                             row.find('.estatus').html('<div class="badge bg-gradient-yellow d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  494.                         }
  495.                         if(datos.estatus === "Baja") {
  496.                             row.find('.estatus').html('<div class="badge bg-gradient-danger d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  497.                         }
  499.                         row.find('.emhv').html(datos.emhv);
  500.                         row.find('.usuario').html(datos.usuario);
  501.                         row.find('.ubicacion').html(datos.ubicacion);
  503.                         if(datos.solicitudes.idSolicitud === 0){
  504.                             $("#editar-equipo").modal('hide');
  505.                         }else{
  506.                             $('.infoEquipo').html('').css('display', 'none');
  507.                             $('.tituloEquipo').html('').css('display', 'none');
  508.                             tituloE = '<h5 class="modal-title" id="exampleModalLabel"><b>Modificación  <small class="text-secondary">de Usuario a las solicitudes</small></b></h5>';
  509.                             html += '<strong><p>Se a modificado el usuario de las siguientes solicitudes que pertenecen al marbete: '+ datos.marbete+ '</p></strong><br>'+
  510.                                 '<table class="table table-hover">'+
  511.                                     '<thead> '+
  512.                                         '<tr><th>Número de solicitud</th><th>Estatus</th><th>Usuario anterior</th><th>Usuario nuevo</th></tr>'+
  513.                                     '</thead>'+
  514.                                     '<tbody>';
  515.                             for(let i = 0; i < datos.solicitudes.length; i++){
  516.                                 html += 
  517.                                     '<tr><td>' + datos.solicitudes[i].idSolicitud +'</td>'+
  518.                                     '<td>' + datos.solicitudes[i].estatus +'</td>'+
  519.                                     '<td>' + datos.solicitudes[i].usuAnterior +'</td>'+
  520.                                     '<td>' + datos.solicitudes[i].usuNuevo +'</td> </tr>'
  521.                                 ;
  522.                             }
  523.                                 html += '</tbody>'+
  524.                                         '</table>';
  525.                             btnCerrar =
  526.                                     '<div class="row">'+
  527.                                         '<div class="col" style="text-align: right;">'+
  528.                                             '<button type="button" class="btn btn-outline-primary" data-dismiss="modal" aria-label="Close">'+
  529.                                                 'Cerrar'+
  530.                                             '</button>'+
  531.                                         '</div>'+
  532.                                     '</div>'
  533.                                 ;
  534.                             $(".tituloSolicitudes").html(tituloE);
  535.                             $(".infoSolicitudes").html(html);
  536.                             $(".btnCerrar").html(btnCerrar);
  537.                         }
  538.                     },
  539.                     error: function (data, text, error) {
  540.                         let datos = data.responseJSON;
  541.                         $("#editar-equipo").html(datos.form);
  542.                         editarInfoEquipoAjax(url);
  543.                     },
  544.                     complete: function (data) {
  545.                         // Se ejecuta al termino de la petición
  546.                     }
  547.                 });
  549.                 return false; // Evitar ejecutar el submit del formulario.
  551.             });
  552.         }
  554.         function editarInfoEquipoResguardoAjax(url){
  555.             let send = $("#btn_equipo_guardar");
  556.             $('#btn_equipo_guardar').on('click', function () {
  557.                 let formData = new FormData(document.getElementById("form-editar-equipo"));
  558.                 $.ajax({
  559.                     type: "POST",
  560.                     url: url,
  561.                     data: formData, // Adjuntar los campos del formulario enviado.
  562.                     dataType: "json",
  563.                     cache: false,
  564.                     contentType: false,
  565.                     processData: false,
  566.                     beforeSend: function () {
  567.                         send.text("Actualizando "); // Para input de tipo button
  568.                         send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  569.                         send.prop("disabled", true);
  570.                     },
  571.                     success: function (data) {
  572.                         let datos = data;
  574.                         let row = $('#idEqu' + datos.idEqu);
  575.                         row.find('.marbete').html(datos.marbete);
  576.                         row.find('.descripcion').html(datos.descripcion);
  577.                         row.find('.marca').html(datos.marca);
  578.                         row.find('.modelo').html(datos.modelo);
  579.                         /*row.find('.serie').html(datos.serie);
  580.                         row.find('.tipo').html(datos.tipo);
  581.                         row.find('.uso').html(datos.uso);*/
  582.                         //row.find('.uso').html(datos.unidad.getNombre);
  583.                         //row.find('.activo').html(datos.estatus);+
  585.                         if (datos.estatus === "En operacion") {
  586.                             console.log(1)
  587.                             row.find('.estatus').html('<div class="badge bg-gradient-green d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  588.                         }
  589.                         if(datos.estatus === "Descompuesto") {
  590.                             console.log(2)
  591.                             row.find('.estatus').html('<div class="badge bg-gradient-orange d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  592.                         }
  593.                         if (datos.estatus === "Sin instalar") {
  594.                             console.log(3)
  595.                             row.find('.estatus').html('<div class="badge bg-gradient-primary d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  596.                         }
  597.                         if(datos.estatus === "En proceso de baja") {
  598.                             console.log(4)
  599.                             row.find('.estatus').html('<div class="badge bg-gradient-yellow d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  600.                         }
  601.                         if(datos.estatus === "Baja") {
  602.                             console.log(5)
  603.                             row.find('.estatus').html('<div class="badge bg-gradient-danger d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  604.                         }
  605.                         row.find('.emhv').html(datos.emhv);
  606.                         row.find('.usuario').html(datos.usuario);
  607.                         row.find('.ubicacion').html(datos.ubicacion);
  610.                         $("#editar-equiporesguardo").modal('hide');
  613.                     },
  614.                     error: function (data, text, error) {
  615.                         let datos = data.responseJSON;
  616.                         $("#editar-equiporesguardo").html(datos.form);
  617.                         editarInfoEquipoResguardoAjax(url);
  618.                     },
  619.                     complete: function (data) {
  620.                         // Se ejecuta al termino de la petición
  621.                     }
  622.                 });
  624.                 return false; // Evitar ejecutar el submit del formulario.
  626.             });
  627.         }
  629.         function editarInfoEquipoRefaccionAjax(url){
  630.             let send = $("#btn_equipo_guardar");
  631.             $('#btn_equipo_guardar').on('click', function () {
  632.                 let formData = new FormData(document.getElementById("form-editar-equipo"));
  633.                 $.ajax({
  634.                     type: "POST",
  635.                     url: url,
  636.                     data: formData, // Adjuntar los campos del formulario enviado.
  637.                     dataType: "json",
  638.                     cache: false,
  639.                     contentType: false,
  640.                     processData: false,
  641.                     beforeSend: function () {
  642.                         send.text("Actualizando "); // Para input de tipo button
  643.                         send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  644.                         send.prop("disabled", true);
  645.                     },
  646.                     success: function (data) {
  647.                         let datos = data;
  649.                         let row = $('#idEqu-' + datos.idEqu);
  650.                         row.find('.marbete').html(datos.marbete);
  651.                         row.find('.descripcion').html(datos.descripcion);
  652.                         row.find('.marca').html(datos.marca);
  653.                         row.find('.modelo').html(datos.modelo);
  654.                         /*row.find('.serie').html(datos.serie);
  655.                         row.find('.tipo').html(datos.tipo);
  656.                         row.find('.uso').html(datos.uso);*/
  657.                         //row.find('.uso').html(datos.unidad.getNombre);
  658.                         //row.find('.activo').html(datos.estatus);
  660.                         if (datos.estatus === "En operacion") {
  661.                             row.find('.estatus').html('<div class="badge bg-gradient-green d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  662.                         }
  663.                         if(datos.estatus === "Descompuesto") {
  664.                             row.find('.estatus').html('<div class="badge bg-gradient-orange d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  665.                         }
  666.                         if (datos.estatus === "Sin instalar") {
  667.                             row.find('.estatus').html('<div class="badge bg-gradient-primary d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  668.                         }
  669.                         if(datos.estatus === "En proceso de baja") {
  670.                             row.find('.estatus').html('<div class="badge bg-gradient-yellow d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  671.                         }
  672.                         if(datos.estatus === "Baja") {
  673.                             row.find('.estatus').html('<div class="badge bg-gradient-danger d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  674.                         }
  676.                         row.find('.emhv').html(datos.emhv);
  677.                         row.find('.usuario').html(datos.usuario);
  678.                         row.find('.ubicacion').html(datos.ubicacion);
  681.                         $("#editar-equiporefaccion").hide('hide');
  682.                         $('.modal-backdrop').remove();
  684.                     },
  685.                     error: function (data, text, error) {
  686.                         let datos = data.responseJSON;
  687.                         $("#editar-equiporefaccion").html(datos.form);
  688.                         editarInfoEquipoRefaccionAjax(url);
  689.                     },
  690.                     complete: function (data) {
  691.                         // Se ejecuta al termino de la petición
  692.                     }
  693.                 });
  695.                 return false; // Evitar ejecutar el submit del formulario.
  697.             });
  698.         }
  700.         <!-- Actualizar tabla de bitácora -->
  701.         function actualizarEquipo(data) {
  702.             $("#table-equipo").dataTable().fnClearTable();
  703.             $("#table-equipo").dataTable().fnDestroy();
  704.             var edit = "";
  705.             var downpdf = "";
  706.             var html = "";
  707.             $.each(data, function (key, equipo) {
  708.                 {# Para edición del equipo #}
  709.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'true' : 'false' }}) {
  710.                     edit = '&nbsp;&nbsp;<a href="#editar-equipo" onclick="editarInfoEquipo(\'' + equipo.editar + '\')" data-toggle="modal" title="Modificar equipo"><i class="fas fa-pen"></i></a>';
  711.                 }
  712.                 {# Solo para edición de estatus y reguardatario #}
  713.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'false' : 'true' }}) {
  714.                     edit = '&nbsp;&nbsp;<a href="#editar-equiporesguardo" onclick="editarInfoEquipoResguardo(\'' + equipo.editar_resguardo + '\')" data-toggle="modal" title="Modificar equipo"><i class="fas fa-pen"></i></a>';
  715.                 }
  716.                 html +=
  717.                     '<tr id="idEqu' + equipo.idEqu + '">' +
  718.                         '<td class="marbete">' + equipo.marbete + '</td>' +
  719.                         '<td class="descripcion">' + equipo.descripcion + '</td>' +
  720.                         '<td class="marca">' + equipo.marca + '</td>' +
  721.                         '<td class="modelo">' + equipo.modelo + '</td>' +
  722.                         '<td class="uso">' + equipo.uso + '</td>' +
  723.                         '<td class="estatus">' + equipo.estatus + '</td>' +
  724.                         '<td class="emhv">' + equipo.emhv + '</td>' +
  725.                         '<td class="unidad">' + equipo.unidad + '</td>' +
  726.                         '<td class="usuario">' + equipo.usuario + '</td>' +
  727.                         '<td class="ubicacion">' + equipo.ubicacion + '</td>' +
  728.                         '<td class="text-right">' +
  729.                             '<a href="#" onclick="postPdfRequest(' + equipo.idEqu + '); return false;" title="Generar resguardatario">' +
  730.                             '<i class="fas fa-file-pdf mr-2"></i>' +
  731.                             '</a>' +
  732.                             '<a href="javascript: void(0)" data-id="' + equipo.idEqu + '" class="btn-redirect" title="Ver equipo"><i class="fas fa-eye"></i></a>' +
  733.                             edit +
  734.                         '</td>' +
  735.                     '</tr>';
  736.                 //cambiarEstatus('estatus/' + equipo.idEqu, 'estatus');
  737.             });
  738.             $("#table-equipo").find($("tbody")).html(html);
  739.             $('#table-equipo').DataTable({
  740.                 "aaSorting": [],
  741.                 orderCellsTop: true,
  742.                 {# Define un valor predeterminado para LengthChange #}
  743.                 "pageLength": 50,
  744.                 "scrollX": true,
  745.                 {# sDom: 'lrtip', #}
  746.                 "bLengthChange" : true,
  747.                 language: {
  748.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  749.                 },
  750.             });
  751.         }
  753.         function actualizarEquipoResguardo(data) {
  754.             $("#table-equipo").dataTable().fnClearTable();
  755.             $("#table-equipo").dataTable().fnDestroy();
  756.             var edit = "";
  757.             var downpdf = "";
  758.             var html = "";
  759.             $.each(data, function (key, equipo) {
  760.                 {# Para edición del equipo #}
  761.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'true' : 'false' }}) {
  762.                     edit = '&nbsp;&nbsp;<a href="#editar-equipo" onclick="editarInfoEquipo(\'' + equipo.editar + '\')" data-toggle="modal" title="Modificar equipo"><i class="fas fa-pen"></i></a>';
  763.                 }
  764.                 {# Solo para edición de estatus y reguardatario #}
  765.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'false' : 'true' }}) {
  766.                     edit = '&nbsp;&nbsp;<a href="#editar-equiporesguardo" onclick="editarInfoEquipoResguardo(\'' + equipo.editar_resguardo + '\')" data-toggle="modal" title="Modificar equipo"><i class="fas fa-pen"></i></a>';
  767.                 }
  768.                 html +=
  769.                     '<tr id="idEqu' + equipo.idEqu + '">' +
  770.                     '<td class="marbete">' + equipo.marbete + '</td>' +
  771.                     '<td class="descripcion">' + equipo.descripcion + '</td>' +
  772.                     '<td class="marca">' + equipo.marca + '</td>' +
  773.                     '<td class="modelo">' + equipo.modelo + '</td>' +
  774.                     '<td class="uso">' + equipo.uso + '</td>' +
  775.                     '<td class="estatus">' + equipo.estatus + '</td>' +
  776.                     '<td class="emhv">' + equipo.emhv + '</td>' +
  777.                     '<td class="unidad">' + equipo.unidad + '</td>' +
  778.                     '<td class="usuario">' + equipo.usuario + '</td>' +
  779.                     '<td class="ubicacion">' + equipo.ubicacion + '</td>' +
  780.                     '<td class="text-right">' +
  781.                     '<a href="#" onclick="postPdfRequest(' + equipo.idEqu + '); return false;" title="Generar resguardatario">' +
  782.                     '<i class="fas fa-file-pdf mr-2"></i>' +
  783.                     '</a>' +
  784.                     '<a href="javascript: void(0)" data-id="' + equipo.idEqu + '" class="btn-redirect" title="Ver equipo"><i class="fas fa-eye"></i></a>' +
  785.                     edit +
  786.                     '</td>' +
  787.                     '</tr>';
  788.                 //cambiarEstatus('estatus/' + equipo.idEqu, 'estatus');
  789.             });
  790.             $("#table-equipo").find($("tbody")).html(html);
  791.             $('#table-equipo').DataTable({
  792.                 "aaSorting": [],
  793.                 orderCellsTop: true,
  794.                 {# Define un valor predeterminado para LengthChange #}
  795.                 "pageLength": 50,
  796.                 "scrollX": true,
  797.                 {# sDom: 'lrtip', #}
  798.                 "bLengthChange" : true,
  799.                 language: {
  800.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  801.                 },
  802.             });
  803.         }
  805.         <!-- Actualizar tabla de bitácora -->
  806.         function actualizarEquipoRefaccion(data) {
  807.             $("#table-equipo").dataTable().fnClearTable();
  808.             $("#table-equipo").dataTable().fnDestroy();
  809.             var edit = "";
  810.             var html = "";
  811.             $.each(data, function (key, equipo) {
  812.                 {# Para edición del equipo #}
  813.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'true' : 'false' }}) {
  814.                     edit = '&nbsp;&nbsp;<a href="#editar-equipo" onclick="editarInfoEquipo(\'' + equipo.editar + '\')" data-toggle="modal" title="Modificar equipo"><i class="fas fa-pen"></i></a>';
  815.                 }
  816.                 {# Solo para edición de estatus y reguardatario #}
  817.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'false' : 'true' }}) {
  818.                     edit = '&nbsp;&nbsp;<a href="#editar-equiporesguardo" onclick="editarInfoEquipoResguardo(\'' + equipo.editar_resguardo + '\')" data-toggle="modal" title="Modificar equipo"><i class="fas fa-pen"></i></a>';
  819.                 }
  820.                 html +=
  821.                     '<tr id="idEqu' + equipo.idEqu + '">' +
  822.                     '<td class="marbete">' + equipo.marbete + '</td>' +
  823.                     '<td class="descripcion">' + equipo.descripcion + '</td>' +
  824.                     '<td class="marca">' + equipo.marca + '</td>' +
  825.                     '<td class="modelo">' + equipo.modelo + '</td>' +
  826.                     '<td class="uso">' + equipo.uso + '</td>' +
  827.                     '<td class="estatus">' + equipo.estatus + '</td>' +
  828.                     '<td class="emhv">' + equipo.emhv + '</td>' +
  829.                     '<td class="unidad">' + equipo.unidad + '</td>' +
  830.                     '<td class="usuario">' + equipo.usuario + '</td>' +
  831.                     '<td class="ubicacion">' + equipo.ubicacion + '</td>' +
  832.                     '<td class="text-right">' +
  833.                     '<a href="#" onclick="postPdfRequest(' + equipo.idEqu + '); return false;" title="Generar resguardatario">' +
  834.                     '<i class="fas fa-file-pdf mr-2"></i>' +
  835.                     '</a>' +
  836.                     '<a href="javascript: void(0)" data-id="' + equipo.idEqu + '" class="btn-redirect" title="Ver equipo"><i class="fas fa-eye"></i></a>' +
  837.                     edit +
  838.                     '</td>' +
  839.                     '</tr>';
  840.                 //cambiarEstatus('estatus/' + equipo.idEqu, 'estatus');
  841.             });
  842.             $("#table-equipo").find($("tbody")).html(html);
  843.             $('#table-equipo').DataTable({
  844.                 "aaSorting": [],
  845.                 orderCellsTop: true,
  846.                 {# Define un valor predeterminado para LengthChange #}
  847.                 "pageLength": 50,
  848.                 "scrollX": true,
  849.                 {# sDom: 'lrtip', #}
  850.                 "bLengthChange" : true,
  851.                 language: {
  852.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  853.                 },
  854.             });
  855.         }
  857.         function cambiarEstatus(url, accion) {
  858.             $.ajax({
  859.                 url: url,
  860.                 dataType: "json",
  861.                 cache: false,
  862.                 contentType: false,
  863.                 processData: false,
  864.                 success: function (data) {
  865.                     let datos = data;
  866.                     let row = $('#idEqu'+ datos.idEqu);
  868.                     if (datos.estatus === "En operacion") {
  869.                         row.find('.estatus').html('<div class="badge bg-gradient-green d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  870.                     }
  871.                     if(datos.estatus === "Descompuesto") {
  872.                         row.find('.estatus').html('<div class="badge bg-gradient-orange d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  873.                     }
  874.                     if (datos.estatus === "Sin instalar") {
  875.                         row.find('.estatus').html('<div class="badge bg-gradient-primary d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  876.                     }
  877.                     if(datos.estatus === "En proceso de baja") {
  878.                         row.find('.estatus').html('<div class="badge bg-gradient-yellow d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  879.                     }
  880.                     if(datos.estatus === "Baja") {
  881.                         row.find('.estatus').html('<div class="badge bg-gradient-danger d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  882.                     }
  884.                     //alertMessage(0, datos.mensaje);
  885.                 },
  886.                 error: function (data, text, error) {
  887.                     alertMessage(1, error);
  888.                 },
  889.                 complete: function (data) {
  890.                     // Se ejecuta al termino de la petición
  891.                 }
  892.             });
  893.         }
  895.     </script>
  897.     <script>
  898.         $(function () {
  899.             $(document).on('click', '.btn-redirect', function(){
  900.                 let data = $(this).attr('data-id');
  901.                 $.redirect("{{ path('app_equipo_show') }}", {idEqu: data}, "POST", "_self");
  902.             });
  903.         });
  904.     </script>
  905.     <script>
  906.         function confirmDelete(actionUrl, csrfToken) {
  907.             // Configura la acción del formulario en el modal
  908.             const deleteForm = document.getElementById('deleteForm');
  909.             deleteForm.action = actionUrl;
  911.             // Configura el token CSRF
  912.             document.getElementById('csrfToken').value = csrfToken;
  914.             // Muestra el modal
  915.             $('#confirmDeleteModal').modal('show');
  916.         }
  917.     </script>
  919. {% endblock %}