templates/equipo/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% form_theme form 'bootstrap_4_layout.html.twig' %}
  3. {% block stylesheets %}
  4.     <link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
  5.     <link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
  6.     <link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css')}}">
  7.     <link rel="stylesheet" href="{{ asset('plugins/toastr/toastr.min.css') }}">
  9.     <style>
  10.         td.descripcion {
  11.             max-width: 300px !important;
  12.             text-overflow: ellipsis;
  13.             white-space: nowrap;
  14.             overflow: hidden;
  15.         }
  16.         label {
  17.             margin-right: 1rem;
  18.         }
  19.     </style>
  21. {% endblock %}
  22. {% block title %} - Eq. cómputo{% endblock %}
  23. {% block body %}
  24.     <div class="content-wrapper">
  25.         <!-- Content Header (Page header) -->
  26.         <section class="content-header">
  27.             <div class="card">
  28.                 <div class="card-header">
  29.                     <h1 class="card-title">Equipos de Cómputo</h1>
  31.                     <div class="card-tools">
  32.                         <ol class="breadcrumb float-sm-right">
  33.                             <li class="breadcrumb-item">Inicio</li>
  34.                             <li class="breadcrumb-item active">Equipos</li>
  35.                         </ol>
  36.                     </div>
  37.                 </div>
  38.             </div>
  39.         </section>
  41.         <!-- Main content -->
  42.         <section class="content">
  43.             <!-- Default box -->
  44.             <div class="card">
  45.                 {% if not unidadActiva and (rol == 3 or rol == 4) %}
  46.                     <div class="alert alert-warning alert-dismissible fade show" role="alert">
  47.                         En este momento no tiene privilegios para editar sus inventarios, si lo requiere, por favor solicítelo al Administrador.
  48.                         <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  49.                             <span aria-hidden="true">&times;</span>
  50.                         </button>
  51.                     </div>
  52.                 {% endif %}
  53.                 <div class="card-header">
  54.                     <div class="row">
  55.                         {{ form_start(form, {'attr': {'class': 'form-inline col-md-auto', 'id': 'form_unidad_filtro'}}) }}
  56.                         {{ form_row(form.filtro) }}
  57.                         {% if form.unidad is defined %}
  58.                             {{ form_row(form.unidad) }}
  59.                         {% endif %}
  60.                         {{ form_end(form) }}
  61.                         <div class="col text-right">
  62.                             <button id="descargar_excel" type="button" class="btn btn-outline-success mr-2" onclick="descargarExcel()">
  63.                                 <i class="fas fa-file-excel mr-2"></i> Descargar
  64.                             </button>
  65.                             <button id="descargar_pdf" type="button" class="btn btn-outline-danger mr-2" onclick="descargarPDF()">
  66.                                 <i class="fas fa-file-pdf mr-2"></i> Formato CE-1
  67.                             </button>
  68.                             {% if nivel == 1 and unidadActiva %}
  69.                                 <a href="{{ path('app_equipo_new') }}" class="btn btn-outline-success">
  70.                                     <i class="fas fa-plus-circle mr-2"></i> Agregar
  71.                                 </a>
  72.                                 {# <a href="{{ path('app_upload_equipo_excel') }}" class="btn btn-outline-success">
  73.                                 <i class="fas fa-plus-circle mr-2"></i> Agregar equipos
  74.                             </a> #}
  75.                             {% endif %}
  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.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">{{ equipo.usuario.nombre }} {{ equipo.usuario.papellido }} {{ equipo.usuario.sapellido }}</td>
  137.                                     <td class="ubicacion">{{ equipo.unidad.idUni|slice(3, 3) }} - {{ equipo.ubicacion}}</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 %}
  161.                                     </td>
  162.                                 </tr>
  163.                             {% endfor %}
  164.                         {% else %}
  165.                             <tr>
  166.                                 <td colspan="9">no records found</td>
  167.                             </tr>
  168.                         {% endif %}
  169.                         </tbody>
  170.                     </table>
  171.                 </div>
  172.                 <!-- /.card-body -->
  174.             </div>
  175.             <!-- /.card -->
  177.         </section>
  178.         <!-- /.content -->
  179.     </div>
  180.     <div class="modal hide" id="editar-equipo"></div>
  181.     <div class="modal hide" id="editar-equiporefaccion"></div>
  182.     <div class="modal hide" id="editar-equiporesguardo"></div>
  183. {% endblock %}
  186. {% block javascripts %}
  187.     <script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
  188.     <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
  189.     <script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
  190.     <script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
  191.     <script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
  192.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
  193.     <script src="{{ asset('plugins/jszip/jszip.min.js') }}"></script>
  194.     <script src="{{ asset('plugins/pdfmake/pdfmake.min.js') }}"></script>
  195.     <script src="{{ asset('plugins/pdfmake/vfs_fonts.js') }}"></script>
  196.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
  197.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
  198.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script>
  199.     <script src="{{ asset('plugins/toastr/toastr.min.js') }}"></script>
  200.     <script src="https://cdn.jsdelivr.net/gh/mgalante/jquery.redirect@master/jquery.redirect.js"></script>
  202.     <script type="text/javascript">
  203.         // Menu lateral
  204.         $("#catalogo").addClass("menu-open");
  205.         $("#catalogo").find('.nav-link:first').addClass("active");
  206.         $("#computo").addClass("active");
  208.         $(function () {
  209.             // DataTable
  210.             $('#table-equipo').DataTable({
  211.                 "aaSorting": [],
  212.                 orderCellsTop: true,
  213.                 {# Define un valor predeterminado para LengthChange #}
  214.                 "pageLength": 50,
  215.                 "scrollX": true,
  216.                 {# sDom: 'lrtip', #}
  217.                 "bLengthChange" : true,
  218.                 language: {
  219.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  220.                 },
  222.             });
  224.             {% if form.unidad is defined %}
  225.             $("#unidad_filtro_unidad").on('change', function () {
  226.                 aplicarFiltro();
  227.             });
  228.             $("#unidad_filtro_marca").on('change', function () {
  229.                 aplicarFiltro();
  230.             });
  231.             $("#unidad_filtro_modelo").on('change', function () {
  232.                 aplicarFiltro();
  233.             });
  234.             $("#unidad_filtro_uso").on('change', function () {
  235.                 aplicarFiltro();
  236.             });
  237.             $("#unidad_filtro_estatus").on('change', function () {
  238.                 aplicarFiltro();
  239.             });
  240.             {% endif %}
  241.         });
  243.         // Se envia el valor del id_equ
  244.         function postPdfRequest(idEqu) {
  245.             const form = document.createElement('form');
  246.             form.method = 'POST';
  247.             form.action = '{{ path('app_resguardo_equipo_pdf') }}';
  248.             form.target = '_blank';
  249.             const input = document.createElement('input');
  250.             input.type = 'hidden';
  251.             input.name = 'idEqu';
  252.             input.value = idEqu;
  254.             form.appendChild(input);
  256.             document.body.appendChild(form);
  257.             form.submit();
  258.         }
  259.         function aplicarFiltro() {
  260.             $("#table-equipo").find($("tbody")).html("<tr><td colspan='9' class='text-center'><i class='fas fa-spinner fa-pulse'></i></td></tr>");
  261.             let formData = new FormData(document.getElementById("form_unidad_filtro"));
  262.             $.ajax({
  263.                 type: "POST",
  264.                 url: '{{ path('app_equipo_index') }}',
  265.                 data: formData, // Adjuntar los campos del formulario enviado.
  266.                 dataType: "html",
  267.                 cache: false,
  268.                 contentType: false,
  269.                 processData: false,
  270.                 success: function (data) {
  271.                     let datos = jQuery.parseJSON(data);
  272.                     actualizarEquipo(datos);
  273.                 },
  274.                 error: function (data, text, error) {
  275.                     let datos = jQuery.parseJSON(data.responseText);
  276.                 }
  277.             });
  278.         }
  280.         function descargarExcel() {
  281.             let btn = $("#descargar_excel");
  282.             let formData = new FormData(document.getElementById("form_unidad_filtro"));
  283.             $.ajax({
  284.                 type: "POST",
  285.                 url: '{{ path('app_reporte_equipo_excel') }}',
  286.                 data: formData, // Adjuntar los campos del formulario enviado.
  287.                 cache: false,
  288.                 contentType: false,
  289.                 processData: false,
  290.                 xhrFields: {
  291.                     responseType: 'blob'
  292.                 },
  293.                 beforeSend: function () {
  294.                     btn.prop('disabled', true);
  295.                     btn.html("<i class='fas fa-spinner fa-pulse'></i> Descargar");
  296.                 },
  297.                 success: function (data) {
  298.                     let a = document.createElement('a');
  299.                     a.href = window.URL.createObjectURL(data);
  300.                     a.download = "ReporteEquipoCómputo.xlsx"
  301.                     a.click();
  302.                 },
  303.                 complete: function () {
  304.                     btn.prop('disabled', false);
  305.                     btn.html("<i class='fas fa-file-excel mr-2'></i> Descargar");
  306.                 }
  307.             });
  308.         }
  310.         function descargarPDF() {
  311.             {% if form.unidad is defined %}
  312.             if ($("#unidad_filtro_unidad").val() === "") {
  313.                 toastr.warning('Se debe seleccionar una Unidad administrativa');
  314.                 return false;
  315.             }
  316.             {% endif %}
  317.             let btn = $("#descargar_pdf");
  318.             let formData = new FormData(document.getElementById("form_unidad_filtro"));
  319.             $.ajax({
  320.                 type: "POST",
  321.                 url: '{{ path('app_reporte_equipo_pdf') }}',
  322.                 data: formData, // Adjuntar los campos del formulario enviado.
  323.                 cache: false,
  324.                 contentType: false,
  325.                 processData: false,
  326.                 xhrFields: {
  327.                     responseType: 'blob'
  328.                 },
  329.                 beforeSend: function () {
  330.                     btn.prop('disabled', true);
  331.                     btn.html("<i class='fas fa-spinner fa-pulse'></i> Formato CE-1");
  332.                 },
  333.                 success: function (data) {
  334.                     let a = document.createElement('a');
  335.                     a.href = window.URL.createObjectURL(data);
  336.                     a.download = "ReporteEquipoCómputo.pdf"
  337.                     a.click();
  338.                 },
  339.                 complete: function () {
  340.                     btn.prop('disabled', false);
  341.                     btn.html("<i class='fas fa-file-pdf mr-2'></i> Formato CE-1");
  342.                 }
  343.             });
  344.         }
  346.         function descargarPDF1(idEquipo) {
  347.             let btn = $("#descargar_pdf");
  348.             let formData = new FormData();
  349.             formData.append('idEquipo', idEquipo); // Agregar el idEquipo al FormData
  351.             $.ajax({
  352.                 type: "POST",
  353.                 url: '{{ path('app_resguardo_equipo_pdf') }}',
  354.                 data: formData,
  355.                 cache: false,
  356.                 contentType: false,
  357.                 processData: false,
  358.                 beforeSend: function () {
  359.                     btn.prop('disabled', true);
  360.                     btn.html("<i class='fas fa-spinner fa-pulse'></i> Formato CE-1");
  361.                 },
  362.                 success: function (response) {
  363.                     if (response.success) {
  364.                         // Descargar el PDF utilizando el enlace proporcionado
  365.                         window.location.href = response.pdfUrl;
  366.                     } else {
  367.                         alert('Error al generar el PDF. Por favor, intenta nuevamente.');
  368.                     }
  369.                 },
  370.                 error: function (xhr, status, error) {
  371.                     alert('Se produjo un error al intentar generar el PDF. Por favor, intenta nuevamente.');
  372.                 },
  373.                 complete: function () {
  374.                     btn.prop('disabled', false);
  375.                     btn.html("<i class='fas fa-file-pdf mr-2'></i> Formato CE-1");
  376.                 }
  377.             });
  378.         }
  380.         function editarInfoEquipo(url){
  381.             $('#editar-equipo').load(url, function ()
  382.             {
  383.                 // configuración del Modal
  384.                 $("#editar-equipo").on('hide.bs.modal', function () {
  385.                     $(this).html('Cargando');
  386.                 });
  387.                 $(".modal-dialog").draggable;
  388.                 editarInfoEquipoAjax(url)
  389.             })
  390.         }
  392.         function editarInfoEquipoResguardo(url){
  393.             $('#editar-equiporesguardo').load(url, function ()
  394.             {
  395.                 // configuración del Modal
  396.                 $("#editar-equiporesguardo").on('hide.bs.modal', function () {
  397.                     $(this).html('Cargando');
  398.                 });
  399.                 $(".modal-dialog").draggable;
  400.                 editarInfoEquipoResguardoAjax(url)
  401.             })
  402.         }
  404.         function editarInfoEquipoRefaccion(url){
  405.             $('#editar-equiporefaccion').load(url, function ()
  406.             {
  407.                 // configuración del Modal
  408.                 $("#editar-equiporefaccion").on('hide.bs.modal', function () {
  409.                     $(this).html('Cargando');
  410.                 });
  411.                 $(".modal-dialog").draggable;
  412.                 editarInfoEquipoRefaccionAjax(url)
  413.             })
  414.         }
  416.         function editarInfoEquipoAjax(url){
  417.             let send = $("#btn_equipo_guardar");
  418.             $('#btn_equipo_guardar').on('click', function () {
  419.                 let formData = new FormData(document.getElementById("form-editar-equipo"));
  420.                 $.ajax({
  421.                     type: "POST",
  422.                     url: url,
  423.                     data: formData, // Adjuntar los campos del formulario enviado.
  424.                     dataType: "json",
  425.                     cache: false,
  426.                     contentType: false,
  427.                     processData: false,
  428.                     beforeSend: function () {
  429.                         send.text("Actualizando "); // Para input de tipo button
  430.                         send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  431.                         send.prop("disabled", true);
  432.                     },
  433.                     success: function (data) {
  434.                         let datos = data;
  436.                         let row = $('#idEqu-' + datos.idEqu);
  437.                         row.find('.marbete').html(datos.marbete);
  438.                         row.find('.descripcion').html(datos.descripcion);
  439.                         row.find('.marca').html(datos.marca);
  440.                         row.find('.modelo').html(datos.modelo);
  441.                         /*row.find('.serie').html(datos.serie);
  442.                         row.find('.tipo').html(datos.tipo);
  443.                         row.find('.uso').html(datos.uso);*/
  444.                         //row.find('.uso').html(datos.unidad.getNombre);
  445.                         //row.find('.activo').html(datos.estatus);
  447.                         if (datos.estatus === "En operacion") {
  448.                             row.find('.estatus').html('<div class="badge bg-gradient-green d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  449.                         }
  450.                         if(datos.estatus === "Descompuesto") {
  451.                             row.find('.estatus').html('<div class="badge bg-gradient-orange d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  452.                         }
  453.                         if (datos.estatus === "Sin instalar") {
  454.                             row.find('.estatus').html('<div class="badge bg-gradient-primary d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  455.                         }
  456.                         if(datos.estatus === "En proceso de baja") {
  457.                             row.find('.estatus').html('<div class="badge bg-gradient-yellow d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  458.                         }
  459.                         if(datos.estatus === "Baja") {
  460.                             row.find('.estatus').html('<div class="badge bg-gradient-danger d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  461.                         }
  463.                         row.find('.emhv').html(datos.emhv);
  464.                         row.find('.usuario').html(datos.usuario);
  465.                         row.find('.ubicacion').html(datos.ubicacion);
  468.                         $("#editar-equipo").modal('hide');
  470.                     },
  471.                     error: function (data, text, error) {
  472.                         let datos = data.responseJSON;
  473.                         $("#editar-equipo").html(datos.form);
  474.                         editarInfoEquipoAjax(url);
  475.                     },
  476.                     complete: function (data) {
  477.                         // Se ejecuta al termino de la petición
  478.                     }
  479.                 });
  481.                 return false; // Evitar ejecutar el submit del formulario.
  483.             });
  484.         }
  486.         function editarInfoEquipoResguardoAjax(url){
  487.             let send = $("#btn_equipo_guardar");
  488.             $('#btn_equipo_guardar').on('click', function () {
  489.                 let formData = new FormData(document.getElementById("form-editar-equipo"));
  490.                 $.ajax({
  491.                     type: "POST",
  492.                     url: url,
  493.                     data: formData, // Adjuntar los campos del formulario enviado.
  494.                     dataType: "json",
  495.                     cache: false,
  496.                     contentType: false,
  497.                     processData: false,
  498.                     beforeSend: function () {
  499.                         send.text("Actualizando "); // Para input de tipo button
  500.                         send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  501.                         send.prop("disabled", true);
  502.                     },
  503.                     success: function (data) {
  504.                         let datos = data;
  506.                         let row = $('#idEqu' + datos.idEqu);
  507.                         row.find('.marbete').html(datos.marbete);
  508.                         row.find('.descripcion').html(datos.descripcion);
  509.                         row.find('.marca').html(datos.marca);
  510.                         row.find('.modelo').html(datos.modelo);
  511.                         /*row.find('.serie').html(datos.serie);
  512.                         row.find('.tipo').html(datos.tipo);
  513.                         row.find('.uso').html(datos.uso);*/
  514.                         //row.find('.uso').html(datos.unidad.getNombre);
  515.                         //row.find('.activo').html(datos.estatus);+
  517.                         if (datos.estatus === "En operacion") {
  518.                             console.log(1)
  519.                             row.find('.estatus').html('<div class="badge bg-gradient-green d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  520.                         }
  521.                         if(datos.estatus === "Descompuesto") {
  522.                             console.log(2)
  523.                             row.find('.estatus').html('<div class="badge bg-gradient-orange d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  524.                         }
  525.                         if (datos.estatus === "Sin instalar") {
  526.                             console.log(3)
  527.                             row.find('.estatus').html('<div class="badge bg-gradient-primary d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  528.                         }
  529.                         if(datos.estatus === "En proceso de baja") {
  530.                             console.log(4)
  531.                             row.find('.estatus').html('<div class="badge bg-gradient-yellow d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  532.                         }
  533.                         if(datos.estatus === "Baja") {
  534.                             console.log(5)
  535.                             row.find('.estatus').html('<div class="badge bg-gradient-danger d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  536.                         }
  537.                         row.find('.emhv').html(datos.emhv);
  538.                         row.find('.usuario').html(datos.usuario);
  539.                         row.find('.ubicacion').html(datos.ubicacion);
  542.                         $("#editar-equiporesguardo").modal('hide');
  545.                     },
  546.                     error: function (data, text, error) {
  547.                         let datos = data.responseJSON;
  548.                         $("#editar-equiporesguardo").html(datos.form);
  549.                         editarInfoEquipoResguardoAjax(url);
  550.                     },
  551.                     complete: function (data) {
  552.                         // Se ejecuta al termino de la petición
  553.                     }
  554.                 });
  556.                 return false; // Evitar ejecutar el submit del formulario.
  558.             });
  559.         }
  561.         function editarInfoEquipoRefaccionAjax(url){
  562.             let send = $("#btn_equipo_guardar");
  563.             $('#btn_equipo_guardar').on('click', function () {
  564.                 let formData = new FormData(document.getElementById("form-editar-equipo"));
  565.                 $.ajax({
  566.                     type: "POST",
  567.                     url: url,
  568.                     data: formData, // Adjuntar los campos del formulario enviado.
  569.                     dataType: "json",
  570.                     cache: false,
  571.                     contentType: false,
  572.                     processData: false,
  573.                     beforeSend: function () {
  574.                         send.text("Actualizando "); // Para input de tipo button
  575.                         send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  576.                         send.prop("disabled", true);
  577.                     },
  578.                     success: function (data) {
  579.                         let datos = data;
  581.                         let row = $('#idEqu-' + datos.idEqu);
  582.                         row.find('.marbete').html(datos.marbete);
  583.                         row.find('.descripcion').html(datos.descripcion);
  584.                         row.find('.marca').html(datos.marca);
  585.                         row.find('.modelo').html(datos.modelo);
  586.                         /*row.find('.serie').html(datos.serie);
  587.                         row.find('.tipo').html(datos.tipo);
  588.                         row.find('.uso').html(datos.uso);*/
  589.                         //row.find('.uso').html(datos.unidad.getNombre);
  590.                         //row.find('.activo').html(datos.estatus);
  592.                         if (datos.estatus === "En operacion") {
  593.                             row.find('.estatus').html('<div class="badge bg-gradient-green d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  594.                         }
  595.                         if(datos.estatus === "Descompuesto") {
  596.                             row.find('.estatus').html('<div class="badge bg-gradient-orange d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  597.                         }
  598.                         if (datos.estatus === "Sin instalar") {
  599.                             row.find('.estatus').html('<div class="badge bg-gradient-primary d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  600.                         }
  601.                         if(datos.estatus === "En proceso de baja") {
  602.                             row.find('.estatus').html('<div class="badge bg-gradient-yellow d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  603.                         }
  604.                         if(datos.estatus === "Baja") {
  605.                             row.find('.estatus').html('<div class="badge bg-gradient-danger d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  606.                         }
  608.                         row.find('.emhv').html(datos.emhv);
  609.                         row.find('.usuario').html(datos.usuario);
  610.                         row.find('.ubicacion').html(datos.ubicacion);
  613.                         $("#editar-equiporefaccion").hide('hide');
  614.                         $('.modal-backdrop').remove();
  616.                     },
  617.                     error: function (data, text, error) {
  618.                         let datos = data.responseJSON;
  619.                         $("#editar-equiporefaccion").html(datos.form);
  620.                         editarInfoEquipoRefaccionAjax(url);
  621.                     },
  622.                     complete: function (data) {
  623.                         // Se ejecuta al termino de la petición
  624.                     }
  625.                 });
  627.                 return false; // Evitar ejecutar el submit del formulario.
  629.             });
  630.         }
  632.         <!-- Actualizar tabla de bitácora -->
  633.         function actualizarEquipo(data) {
  634.             $("#table-equipo").dataTable().fnClearTable();
  635.             $("#table-equipo").dataTable().fnDestroy();
  636.             var edit = "";
  637.             var downpdf = "";
  638.             var html = "";
  639.             $.each(data, function (key, equipo) {
  640.                 {# Para edición del equipo #}
  641.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'true' : 'false' }}) {
  642.                     edit = '&nbsp;&nbsp;<a href="#editar-equipo" onclick="editarInfoEquipo(\'' + equipo.editar + '\')" data-toggle="modal" title="Modificar equipo"><i class="fas fa-pen"></i></a>';
  643.                 }
  644.                 {# Solo para edición de estatus y reguardatario #}
  645.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'false' : 'true' }}) {
  646.                     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>';
  647.                 }
  648.                 html +=
  649.                     '<tr id="idEqu' + equipo.idEqu + '">' +
  650.                         '<td class="marbete">' + equipo.marbete + '</td>' +
  651.                         '<td class="descripcion">' + equipo.descripcion + '</td>' +
  652.                         '<td class="marca">' + equipo.marca + '</td>' +
  653.                         '<td class="modelo">' + equipo.modelo + '</td>' +
  654.                         '<td class="uso">' + equipo.uso + '</td>' +
  655.                         '<td class="estatus">' + equipo.estatus + '</td>' +
  656.                         '<td class="emhv">' + equipo.emhv + '</td>' +
  657.                         '<td class="unidad">' + equipo.unidad + '</td>' +
  658.                         '<td class="usuario">' + equipo.usuario + '</td>' +
  659.                         '<td class="ubicacion">' + equipo.ubicacion + '</td>' +
  660.                         '<td class="text-right">' +
  661.                             '<a href="#" onclick="postPdfRequest(' + equipo.idEqu + '); return false;" title="Generar resguardatario">' +
  662.                             '<i class="fas fa-file-pdf mr-2"></i>' +
  663.                             '</a>' +
  664.                             '<a href="javascript: void(0)" data-id="' + equipo.idEqu + '" class="btn-redirect" title="Ver equipo"><i class="fas fa-eye"></i></a>' +
  665.                             edit +
  666.                         '</td>' +
  667.                     '</tr>';
  668.                 //cambiarEstatus('estatus/' + equipo.idEqu, 'estatus');
  669.             });
  670.             $("#table-equipo").find($("tbody")).html(html);
  671.             $('#table-equipo').DataTable({
  672.                 "aaSorting": [],
  673.                 orderCellsTop: true,
  674.                 {# Define un valor predeterminado para LengthChange #}
  675.                 "pageLength": 50,
  676.                 "scrollX": true,
  677.                 {# sDom: 'lrtip', #}
  678.                 "bLengthChange" : true,
  679.                 language: {
  680.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  681.                 },
  682.             });
  683.         }
  685.         function actualizarEquipoResguardo(data) {
  686.             $("#table-equipo").dataTable().fnClearTable();
  687.             $("#table-equipo").dataTable().fnDestroy();
  688.             var edit = "";
  689.             var downpdf = "";
  690.             var html = "";
  691.             $.each(data, function (key, equipo) {
  692.                 {# Para edición del equipo #}
  693.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'true' : 'false' }}) {
  694.                     edit = '&nbsp;&nbsp;<a href="#editar-equipo" onclick="editarInfoEquipo(\'' + equipo.editar + '\')" data-toggle="modal" title="Modificar equipo"><i class="fas fa-pen"></i></a>';
  695.                 }
  696.                 {# Solo para edición de estatus y reguardatario #}
  697.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'false' : 'true' }}) {
  698.                     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>';
  699.                 }
  700.                 html +=
  701.                     '<tr id="idEqu' + equipo.idEqu + '">' +
  702.                     '<td class="marbete">' + equipo.marbete + '</td>' +
  703.                     '<td class="descripcion">' + equipo.descripcion + '</td>' +
  704.                     '<td class="marca">' + equipo.marca + '</td>' +
  705.                     '<td class="modelo">' + equipo.modelo + '</td>' +
  706.                     '<td class="uso">' + equipo.uso + '</td>' +
  707.                     '<td class="estatus">' + equipo.estatus + '</td>' +
  708.                     '<td class="emhv">' + equipo.emhv + '</td>' +
  709.                     '<td class="unidad">' + equipo.unidad + '</td>' +
  710.                     '<td class="usuario">' + equipo.usuario + '</td>' +
  711.                     '<td class="ubicacion">' + equipo.ubicacion + '</td>' +
  712.                     '<td class="text-right">' +
  713.                     '<a href="#" onclick="postPdfRequest(' + equipo.idEqu + '); return false;" title="Generar resguardatario">' +
  714.                     '<i class="fas fa-file-pdf mr-2"></i>' +
  715.                     '</a>' +
  716.                     '<a href="javascript: void(0)" data-id="' + equipo.idEqu + '" class="btn-redirect" title="Ver equipo"><i class="fas fa-eye"></i></a>' +
  717.                     edit +
  718.                     '</td>' +
  719.                     '</tr>';
  720.                 //cambiarEstatus('estatus/' + equipo.idEqu, 'estatus');
  721.             });
  722.             $("#table-equipo").find($("tbody")).html(html);
  723.             $('#table-equipo').DataTable({
  724.                 "aaSorting": [],
  725.                 orderCellsTop: true,
  726.                 {# Define un valor predeterminado para LengthChange #}
  727.                 "pageLength": 50,
  728.                 "scrollX": true,
  729.                 {# sDom: 'lrtip', #}
  730.                 "bLengthChange" : true,
  731.                 language: {
  732.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  733.                 },
  734.             });
  735.         }
  737.         <!-- Actualizar tabla de bitácora -->
  738.         function actualizarEquipoRefaccion(data) {
  739.             $("#table-equipo").dataTable().fnClearTable();
  740.             $("#table-equipo").dataTable().fnDestroy();
  741.             var edit = "";
  742.             var html = "";
  743.             $.each(data, function (key, equipo) {
  744.                 {# Para edición del equipo #}
  745.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'true' : 'false' }}) {
  746.                     edit = '&nbsp;&nbsp;<a href="#editar-equipo" onclick="editarInfoEquipo(\'' + equipo.editar + '\')" data-toggle="modal" title="Modificar equipo"><i class="fas fa-pen"></i></a>';
  747.                 }
  748.                 {# Solo para edición de estatus y reguardatario #}
  749.                 if (('{{ nivel }}' === '1' || '{{ nivel }}' === '2') && {{ unidadActiva ? 'false' : 'true' }}) {
  750.                     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>';
  751.                 }
  752.                 html +=
  753.                     '<tr id="idEqu' + equipo.idEqu + '">' +
  754.                     '<td class="marbete">' + equipo.marbete + '</td>' +
  755.                     '<td class="descripcion">' + equipo.descripcion + '</td>' +
  756.                     '<td class="marca">' + equipo.marca + '</td>' +
  757.                     '<td class="modelo">' + equipo.modelo + '</td>' +
  758.                     '<td class="uso">' + equipo.uso + '</td>' +
  759.                     '<td class="estatus">' + equipo.estatus + '</td>' +
  760.                     '<td class="emhv">' + equipo.emhv + '</td>' +
  761.                     '<td class="unidad">' + equipo.unidad + '</td>' +
  762.                     '<td class="usuario">' + equipo.usuario + '</td>' +
  763.                     '<td class="ubicacion">' + equipo.ubicacion + '</td>' +
  764.                     '<td class="text-right">' +
  765.                     '<a href="#" onclick="postPdfRequest(' + equipo.idEqu + '); return false;" title="Generar resguardatario">' +
  766.                     '<i class="fas fa-file-pdf mr-2"></i>' +
  767.                     '</a>' +
  768.                     '<a href="javascript: void(0)" data-id="' + equipo.idEqu + '" class="btn-redirect" title="Ver equipo"><i class="fas fa-eye"></i></a>' +
  769.                     edit +
  770.                     '</td>' +
  771.                     '</tr>';
  772.                 //cambiarEstatus('estatus/' + equipo.idEqu, 'estatus');
  773.             });
  774.             $("#table-equipo").find($("tbody")).html(html);
  775.             $('#table-equipo').DataTable({
  776.                 "aaSorting": [],
  777.                 orderCellsTop: true,
  778.                 {# Define un valor predeterminado para LengthChange #}
  779.                 "pageLength": 50,
  780.                 "scrollX": true,
  781.                 {# sDom: 'lrtip', #}
  782.                 "bLengthChange" : true,
  783.                 language: {
  784.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  785.                 },
  786.             });
  787.         }
  789.         function cambiarEstatus(url, accion) {
  790.             $.ajax({
  791.                 url: url,
  792.                 dataType: "json",
  793.                 cache: false,
  794.                 contentType: false,
  795.                 processData: false,
  796.                 success: function (data) {
  797.                     let datos = data;
  798.                     let row = $('#idEqu'+ datos.idEqu);
  800.                     if (datos.estatus === "En operacion") {
  801.                         row.find('.estatus').html('<div class="badge bg-gradient-green d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  802.                     }
  803.                     if(datos.estatus === "Descompuesto") {
  804.                         row.find('.estatus').html('<div class="badge bg-gradient-orange d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  805.                     }
  806.                     if (datos.estatus === "Sin instalar") {
  807.                         row.find('.estatus').html('<div class="badge bg-gradient-primary d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  808.                     }
  809.                     if(datos.estatus === "En proceso de baja") {
  810.                         row.find('.estatus').html('<div class="badge bg-gradient-yellow d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  811.                     }
  812.                     if(datos.estatus === "Baja") {
  813.                         row.find('.estatus').html('<div class="badge bg-gradient-danger d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  814.                     }
  816.                     //alertMessage(0, datos.mensaje);
  817.                 },
  818.                 error: function (data, text, error) {
  819.                     alertMessage(1, error);
  820.                 },
  821.                 complete: function (data) {
  822.                     // Se ejecuta al termino de la petición
  823.                 }
  824.             });
  825.         }
  827.     </script>
  829.     <script>
  830.         $(function () {
  831.             $(document).on('click', '.btn-redirect', function(){
  832.                 let data = $(this).attr('data-id');
  833.                 $.redirect("{{ path('app_equipo_show') }}", {idEqu: data}, "POST", "_self");
  834.             });
  835.         });
  836.     </script>
  838. {% endblock %}