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