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.                         <div class="col">
  56.                             {{ form_start(form, {'attr': {'class': 'col-md-auto', 'id': 'form_unidad_filtro'}}) }}
  57.                             <div class="d-flex justify-content-start flex-wrap align-items-center gap-2">
  58.                                 {{ form_row(form.filtro) }}
  59.                             {% if form.unidad is defined %}
  60.                                 {{ form_row(form.unidad) }}
  61.                             {% endif %}
  62.                             {{ form_end(form) }}
  63.                             </div>
  64.                         </div>
  65.                     </div>
  66.                     <div class="row">
  67.                         <div class="col">
  68.                             <div class="col-md-12 d-flex justify-content-start flex-wrap align-items-center gap-2">
  69.                                 <a href="#" id="enviar" class="btn bg-blue">Aplicar filtro</a>
  70.                                 <button id="descargar_excel" type="button" class="btn btn-outline-success" onclick="descargarExcel()"><i class="fas fa-file-excel"></i> Descargar</button>
  71.                                 <button id="descargar_pdf" type="button" class="btn btn-outline-danger" onclick="descargarPDF()"><i class="fas fa-file-pdf"></i> Formato CE-1</button>
  72.                                 {% if nivel == 1 and unidadActiva %}
  73.                                     <a href="{{ path('app_equipo_new') }}" class="btn btn-outline-success"><i class="fas fa-plus-circle"></i> Agregar</a>
  74.                                 {% endif %}
  75.                             </div>
  76.                         </div>
  77.                     </div>
  78.                 </div>
  79.                 <div class="card-body">
  80.                     <table class="table table-striped w-100" id="table-equipo">
  81.                         <thead>
  82.                         <tr>
  83.                             <th>Marbete</th>
  84.                             <th>Descripción</th>
  85.                             <th>Marca</th>
  86.                             <th>Modelo</th>
  87.                             <th>Uso</th>
  88.                             <th>Estatus</th>
  89.                             <th>Emhv</th>
  90.                             <th>Unidad</th>
  91.                             <th>Usuario</th>
  92.                             <th>Ubicación</th>
  93.                             <th>Acciones</th>
  94.                         </tr>
  95.                         </thead>
  96.                         <tbody>
  97.                         {% set filteredEquipos = equipos|filter(equipo => equipo.estatus != 5) %}
  99.                         {% if filteredEquipos is not empty %}
  100.                             {% for equipo in filteredEquipos %}
  101.                                 <tr id="idEqu-{{ equipo.idEqu }}">
  102.                                     <td class="marbete">{{ equipo.marbete }}</td>
  103.                                     <td class="descripcion">{{ equipo.descripcion }}</td>
  104.                                     <td class="marca">{{ equipo.idMarca.marca }}</td>
  105.                                     <td class="modelo">{{ equipo.modelo }}</td>
  106.                                     <td class="uso">
  107.                                         {% if equipo.uso == 1 %}
  108.                                             <span>Educativo</span>
  109.                                         {% elseif equipo.uso == 2 %}
  110.                                             <span>Docente</span>
  111.                                         {% elseif equipo.uso == 3 %}
  112.                                             <span>Administrativo</span>
  113.                                         {% endif %}
  114.                                     </td>
  115.                                     <td class="estatus">
  116.                                         {% if equipo.estatus == 1 %}
  117.                                             <span class="badge bg-gradient-green d-block">En operación</span>
  118.                                         {% elseif equipo.estatus == 2 %}
  119.                                             <span class="badge bg-gradient-orange d-block">Descompuesto</span>
  120.                                         {% elseif equipo.estatus == 3 %}
  121.                                             <span class="badge bg-gradient-primary d-block">Sin instalar</span>
  122.                                         {% elseif equipo.estatus == 4 %}
  123.                                             <span class="badge bg-gradient-yellow d-block">En proceso de baja</span>
  124.                                         {% elseif equipo.estatus == 5 %}
  125.                                             <span class="badge bg-gradient-danger d-block">Baja</span>
  126.                                         {% endif %}
  127.                                     </td>
  128.                                     <td class="emhv">
  129.                                         {% if equipo.emhv == 1 %}
  130.                                             <span class="badge bg-gradient-green d-block">Cumple</span>
  131.                                         {% elseif equipo.emhv == 0 %}
  132.                                             <span class="badge bg-gradient-orange d-block">No Cumple</span>
  133.                                         {% endif %}
  134.                                     </td>
  135.                                     <td class="unidad">{{ equipo.unidad.nombre }}</td>
  136.                                     <td class="usuario">{% if equipo.usuario.nombre is defined %}{{ equipo.usuario.nombre }}{% endif %} {% if equipo.usuario.papellido is defined %}{{ equipo.usuario.papellido }}{% endif %} {% if equipo.usuario.sapellido is defined %}{{ equipo.usuario.sapellido }}{% endif %}</td>
  137.                                     <td class="ubicacion">{% if equipo.unidad.idUni is defined %}{{ equipo.unidad.idUni|slice(3, 3) }} - {{ equipo.ubicacion}}{% endif %}</td> {# area #}
  138.                                     <td class="text-right">
  139.                                         {# <button class="btn btn-sm" style="background-color: transparent; border: none;" onclick="descargarPDF1('{{ equipo.idEqu }}')">
  140.                                             <i class="fas fa-file-pdf" style="color: red;">dpdf</i>
  141.                                         </button>
  142.                                         | #}
  143.                                         <!-- Botón para descargar PDF de resguardatario -->
  144.                                         <a href="#" onclick="postPdfRequest('{{ equipo.idEqu }}'); return false;" title="Generar resguardatario">
  145.                                             <i class="fas fa-file-pdf mr-2"></i>
  146.                                         </a>
  147.                                         &nbsp;
  148.                                         <a href="javascript: void(0)" data-id="{{ equipo.idEqu }}" class="btn-redirect" title="Ver equipo"><i class="fas fa-eye"></i></a>
  150.                                         {% if nivel in [1, 2] and unidadActiva%}
  151.                                             &nbsp;&nbsp;
  152.                                             <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>
  153.                                             {# &nbsp;&nbsp;
  154.                                             <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> #}
  155.                                         {% endif %}
  156.                                         {% if nivel in [1, 2] and not unidadActiva%}
  157.                                             &nbsp;&nbsp;
  158.                                             <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>
  159.                                         {% endif %}
  160.                                         {% if nivel in [2] %}
  161.                                             &nbsp;&nbsp;
  162.                                             <!-- Botón para mostrar el modal de confirmación -->
  163.                                             <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">
  164.                                                 <i class="fas fa-trash-alt"></i>
  165.                                             </button>
  166.                                         {% endif %}
  167.                                     </td>
  168.                                 </tr>
  169.                             {% endfor %}
  170.                         {% endif %}
  171.                         </tbody>
  172.                     </table>
  173.                 </div>
  174.                 <!-- /.card-body -->
  176.             </div>
  177.             <!-- /.card -->
  179.         </section>
  180.         <!-- /.content -->
  181.     </div>
  182.     <div class="modal fade" id="confirmDeleteModal" tabindex="-1" role="dialog" aria-labelledby="confirmDeleteModalLabel" aria-hidden="true">
  183.         <div class="modal-dialog" role="document">
  184.             <div class="modal-content">
  185.                 <div class="modal-header">
  186.                     <h5 class="modal-title" id="confirmDeleteModalLabel">Confirmar Eliminación</h5>
  187.                     <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
  188.                         <span aria-hidden="true">&times;</span>
  189.                     </button>
  190.                 </div>
  191.                 <div class="modal-body">
  192.                     ¿Estás seguro de que deseas eliminar este registro?
  193.                 </div>
  194.                 <div class="modal-footer">
  195.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
  196.                     <!-- Botón para confirmar eliminación -->
  197.                     <form id="deleteForm" method="post">
  198.                         <input type="hidden" name="_token" id="csrfToken" value="">
  199.                         <button type="submit" class="btn btn-danger">Eliminar</button>
  200.                     </form>
  201.                 </div>
  202.             </div>
  203.         </div>
  204.     </div>
  205.     <div class="modal hide" id="editar-equipo"></div>
  206.     <div class="modal hide" id="editar-equiporefaccion"></div>
  207.     <div class="modal hide" id="editar-equiporesguardo"></div>
  208. {% endblock %}
  211. {% block javascripts %}
  212.     <script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
  213.     <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
  214.     <script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
  215.     <script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
  216.     <script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
  217.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
  218.     <script src="{{ asset('plugins/jszip/jszip.min.js') }}"></script>
  219.     <script src="{{ asset('plugins/pdfmake/pdfmake.min.js') }}"></script>
  220.     <script src="{{ asset('plugins/pdfmake/vfs_fonts.js') }}"></script>
  221.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
  222.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
  223.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script>
  224.     <script src="{{ asset('plugins/toastr/toastr.min.js') }}"></script>
  225.     <script src="https://cdn.jsdelivr.net/gh/mgalante/jquery.redirect@master/jquery.redirect.js"></script>
  227.     <script type="text/javascript">
  228.         // Menu lateral
  229.         $("#catalogo").addClass("menu-open");
  230.         $("#catalogo").find('.nav-link:first').addClass("active");
  231.         $("#computo").addClass("active");
  233.         $(function () {
  234.             // DataTable
  235.             $('#table-equipo').DataTable({
  236.                 "aaSorting": [],
  237.                 orderCellsTop: true,
  238.                 {# Define un valor predeterminado para LengthChange #}
  239.                 "pageLength": 50,
  240.                 "scrollX": true,
  241.                 {# sDom: 'lrtip', #}
  242.                 "bLengthChange" : true,
  243.                 language: {
  244.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  245.                 },
  247.             });
  249.             {% if form.unidad is defined %}
  250.                 $("#enviar").on('click', function () {
  251.                     aplicarFiltro();
  252.                 });
  253.             {% endif %}
  254.         });
  256.         // Se envia el valor del id_equ
  257.         function postPdfRequest(idEqu) {
  258.             const form = document.createElement('form');
  259.             form.method = 'POST';
  260.             form.action = '{{ path('app_resguardo_equipo_pdf') }}';
  261.             form.target = '_blank';
  262.             const input = document.createElement('input');
  263.             input.type = 'hidden';
  264.             input.name = 'idEqu';
  265.             input.value = idEqu;
  267.             form.appendChild(input);
  269.             document.body.appendChild(form);
  270.             form.submit();
  271.         }
  272.         function aplicarFiltro() {
  273.             $("#table-equipo").find($("tbody")).html("<tr><td colspan='11' class='text-center'><i class='fas fa-spinner fa-pulse'></i></td></tr>");
  274.             let formData = new FormData(document.getElementById("form_unidad_filtro"));
  275.             $.ajax({
  276.                 type: "POST",
  277.                 url: '{{ path('app_equipo_index') }}',
  278.                 data: formData, // Adjuntar los campos del formulario enviado.
  279.                 dataType: "html",
  280.                 cache: false,
  281.                 contentType: false,
  282.                 processData: false,
  283.                 success: function (data) {
  284.                     let datos = jQuery.parseJSON(data);
  285.                     actualizarEquipo(datos);
  286.                 },
  287.                 error: function (data, text, error) {
  288.                     let datos = jQuery.parseJSON(data.responseText);
  289.                 }
  290.             });
  291.         }
  293.         function descargarExcel() {
  294.             let btn = $("#descargar_excel");
  295.             let formData = new FormData(document.getElementById("form_unidad_filtro"));
  296.             $.ajax({
  297.                 type: "POST",
  298.                 url: '{{ path('app_reporte_equipo_excel') }}',
  299.                 data: formData, // Adjuntar los campos del formulario enviado.
  300.                 cache: false,
  301.                 contentType: false,
  302.                 processData: false,
  303.                 xhrFields: {
  304.                     responseType: 'blob'
  305.                 },
  306.                 beforeSend: function () {
  307.                     btn.prop('disabled', true);
  308.                     btn.html("<i class='fas fa-spinner fa-pulse'></i> Descargar");
  309.                 },
  310.                 success: function (data) {
  311.                     let a = document.createElement('a');
  312.                     a.href = window.URL.createObjectURL(data);
  313.                     a.download = "ReporteEquipoCómputo.xlsx"
  314.                     a.click();
  315.                 },
  316.                 complete: function () {
  317.                     btn.prop('disabled', false);
  318.                     btn.html("<i class='fas fa-file-excel mr-2'></i> Descargar");
  319.                 },
  320.                 error: function (xhr) {
  321.                     toastr.warning(xhr?.statusText); 
  322.                 },
  323.             });
  324.         }
  326.         function descargarPDF() {
  327.             {% if form.unidad is defined %}
  328.             if ($("#unidad_filtro_unidad").val() === "") {
  329.                 toastr.warning('Se debe seleccionar una Unidad administrativa');
  330.                 return false;
  331.             }
  332.             {% endif %}
  333.             let btn = $("#descargar_pdf");
  334.             let formData = new FormData(document.getElementById("form_unidad_filtro"));
  335.             $.ajax({
  336.                 type: "POST",
  337.                 url: '{{ path('app_reporte_equipo_pdf') }}',
  338.                 data: formData, // Adjuntar los campos del formulario enviado.
  339.                 cache: false,
  340.                 contentType: false,
  341.                 processData: false,
  342.                 xhrFields: {
  343.                     responseType: 'blob'
  344.                 },
  345.                 beforeSend: function () {
  346.                     btn.prop('disabled', true);
  347.                     btn.html("<i class='fas fa-spinner fa-pulse'></i> Formato CE-1");
  348.                 },
  349.                 success: function (data) {
  350.                     let a = document.createElement('a');
  351.                     a.href = window.URL.createObjectURL(data);
  352.                     a.download = "ReporteEquipoCómputo.pdf"
  353.                     a.click();
  354.                 },
  355.                 complete: function () {
  356.                     btn.prop('disabled', false);
  357.                     btn.html("<i class='fas fa-file-pdf mr-2'></i> Formato CE-1");
  358.                 },
  359.                 error: function (xhr) {
  360.                     toastr.warning(xhr?.statusText); 
  361.                 },
  362.             });
  363.         }
  365.         function descargarPDF1(idEquipo) {
  366.             let btn = $("#descargar_pdf");
  367.             let formData = new FormData();
  368.             formData.append('idEquipo', idEquipo); // Agregar el idEquipo al FormData
  370.             $.ajax({
  371.                 type: "POST",
  372.                 url: '{{ path('app_resguardo_equipo_pdf') }}',
  373.                 data: formData,
  374.                 cache: false,
  375.                 contentType: false,
  376.                 processData: false,
  377.                 beforeSend: function () {
  378.                     btn.prop('disabled', true);
  379.                     btn.html("<i class='fas fa-spinner fa-pulse'></i> Formato CE-1");
  380.                 },
  381.                 success: function (response) {
  382.                     if (response.success) {
  383.                         // Descargar el PDF utilizando el enlace proporcionado
  384.                         window.location.href = response.pdfUrl;
  385.                     } else {
  386.                         alert('Error al generar el PDF. Por favor, intenta nuevamente.');
  387.                     }
  388.                 },
  389.                 error: function (xhr, status, error) {
  390.                     alert('Se produjo un error al intentar generar el PDF. Por favor, intenta nuevamente.');
  391.                 },
  392.                 complete: function () {
  393.                     btn.prop('disabled', false);
  394.                     btn.html("<i class='fas fa-file-pdf mr-2'></i> Formato CE-1");
  395.                 }
  396.             });
  397.         }
  399.         function editarInfoEquipo(url){
  400.             $('#editar-equipo').load(url, function ()
  401.             {
  402.                 // configuración del Modal
  403.                 $("#editar-equipo").on('hide.bs.modal', function () {
  404.                     $(this).html('Cargando');
  405.                 });
  406.                 $(".modal-dialog").draggable;
  407.                 editarInfoEquipoAjax(url)
  408.             })
  409.         }
  411.         function editarInfoEquipoResguardo(url){
  412.             $('#editar-equiporesguardo').load(url, function ()
  413.             {
  414.                 // configuración del Modal
  415.                 $("#editar-equiporesguardo").on('hide.bs.modal', function () {
  416.                     $(this).html('Cargando');
  417.                 });
  418.                 $(".modal-dialog").draggable;
  419.                 editarInfoEquipoResguardoAjax(url)
  420.             })
  421.         }
  423.         function editarInfoEquipoRefaccion(url){
  424.             $('#editar-equiporefaccion').load(url, function ()
  425.             {
  426.                 // configuración del Modal
  427.                 $("#editar-equiporefaccion").on('hide.bs.modal', function () {
  428.                     $(this).html('Cargando');
  429.                 });
  430.                 $(".modal-dialog").draggable;
  431.                 editarInfoEquipoRefaccionAjax(url)
  432.             })
  433.         }
  435.         function editarInfoEquipoResguardoAjax(url){
  436.             let send = $("#btn_equipo_guardar");
  437.             $('#btn_equipo_guardar').on('click', function () {
  438.                 let formData = new FormData(document.getElementById("form-editar-equipo"));
  439.                 $.ajax({
  440.                     type: "POST",
  441.                     url: url,
  442.                     data: formData, // Adjuntar los campos del formulario enviado.
  443.                     dataType: "json",
  444.                     cache: false,
  445.                     contentType: false,
  446.                     processData: false,
  447.                     beforeSend: function () {
  448.                         send.text("Actualizando "); // Para input de tipo button
  449.                         send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  450.                         send.prop("disabled", true);
  451.                     },
  452.                     success: function (data) {
  453.                         let datos = data;
  455.                         let row = $('#idEqu' + datos.idEqu);
  456.                         row.find('.marbete').html(datos.marbete);
  457.                         row.find('.descripcion').html(datos.descripcion);
  458.                         row.find('.marca').html(datos.marca);
  459.                         row.find('.modelo').html(datos.modelo);
  460.                         /*row.find('.serie').html(datos.serie);
  461.                         row.find('.tipo').html(datos.tipo);
  462.                         row.find('.uso').html(datos.uso);*/
  463.                         //row.find('.uso').html(datos.unidad.getNombre);
  464.                         //row.find('.activo').html(datos.estatus);+
  466.                         if (datos.estatus === "En operacion") {
  467.                             console.log(1)
  468.                             row.find('.estatus').html('<div class="badge bg-gradient-green d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  469.                         }
  470.                         if(datos.estatus === "Descompuesto") {
  471.                             console.log(2)
  472.                             row.find('.estatus').html('<div class="badge bg-gradient-orange d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  473.                         }
  474.                         if (datos.estatus === "Sin instalar") {
  475.                             console.log(3)
  476.                             row.find('.estatus').html('<div class="badge bg-gradient-primary d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  477.                         }
  478.                         if(datos.estatus === "En proceso de baja") {
  479.                             console.log(4)
  480.                             row.find('.estatus').html('<div class="badge bg-gradient-yellow d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  481.                         }
  482.                         if(datos.estatus === "Baja") {
  483.                             console.log(5)
  484.                             row.find('.estatus').html('<div class="badge bg-gradient-danger d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  485.                         }
  486.                         row.find('.emhv').html(datos.emhv);
  487.                         row.find('.usuario').html(datos.usuario);
  488.                         row.find('.ubicacion').html(datos.ubicacion);
  489.                         closeModal('editar-equiporesguardo');
  490.                     },
  491.                     error: function (data, text, error) {
  492.                         let datos = data.responseJSON;
  493.                         $("#editar-equiporesguardo").html(datos.form);
  494.                         editarInfoEquipoResguardoAjax(url);
  495.                     },
  496.                     complete: function (data) {
  497.                         // Se ejecuta al termino de la petición
  498.                     }
  499.                 });
  501.                 return false; // Evitar ejecutar el submit del formulario.
  503.             });
  504.         }
  506.         function editarInfoEquipoRefaccionAjax(url){
  507.             let send = $("#btn_equipo_guardar");
  508.             $('#btn_equipo_guardar').on('click', function () {
  509.                 let formData = new FormData(document.getElementById("form-editar-equipo"));
  510.                 $.ajax({
  511.                     type: "POST",
  512.                     url: url,
  513.                     data: formData, // Adjuntar los campos del formulario enviado.
  514.                     dataType: "json",
  515.                     cache: false,
  516.                     contentType: false,
  517.                     processData: false,
  518.                     beforeSend: function () {
  519.                         send.text("Actualizando "); // Para input de tipo button
  520.                         send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  521.                         send.prop("disabled", true);
  522.                     },
  523.                     success: function (data) {
  524.                         let datos = data;
  526.                         let row = $('#idEqu-' + datos.idEqu);
  527.                         row.find('.marbete').html(datos.marbete);
  528.                         row.find('.descripcion').html(datos.descripcion);
  529.                         row.find('.marca').html(datos.marca);
  530.                         row.find('.modelo').html(datos.modelo);
  531.                         /*row.find('.serie').html(datos.serie);
  532.                         row.find('.tipo').html(datos.tipo);
  533.                         row.find('.uso').html(datos.uso);*/
  534.                         //row.find('.uso').html(datos.unidad.getNombre);
  535.                         //row.find('.activo').html(datos.estatus);
  537.                         if (datos.estatus === "En operacion") {
  538.                             row.find('.estatus').html('<div class="badge bg-gradient-green d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  539.                         }
  540.                         if(datos.estatus === "Descompuesto") {
  541.                             row.find('.estatus').html('<div class="badge bg-gradient-orange d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  542.                         }
  543.                         if (datos.estatus === "Sin instalar") {
  544.                             row.find('.estatus').html('<div class="badge bg-gradient-primary d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  545.                         }
  546.                         if(datos.estatus === "En proceso de baja") {
  547.                             row.find('.estatus').html('<div class="badge bg-gradient-yellow d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  548.                         }
  549.                         if(datos.estatus === "Baja") {
  550.                             row.find('.estatus').html('<div class="badge bg-gradient-danger d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  551.                         }
  553.                         row.find('.emhv').html(datos.emhv);
  554.                         row.find('.usuario').html(datos.usuario);
  555.                         row.find('.ubicacion').html(datos.ubicacion);
  558.                         $("#editar-equiporefaccion").hide('hide');
  559.                         $('.modal-backdrop').remove();
  561.                     },
  562.                     error: function (data, text, error) {
  563.                         let datos = data.responseJSON;
  564.                         $("#editar-equiporefaccion").html(datos.form);
  565.                         editarInfoEquipoRefaccionAjax(url);
  566.                     },
  567.                     complete: function (data) {
  568.                         // Se ejecuta al termino de la petición
  569.                     }
  570.                 });
  572.                 return false; // Evitar ejecutar el submit del formulario.
  574.             });
  575.         }
  577.         <!-- Actualizar tabla de bitácora -->
  578.         function actualizarEquipo(data) {
  579.             $("#table-equipo").dataTable().fnClearTable();
  580.             $("#table-equipo").dataTable().fnDestroy();
  581.             var edit = "";
  582.             var downpdf = "";
  583.             var html = "";
  584.             $.each(data, function (key, equipo) {
  585.                 {# Para edición del equipo #}
  586.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'true' : 'false' }}) {
  587.                     edit = '&nbsp;&nbsp;<a href="#editar-equipo" onclick="editarInfoEquipo(\'' + equipo.editar + '\')" data-toggle="modal" title="Modificar equipo"><i class="fas fa-pen"></i></a>';
  588.                 }
  589.                 {# Solo para edición de estatus y reguardatario #}
  590.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'false' : 'true' }}) {
  591.                     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>';
  592.                 }
  593.                 html +=
  594.                     '<tr id="idEqu' + equipo.idEqu + '">' +
  595.                         '<td class="marbete">' + equipo.marbete + '</td>' +
  596.                         '<td class="descripcion">' + equipo.descripcion + '</td>' +
  597.                         '<td class="marca">' + equipo.marca + '</td>' +
  598.                         '<td class="modelo">' + equipo.modelo + '</td>' +
  599.                         '<td class="uso">' + equipo.uso + '</td>' +
  600.                         '<td class="estatus">' + equipo.estatus + '</td>' +
  601.                         '<td class="emhv">' + equipo.emhv + '</td>' +
  602.                         '<td class="unidad">' + equipo.unidad + '</td>' +
  603.                         '<td class="usuario">' + equipo.usuario + '</td>' +
  604.                         '<td class="ubicacion">' + equipo.ubicacion + '</td>' +
  605.                         '<td class="text-right">' +
  606.                             '<a href="#" onclick="postPdfRequest(' + equipo.idEqu + '); return false;" title="Generar resguardatario">' +
  607.                             '<i class="fas fa-file-pdf mr-2"></i>' +
  608.                             '</a>' +
  609.                             '<a href="javascript: void(0)" data-id="' + equipo.idEqu + '" class="btn-redirect" title="Ver equipo"><i class="fas fa-eye"></i></a>' +
  610.                             edit +
  611.                         '</td>' +
  612.                     '</tr>';
  613.                 //cambiarEstatus('estatus/' + equipo.idEqu, 'estatus');
  614.             });
  615.             $("#table-equipo").find($("tbody")).html(html);
  616.             $('#table-equipo').DataTable({
  617.                 "aaSorting": [],
  618.                 orderCellsTop: true,
  619.                 {# Define un valor predeterminado para LengthChange #}
  620.                 "pageLength": 50,
  621.                 "scrollX": true,
  622.                 {# sDom: 'lrtip', #}
  623.                 "bLengthChange" : true,
  624.                 language: {
  625.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  626.                 },
  627.             });
  628.         }
  630.         function actualizarEquipoResguardo(data) {
  631.             $("#table-equipo").dataTable().fnClearTable();
  632.             $("#table-equipo").dataTable().fnDestroy();
  633.             var edit = "";
  634.             var downpdf = "";
  635.             var html = "";
  636.             $.each(data, function (key, equipo) {
  637.                 {# Para edición del equipo #}
  638.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'true' : 'false' }}) {
  639.                     edit = '&nbsp;&nbsp;<a href="#editar-equipo" onclick="editarInfoEquipo(\'' + equipo.editar + '\')" data-toggle="modal" title="Modificar equipo"><i class="fas fa-pen"></i></a>';
  640.                 }
  641.                 {# Solo para edición de estatus y reguardatario #}
  642.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'false' : 'true' }}) {
  643.                     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>';
  644.                 }
  645.                 html +=
  646.                     '<tr id="idEqu' + equipo.idEqu + '">' +
  647.                     '<td class="marbete">' + equipo.marbete + '</td>' +
  648.                     '<td class="descripcion">' + equipo.descripcion + '</td>' +
  649.                     '<td class="marca">' + equipo.marca + '</td>' +
  650.                     '<td class="modelo">' + equipo.modelo + '</td>' +
  651.                     '<td class="uso">' + equipo.uso + '</td>' +
  652.                     '<td class="estatus">' + equipo.estatus + '</td>' +
  653.                     '<td class="emhv">' + equipo.emhv + '</td>' +
  654.                     '<td class="unidad">' + equipo.unidad + '</td>' +
  655.                     '<td class="usuario">' + equipo.usuario + '</td>' +
  656.                     '<td class="ubicacion">' + equipo.ubicacion + '</td>' +
  657.                     '<td class="text-right">' +
  658.                     '<a href="#" onclick="postPdfRequest(' + equipo.idEqu + '); return false;" title="Generar resguardatario">' +
  659.                     '<i class="fas fa-file-pdf mr-2"></i>' +
  660.                     '</a>' +
  661.                     '<a href="javascript: void(0)" data-id="' + equipo.idEqu + '" class="btn-redirect" title="Ver equipo"><i class="fas fa-eye"></i></a>' +
  662.                     edit +
  663.                     '</td>' +
  664.                     '</tr>';
  665.                 //cambiarEstatus('estatus/' + equipo.idEqu, 'estatus');
  666.             });
  667.             $("#table-equipo").find($("tbody")).html(html);
  668.             $('#table-equipo').DataTable({
  669.                 "aaSorting": [],
  670.                 orderCellsTop: true,
  671.                 {# Define un valor predeterminado para LengthChange #}
  672.                 "pageLength": 50,
  673.                 "scrollX": true,
  674.                 {# sDom: 'lrtip', #}
  675.                 "bLengthChange" : true,
  676.                 language: {
  677.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  678.                 },
  679.             });
  680.         }
  682.         <!-- Actualizar tabla de bitácora -->
  683.         function actualizarEquipoRefaccion(data) {
  684.             $("#table-equipo").dataTable().fnClearTable();
  685.             $("#table-equipo").dataTable().fnDestroy();
  686.             var edit = "";
  687.             var html = "";
  688.             $.each(data, function (key, equipo) {
  689.                 {# Para edición del equipo #}
  690.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'true' : 'false' }}) {
  691.                     edit = '&nbsp;&nbsp;<a href="#editar-equipo" onclick="editarInfoEquipo(\'' + equipo.editar + '\')" data-toggle="modal" title="Modificar equipo"><i class="fas fa-pen"></i></a>';
  692.                 }
  693.                 {# Solo para edición de estatus y reguardatario #}
  694.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'false' : 'true' }}) {
  695.                     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>';
  696.                 }
  697.                 html +=
  698.                     '<tr id="idEqu' + equipo.idEqu + '">' +
  699.                     '<td class="marbete">' + equipo.marbete + '</td>' +
  700.                     '<td class="descripcion">' + equipo.descripcion + '</td>' +
  701.                     '<td class="marca">' + equipo.marca + '</td>' +
  702.                     '<td class="modelo">' + equipo.modelo + '</td>' +
  703.                     '<td class="uso">' + equipo.uso + '</td>' +
  704.                     '<td class="estatus">' + equipo.estatus + '</td>' +
  705.                     '<td class="emhv">' + equipo.emhv + '</td>' +
  706.                     '<td class="unidad">' + equipo.unidad + '</td>' +
  707.                     '<td class="usuario">' + equipo.usuario + '</td>' +
  708.                     '<td class="ubicacion">' + equipo.ubicacion + '</td>' +
  709.                     '<td class="text-right">' +
  710.                     '<a href="#" onclick="postPdfRequest(' + equipo.idEqu + '); return false;" title="Generar resguardatario">' +
  711.                     '<i class="fas fa-file-pdf mr-2"></i>' +
  712.                     '</a>' +
  713.                     '<a href="javascript: void(0)" data-id="' + equipo.idEqu + '" class="btn-redirect" title="Ver equipo"><i class="fas fa-eye"></i></a>' +
  714.                     edit +
  715.                     '</td>' +
  716.                     '</tr>';
  717.                 //cambiarEstatus('estatus/' + equipo.idEqu, 'estatus');
  718.             });
  719.             $("#table-equipo").find($("tbody")).html(html);
  720.             $('#table-equipo').DataTable({
  721.                 "aaSorting": [],
  722.                 orderCellsTop: true,
  723.                 {# Define un valor predeterminado para LengthChange #}
  724.                 "pageLength": 50,
  725.                 "scrollX": true,
  726.                 {# sDom: 'lrtip', #}
  727.                 "bLengthChange" : true,
  728.                 language: {
  729.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  730.                 },
  731.             });
  732.         }
  734.         function cambiarEstatus(url, accion) {
  735.             $.ajax({
  736.                 url: url,
  737.                 dataType: "json",
  738.                 cache: false,
  739.                 contentType: false,
  740.                 processData: false,
  741.                 success: function (data) {
  742.                     let datos = data;
  743.                     let row = $('#idEqu'+ datos.idEqu);
  745.                     if (datos.estatus === "En operacion") {
  746.                         row.find('.estatus').html('<div class="badge bg-gradient-green d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  747.                     }
  748.                     if(datos.estatus === "Descompuesto") {
  749.                         row.find('.estatus').html('<div class="badge bg-gradient-orange d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  750.                     }
  751.                     if (datos.estatus === "Sin instalar") {
  752.                         row.find('.estatus').html('<div class="badge bg-gradient-primary d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  753.                     }
  754.                     if(datos.estatus === "En proceso de baja") {
  755.                         row.find('.estatus').html('<div class="badge bg-gradient-yellow d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  756.                     }
  757.                     if(datos.estatus === "Baja") {
  758.                         row.find('.estatus').html('<div class="badge bg-gradient-danger d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  759.                     }
  761.                     //alertMessage(0, datos.mensaje);
  762.                 },
  763.                 error: function (data, text, error) {
  764.                     alertMessage(1, error);
  765.                 },
  766.                 complete: function (data) {
  767.                     // Se ejecuta al termino de la petición
  768.                 }
  769.             });
  770.         }
  772.     </script>
  774.     <script>
  775.         $(function () {
  776.             $(document).on('click', '.btn-redirect', function(){
  777.                 let data = $(this).attr('data-id');
  778.                 $.redirect("{{ path('app_equipo_show') }}", {idEqu: data}, "POST", "_self");
  779.             });
  780.         });
  781.     </script>
  782.     <script>
  783.         function confirmDelete(actionUrl, csrfToken) {
  784.             // Configura la acción del formulario en el modal
  785.             const deleteForm = document.getElementById('deleteForm');
  786.             deleteForm.action = actionUrl;
  788.             // Configura el token CSRF
  789.             document.getElementById('csrfToken').value = csrfToken;
  791.             // Muestra el modal
  792.             $('#confirmDeleteModal').modal('show');
  793.         }
  794.     </script>
  796. {% endblock %}