templates/prog_preventivo/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %} - Programación de Mantenimiento Preventivo{% endblock %}
  5. {% block stylesheets %}
  6.     <link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
  7.     <link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
  8.     <link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css')}}">
  9.     <link rel="stylesheet" href="{{ asset('plugins/toastr/toastr.min.css') }}">
  10. {% endblock %}
  12. {% block body %}
  13.     <div class="content-wrapper">
  14.         <!-- Content Header (Page header) -->
  15.         <section class="content-header">
  16.             <div class="card">
  17.                 <div class="card-header">
  18.                     <h1 class="card-title">Programación de Mantenimiento Preventivo</h1>
  20.                     <div class="card-tools">
  21.                         <ol class="breadcrumb float-sm-right">
  22.                             <li class="breadcrumb-item"><a href="#">Inicio</a></li>
  23.                             <li class="breadcrumb-item active"><b>Mantenimiento Preventivo</b></li>
  24.                         </ol>
  25.                     </div>
  26.                 </div>
  27.             </div>
  28.         </section>
  30.         <!-- Main content -->
  31.         <section class="content">
  32.             <div class="row justify-content-center">
  33.                 <div class="col-12">
  34.                     <!-- Default box -->
  35.                     <div class="card card-outline card-teal p-3">
  36.                         <div class="card">
  37.                             <div class="card-body" style="background: #bacbff85;">
  38.                                 {{ form_start(form, {'attr': {'class': 'form-inline col-md-auto', 'id': 'form_ubicacion_filtro'}}) }}
  39.                                 {{ form_widget(form) }}
  40.                                 {{ form_end(form) }}
  41.                             </div>
  42.                         </div>
  43.                         <form id="form_prog_preventivo">
  44.                             <div class="card" id="form-info" style="background: #baffbe85;">
  45.                                 <div class="card-body">
  46.                                     <div class="pb-3">
  47.                                         <label>Acción a realizar</label><input type="text" class="form-control" id="arealizar" name="accion" required>
  48.                                         <div class="row">
  49.                                             <div class="col-lg"><label>Fecha de atención</label><input type="date" class="form-control" id="fregistro" name="fecha" required></div>
  50.                                             <div class="col-lg"><div class="col-md-12">
  51.                                                     <br/>
  52.                                                     <a id="form-btn-preventivo" class="btn btn-success" type="submit" onclick="solicitudProgramarLote('{{ path('prog_preventivo_solicitud_lote') }}')">
  53.                                                         <i class="fa fa-calendar" data-toggle="tooltip" title="Programar mantenimiento"></i> Programar mantenimiento
  54.                                                     </a>
  55.                                                 </div>
  56.                                             </div>
  57.                                         </div>
  58.                                     </div>
  59.                                 </div>
  60.                             </div>
  61.                             <ul class="nav nav-tabs" role="tablist">
  62.                                 <li class="nav-item">
  63.                                     <a class="nav-link active" id="tipo-tab1" data-toggle="tab" href="#tab_equipo_computo" role="tab" aria-controls="tab_equipo_computo" aria-selected="true">Equipo de cómputo</a>
  64.                                 </li>
  65.                                 <li class="nav-item">
  66.                                     <a class="nav-link" id="tipo-tab2" data-toggle="tab" href="#tab_impresora" role="tab" aria-controls="tab_impresora" aria-selected="false">Impresora</a>
  67.                                 </li>
  68.                                 <li class="nav-item">
  69.                                     <a class="nav-link" id="tipo-tab3" data-toggle="tab" href="#tab_red" role="tab" aria-controls="tab_red" aria-selected="false">Red</a>
  70.                                 </li>
  71.                                 <li class="nav-item">
  72.                                     <a class="nav-link" id="tipo-tab4" data-toggle="tab" href="#tab_otro" role="tab" aria-controls="tab_otro" aria-selected="false">Otro</a>
  73.                                 </li>
  74.                             </ul>
  75.                             <div class="tab-content tab-bordered" id="myTabcontent2">
  76.                                 <div class="tab-pane active" id="tab_equipo_computo" role="tabpanel" aria-labelledby="tab1">
  77.                                     <div class="card-body">
  78.                                         <table id="tipoA" class="table table-hover w-100">
  79.                                             <thead>
  80.                                             <tr>
  81.                                                 <th><label><input type="checkbox" class="select-all-tipoa" /> Seleccionar todo</label></th>
  82.                                                 <th>Marbete</th>
  83.                                                 <th>Descripción</th>
  84.                                                 <th>Marca</th>
  85.                                                 <th>Ubicación</th>
  86.                                                 <th>Usuario</th>
  87.                                                 <th>#MPE</th>
  88.                                                 <th>Acciones</th>
  89.                                             </tr>
  90.                                             </thead>
  91.                                             <tbody>
  92.                                             {% for i in equipo %}
  93.                                                 <tr id="idTipoA-{{ i.idEqu }}">
  94.                                                     <td>
  95.                                                         <label>
  96.                                                             <input type="checkbox" class="check-tipoa" name="equipo[]" value="{{ i.idEqu }}"/>
  97.                                                         </label>
  98.                                                     </td>
  99.                                                     <th class="marbete">{{ i.marbete }}</th>
  100.                                                     <td class="descripcion">{{ i.descripcion }}</td>
  101.                                                     <td class="marca">{{ i.idMarca.marca }}</td>
  102.                                                     <td class="ubicacion">{{ i.ubicacion }}</td>
  103.                                                     <td class="usuario">{% if i.usuario.nombre is defined %}{{ i.usuario.nombre }} {{ i.usuario.papellido }} {{ i.usuario.sapellido }}{% endif %}</td>
  104.                                                     <td class="mpe"><h3><span class="badge bg-secondary float-center">0</span></h3></td>
  105.                                                     <td>
  106.                                                         {#<a href="#modal-solicitud-programar" class="text-success" data-toggle="modal" onclick="solicitudProgramar('{{ path('prog_preventivo_solicitud_tipoa', {'id': i.idEqu}) }}')">
  107.                                                             <i class="fa fa-calendar" data-toggle="tooltip" title="Programar mantenimiento"></i>
  108.                                                         </a>#}
  109.                                                         <a href="#modal-solicitud-programada" class="text-info btn" data-toggle="modal" onclick="solicitudProgramada('{{ path('prog_preventivo_programada_tipoa', {'id': i.idEqu}) }}')">
  110.                                                             <i class="fa fa-eye" data-toggle="tooltip" title="Ver mantenimientos programados"></i>
  111.                                                         </a>
  112.                                                     </td>
  113.                                                 </tr>
  114.                                             {% endfor %}
  115.                                             </tbody>
  116.                                         </table>
  117.                                     </div>
  118.                                 </div>
  119.                                 <div class="tab-pane" id="tab_impresora" role="tabpanel" aria-labelledby="tab2">
  120.                                     <div class="card-body">
  121.                                         <table id="tipoB" class="table table-hover w-100">
  122.                                             <thead>
  123.                                                 <tr>
  124.                                                     <th><label><input type="checkbox" class="select-all-tipob" /> Seleccionar todo</label></th>
  125.                                                     <th>Marbete</th>
  126.                                                     <th>Descripción</th>
  127.                                                     <th>Marca</th>
  128.                                                     <th>Ubicación</th>
  129.                                                     <th>Usuario</th>
  130.                                                     <th>#MPE</th>
  131.                                                     <th>Acciones</th>
  132.                                                 </tr>
  133.                                             </thead>
  134.                                             <tbody>
  135.                                             {% for i in impresora %}
  136.                                                 <tr id="idTipoB-{{ i.idImp }}">
  137.                                                     <td>
  138.                                                         <label>
  139.                                                             <input type="checkbox" class="check-tipob" name="impresora[]" value="{{ i.idImp }}"/>
  140.                                                         </label>
  141.                                                     </td>
  142.                                                     <th class="marbete">{{ i.marbete }}</th>
  143.                                                     <td class="descripcion">{{ i.descripcion }}</td>
  144.                                                     <td class="marca">{{ i.marca }}</td>
  145.                                                     <td class="ubicacion">{{ i.ubicacion }}</td>
  146.                                                     <td class="usuario">{% if i.usuario.nombre is defined %}{{ i.usuario.nombre }} {{ i.usuario.papellido }} {{ i.usuario.sapellido }}{% endif %}</td>
  147.                                                     <td class="mpe"><h3><span class="badge bg-secondary float-center">0</span></h3></td>
  148.                                                     <td>
  149.                                                         {#<a href="#modal-solicitud-programar" class="text-success" data-toggle="modal" onclick="solicitudProgramar('{{ path('prog_preventivo_solicitud_tipob', {'id': i.idImp}) }}')">
  150.                                                             <i class="fa fa-calendar" data-toggle="tooltip" title="Programar mantenimiento"></i>
  151.                                                         </a>#}
  152.                                                         <a href="#modal-solicitud-programada" class="text-info btn" data-toggle="modal" onclick="solicitudProgramada('{{ path('prog_preventivo_programada_tipob', {'id': i.idImp}) }}')">
  153.                                                             <i class="fa fa-eye" data-toggle="tooltip" title="Ver mantenimientos programados"></i>
  154.                                                         </a>
  155.                                                     </td>
  156.                                                 </tr>
  157.                                             {% endfor %}
  158.                                             </tbody>
  159.                                         </table>
  160.                                     </div>
  161.                                 </div>
  162.                                 <div class="tab-pane" id="tab_red" role="tabpanel" aria-labelledby="tab3">
  163.                                     <div class="card-body">
  164.                                         <table id="tipoC" class="table table-hover w-100">
  165.                                             <thead>
  166.                                             <tr>
  167.                                                 <th><label><input type="checkbox" class="select-all-tipoc" /> Seleccionar todo</label></th>
  168.                                                 <th>Marbete</th>
  169.                                                 <th>Descripción</th>
  170.                                                 <th>Marca</th>
  171.                                                 <th>Ubicación</th>
  172.                                                 <th>Usuario</th>
  173.                                                 <th>#MPE</th>
  174.                                                 <th>Acciones</th>
  175.                                             </tr>
  176.                                             </thead>
  177.                                             <tbody>
  178.                                             {% for i in red %}
  179.                                                 <tr id="idTipoC-{{ i.idRed }}">
  180.                                                     <td>
  181.                                                         <label>
  182.                                                             <input type="checkbox" class="check-tipoc" name="red[]" value="{{ i.idRed }}"/>
  183.                                                         </label>
  184.                                                     </td>
  185.                                                     <th class="marbete">{{ i.marbete }}</th>
  186.                                                     <td class="descripcion">{{ i.descripcion }}</td>
  187.                                                     <td class="marca">{{ i.marca }}</td>
  188.                                                     <td class="ubicacion">{{ i.ubicacion }}</td>
  189.                                                     <td class="usuario">{% if i.usuario.nombre is defined %}{{ i.usuario.nombre }}{% endif %} {% if i.usuario.papellido is defined %}{{ i.usuario.papellido }}{% endif %} {% if i.usuario.sapellido is defined %}{{ i.usuario.sapellido }}{% endif %}</td>
  190.                                                     <td class="mpe"><h3><span class="badge bg-secondary float-center">0</span></h3></td>
  191.                                                     <td>
  192.                                                         {#<a href="#modal-solicitud-programar" class="text-success" data-toggle="modal" onclick="solicitudProgramar('{{ path('prog_preventivo_solicitud_tipoc', {'id': i.idRed}) }}')">
  193.                                                             <i class="fa fa-calendar" data-toggle="tooltip" title="Programar mantenimiento"></i>
  194.                                                         </a>#}
  195.                                                         <a href="#modal-solicitud-programada" class="text-info btn" data-toggle="modal" onclick="solicitudProgramada('{{ path('prog_preventivo_programada_tipoc', {'id': i.idRed}) }}')">
  196.                                                             <i class="fa fa-eye" data-toggle="tooltip" title="Ver mantenimientos programados"></i>
  197.                                                         </a>
  198.                                                     </td>
  199.                                                 </tr>
  200.                                             {% else %}
  201.                                                 <tr>
  202.                                                     <td colspan="8" class="text-center">No se encontraron registros acerca de <b>equipos de redes</b></td>
  203.                                                 </tr>
  204.                                             {% endfor %}
  205.                                             </tbody>
  206.                                         </table>
  207.                                     </div>
  208.                                 </div>
  209.                                 <div class="tab-pane" id="tab_otro" role="tabpanel" aria-labelledby="tab4">
  210.                                     <div class="card-body">
  211.                                         <table id="tipoD" class="table table-hover w-100">
  212.                                             <thead>
  213.                                             <tr>
  214.                                                 <th><label><input type="checkbox" class="select-all-tipod" /> Seleccionar todo</label></th>
  215.                                                 <th>Marbete</th>
  216.                                                 <th>Descripción</th>
  217.                                                 <th>Marca</th>
  218.                                                 <th>Ubicación</th>
  219.                                                 <th>Usuario</th>
  220.                                                 <th>#MPE</th>
  221.                                                 <th>Acciones</th>
  222.                                             </tr>
  223.                                             </thead>
  224.                                             <tbody>
  225.                                             {% for i in otro %}
  226.                                                 <tr id="idTipoD-{{ i.idOtro }}">
  227.                                                     <td>
  228.                                                         <label>
  229.                                                             <input type="checkbox" class="check-tipod" name="otro[]" value="{{ i.idOtro }}"/>
  230.                                                         </label>
  231.                                                     </td>
  232.                                                     <th class="marbete">{{ i.marbete }}</th>
  233.                                                     <td class="descripcion">{{ i.descripcion }}</td>
  234.                                                     <td class="marca">{{ i.marca }}</td>
  235.                                                     <td class="ubicacion">{{ i.ubicacion }}</td>
  236.                                                     <td class="usuario">{% if i.usuario.nombre is defined %}{{ i.usuario.nombre }}{% endif %} {% if i.usuario.papellido is defined %}{{ i.usuario.papellido }}{% endif %} {% if i.usuario.sapellido is defined %}{{ i.usuario.sapellido }}{% endif %}</td>
  237.                                                     <td class="mpe"><h3><span class="badge bg-secondary float-center">0</span></h3></td>
  238.                                                     <td>
  239.                                                         {#<a href="#modal-solicitud-programar" class="text-success" data-toggle="modal" onclick="solicitudProgramar('{{ path('prog_preventivo_solicitud_tipod', {'id': i.idOtro}) }}')">
  240.                                                             <i class="fa fa-calendar" data-toggle="tooltip" title="Programar mantenimiento"></i>
  241.                                                         </a>#}
  242.                                                         <a href="#modal-solicitud-programada" class="text-info btn" data-toggle="modal" onclick="solicitudProgramada('{{ path('prog_preventivo_programada_tipod', {'id': i.idOtro}) }}')">
  243.                                                             <i class="fa fa-eye" data-toggle="tooltip" title="Ver mantenimientos programados"></i>
  244.                                                         </a>
  245.                                                     </td>
  246.                                                 </tr>
  247.                                             {% endfor %}
  248.                                             </tbody>
  249.                                         </table>
  250.                                     </div>
  251.                                 </div>
  252.                             </div>
  253.                         </form>
  254.                         <!-- /.card-body -->
  255.                     </div>
  256.                 </div>
  257.             </div>
  258.         </section>
  259.         <!-- /.content -->
  260.     </div>
  262.     <!-- Modal de solicitud para programar mantenimiento preventivo -->
  263.     <div class="modal hide" id="modal-solicitud-programar"></div>
  264.     <!-- /.modal de solicitud para programar mantenimiento preventivo -->
  265.     <!-- Modal de solicitudes programadas para mantenimiento preventivo -->
  266.     <div class="modal hide" id="modal-solicitud-programada"></div>
  267.     <!-- /.modal de solicitudes programadas para mantenimiento preventivo -->
  268.     <!-- Modal de reprogramacion de solicitud para mantenimiento preventivo -->
  269.     <div class="modal hide" id="modal-solicitud-reprogramar"></div>
  270.     <!-- /.modal de reprogramacion de solicitud para mantenimiento preventivo -->
  271.     
  272. {% endblock %}
  274. {% block javascripts %}
  275.     <script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
  276.     <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
  277.     <script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
  278.     <script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
  279.     <script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
  280.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
  281.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
  282.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
  283.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script>
  284.     <script src="{{ asset('plugins/toastr/toastr.min.js') }}"></script>
  285.     <script type="text/javascript">
  286.         $("#mtto-preventivo").addClass("menu-open");
  287.         $("#mtto-preventivo").find('.nav-link:first').addClass("active");
  288.         $("#programa-mtto").addClass("active");
  290.         $(document).ready(function(){
  291.             $('[data-toggle="tooltip"]').tooltip();
  292.             $('a[data-toggle="tab"]').on('shown.bs.tab', function(e){
  293.                 $($.fn.dataTable.tables(true)).DataTable()
  294.                     .columns.adjust();
  295.             });
  296.             $('#tipoA').DataTable({
  297.                 "aaSorting": [],
  298.                 orderCellsTop: true,
  299.                 {# Define un valor predeterminado para LengthChange #}
  300.                 "pageLength": 50,
  301.                 "scrollX": true,
  302.                 {# sDom: 'lrtip', #}
  303.                 "bLengthChange" : true,
  304.                 language: {
  305.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  306.                 },
  308.             });
  309.             $('#tipoB').DataTable({
  310.                 "aaSorting": [],
  311.                 orderCellsTop: true,
  312.                 {# Define un valor predeterminado para LengthChange #}
  313.                 "pageLength": 50,
  314.                 "scrollX": true,
  315.                 {# sDom: 'lrtip', #}
  316.                 "bLengthChange" : true,
  317.                 language: {
  318.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  319.                 },
  321.             });
  322.             $('#tipoC').DataTable({
  323.                 "aaSorting": [],
  324.                 orderCellsTop: true,
  325.                 {# Define un valor predeterminado para LengthChange #}
  326.                 "pageLength": 50,
  327.                 "scrollX": true,
  328.                 {# sDom: 'lrtip', #}
  329.                 "bLengthChange" : true,
  330.                 language: {
  331.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  332.                 },
  334.             });
  335.             $('#tipoD').DataTable({
  336.                 "aaSorting": [],
  337.                 orderCellsTop: true,
  338.                 {# Define un valor predeterminado para LengthChange #}
  339.                 "pageLength": 50,
  340.                 "scrollX": true,
  341.                 {# sDom: 'lrtip', #}
  342.                 "bLengthChange" : true,
  343.                 language: {
  344.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  345.                 },
  347.             });
  348.             $(".select-all-tipoa").click(function ()
  349.             {
  350.                 if($(".select-all-tipoa").prop('checked')){
  351.                     let checked = true;
  352.                     $('.check-tipoa').attr('checked', this.checked);
  353.                     const checkboxes = document.querySelectorAll('input[name="equipo[]"]');
  354.                     checkboxes.forEach((checkbox) => {
  355.                         checkbox.checked = checked;
  356.                     });
  357.                 } else {
  358.                     let checked = false;
  359.                     $('.check-tipoa').attr('checked', this.checked);
  360.                     const checkboxes = document.querySelectorAll('input[name="equipo[]"]');
  361.                     checkboxes.forEach((checkbox) => {
  362.                         checkbox.checked = checked;
  363.                     });
  364.                 }
  365.                 ocultarFormulario();
  366.             });
  368.             $("#form_ubicacion").on('change', function () {
  369.                 aplicarFiltro();
  370.             });
  371.             vistaContador();
  372.             ocultarFormulario();
  373.             funcionSeleccion();
  374.         });
  376.         function funcionSeleccion()
  377.         {
  378.             $(".check-tipoa").click(function()
  379.             {
  380.                 ocultarFormulario();
  381.                 if($(".check-tipoa").length == $(".check-tipoa:checked").length)
  382.                 {
  383.                     $(".select-all-tipoa").attr("checked", "checked");
  384.                 } else {
  385.                     $(".select-all-tipoa").removeAttr("checked");
  386.                 }
  387.             });
  389.             $(".select-all-tipob").click(function ()
  390.             {
  391.                 if($(".select-all-tipob").prop('checked')){
  392.                     let checked = true;
  393.                     $('.check-tipob').attr('checked', this.checked);
  394.                     const checkboxes = document.querySelectorAll('input[name="impresora[]"]');
  395.                     checkboxes.forEach((checkbox) => {
  396.                         checkbox.checked = checked;
  397.                     });
  398.                 } else {
  399.                     let checked = false;
  400.                     $('.check-tipob').attr('checked', this.checked);
  401.                     const checkboxes = document.querySelectorAll('input[name="impresora[]"]');
  402.                     checkboxes.forEach((checkbox) => {
  403.                         checkbox.checked = checked;
  404.                     });
  405.                 }
  406.                 ocultarFormulario();
  407.             });
  409.             $(".check-tipob").click(function()
  410.             {
  411.                 if($(".check-tipob").length == $(".check-tipob:checked").length) {
  412.                     $(".select-all-tipob").attr("checked", "checked");
  413.                 } else {
  414.                     $(".select-all-tipob").removeAttr("checked");
  415.                 }
  416.                 ocultarFormulario();
  417.             });
  419.             $(".select-all-tipoc").click(function ()
  420.             {
  421.                 if($(".select-all-tipoc").prop('checked')){
  422.                     let checked = true;
  423.                     $('.check-tipoc').attr('checked', this.checked);
  424.                     const checkboxes = document.querySelectorAll('input[name="red[]"]');
  425.                     checkboxes.forEach((checkbox) => {
  426.                         checkbox.checked = checked;
  427.                     });
  428.                 } else {
  429.                     let checked = false;
  430.                     $('.check-tipoc').attr('checked', this.checked);
  431.                     const checkboxes = document.querySelectorAll('input[name="red[]"]');
  432.                     checkboxes.forEach((checkbox) => {
  433.                         checkbox.checked = checked;
  434.                     });
  435.                 }
  437.                 ocultarFormulario();
  438.             });
  440.             $(".check-tipoc").click(function()
  441.             {
  442.                 ocultarFormulario();
  443.                 if($(".check-tipoc").length == $(".check-tipoc:checked").length) {
  444.                     $(".select-all-tipoc").attr("checked", "checked");
  445.                 } else {
  446.                     $(".select-all-tipoc").removeAttr("checked");
  447.                 }
  449.             });
  451.             $(".select-all-tipod").click(function ()
  452.             {
  453.                 if($(".select-all-tipod").prop('checked')){
  454.                     let checked = true;
  455.                     $('.check-tipod').attr('checked', this.checked);
  456.                     const checkboxes = document.querySelectorAll('input[name="otro[]"]');
  457.                     checkboxes.forEach((checkbox) => {
  458.                         checkbox.checked = checked;
  459.                     });
  460.                 } else {
  461.                     let checked = false;
  462.                     $('.check-tipod').attr('checked', this.checked);
  463.                     const checkboxes = document.querySelectorAll('input[name="otro[]"]');
  464.                     checkboxes.forEach((checkbox) => {
  465.                         checkbox.checked = checked;
  466.                     });
  467.                 }
  468.                 ocultarFormulario();
  469.             });
  471.             $(".check-tipod").click(function()
  472.             {
  473.                 ocultarFormulario();
  474.                 if($(".check-tipod").length == $(".check-tipod:checked").length) {
  475.                     $(".select-all-tipod").attr("checked", "checked");
  476.                 } else {
  477.                     $(".select-all-tipod").removeAttr("checked");
  478.                 }
  480.             });
  481.         }
  483.         $(document).on('click', '.page-link', function(e) {
  484.             e.preventDefault(); // Evita la acción por defecto (si es un enlace)
  486.             // Aquí puedes obtener información del elemento clickeado
  487.             // const pagina = $(this).text(); // Ejemplo: el número de página
  488.             // console.log('Se hizo clic en la página:', pagina);
  490.             // O puedes agregar tu lógica personalizada
  491.             vistaContador();
  492.         });
  493.         
  494.         function limpiarSeleccion() {
  495.             let checked = false;
  496.             const checkbox_a = document.querySelectorAll('input[name="equipo[]"]');
  497.             checkbox_a.forEach((checkbox) => {
  498.                 checkbox.checked = checked;
  499.             });
  500.             const checkbox_b = document.querySelectorAll('input[name="impresora[]"]');
  501.             checkbox_b.forEach((checkbox) => {
  502.                 checkbox.checked = checked;
  503.             });
  504.             const checkbox_c = document.querySelectorAll('input[name="red[]"]');
  505.             checkbox_c.forEach((checkbox) => {
  506.                 checkbox.checked = checked;
  507.             });
  508.             const checkbox_d = document.querySelectorAll('input[name="otro[]"]');
  509.             checkbox_d.forEach((checkbox) => {
  510.                 checkbox.checked = checked;
  511.             });
  512.             ocultarFormulario();
  513.             $('#arealizar').val('');
  514.             $('#fregistro').val('');
  515.         }
  517.         function vistaContador()
  518.         {
  519.             $.ajax({
  520.                 type: "POST",
  521.                 url: '{{ path('prog_preventivo_vista') }}',
  522.                 dataType: "json",
  523.                 cache: false,
  524.                 contentType: false,
  525.                 processData: false,
  526.                 success: function (data) {
  527.                     let datos = data;
  528.                     for(let i = 0; i < datos['data'].length; i++){
  529.                         if(datos['data'][i]['tipoEquipo'] == 'Equipo'){
  530.                             row = $('#idTipoA-' + datos['data'][i]['idEquipo']);
  531.                             row.find('.mpe').html('<h3><span class="badge bg-primary float-center">' + datos['data'][i]['equipoCont'] + '</span></h3>');
  532.                         }
  533.                         if(datos['data'][i]['tipoEquipo'] == 'Impresora'){
  534.                             row = $('#idTipoB-' + datos['data'][i]['idEquipo']);
  535.                             row.find('.mpe').html('<h3><span class="badge bg-primary float-center">' + datos['data'][i]['equipoCont'] + '</span></h3>');
  536.                         }
  537.                         if(datos['data'][i]['tipoEquipo'] == 'Red'){
  538.                             row = $('#idTipoC-' + datos['data'][i]['idEquipo']);
  539.                             row.find('.mpe').html('<h3><span class="badge bg-primary float-center">' + datos['data'][i]['equipoCont'] + '</span></h3>');
  540.                         }
  541.                         if(datos['data'][i]['tipoEquipo'] == 'Otro'){
  542.                             row = $('#idTipoD-' + datos['data'][i]['idEquipo']);
  543.                             row.find('.mpe').html('<h3><span class="badge bg-primary float-center">' + datos['data'][i]['equipoCont'] + '</span></h3>');
  544.                         }
  545.                     }
  546.                 },
  547.                 error: function (data, text, error) {
  548.                     alertMessage(1, data.responseJSON.mensaje);
  549.                 },
  550.                 complete: function () {
  552.                 }
  553.             });
  554.         }
  556.         function ocultarFormulario()
  557.         {
  558.             console.log();
  559.             if ($(".check-tipoa:checked").length + $(".check-tipob:checked").length + $(".check-tipoc:checked").length + $(".check-tipod:checked").length < 1) {
  560.                 console.log();
  561.                 document.getElementById("form-info").style.display = "none";
  562.             } else {
  563.                 document.getElementById("form-info").style.display = "block";
  564.             }
  565.         }
  567.         function solicitudProgramarLote(url)
  568.         {
  569.             let formData = new FormData(document.getElementById("form_prog_preventivo"));
  570.             let send = $('#form-btn-preventivo');
  571.             $.ajax({
  572.                 type: "POST",
  573.                 url: url,
  574.                 data: formData,
  575.                 dataType: "json",
  576.                 cache: false,
  577.                 contentType: false,
  578.                 processData: false,
  579.                 beforeSend: function () {
  580.                     send.text("Programando "); // Para input de tipo button
  581.                     send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  582.                     send.prop("disabled", true);
  583.                 },
  584.                 success: function (data) {
  585.                     let row = "";
  586.                     console.log(data['info']);
  587.                     var info = Object.values(data['info']);
  588.                     console.log(info.length);
  589.                     for(let i = 0; i < info.length - 1; i++){
  590.                         if(info[i].tipoequipo == 'Equipo' || info[i].tipoequipo == 'Impresora' || info[i].tipoequipo == 'Red' || info[i].tipoequipo == 'Otro'){
  591.                             row +=
  592.                             "<tr>" +
  593.                                 "<td>" + info[i].tipoequipo + "</td>" +
  594.                                 "<td>" + info[i].fregistro + "</td>" +
  595.                                 "<td>" + info[i].tipomantenimiento + "</td>" +
  596.                                 "<td>" + info[i].accion + "</td>" +
  597.                                 "<td>" + info[i].unidad + "</td>" +
  598.                                 "<td>" +
  599.                                     "<a href='#modal-solicitud-reprogramar' class='text-success' data-toggle='modal' onclick=\"solicitudReprogramar('" + info[i].reprogramar + "')\">" +
  600.                                         "<i class='fa fa-calendar' data-toggle='tooltip' title='Reprogramar mantenimiento'></i>" +
  601.                                     "</a>" +
  602.                                 "</td>" +
  603.                             "</tr>"
  604.                             ;
  605.                         }
  606.                     }
  607.                     console.log(row);
  608.                     $("#tipoE").append(row).html();
  610.                     $(document).Toasts('create', {
  611.                         autohide: false,
  612.                         delay: 3000,
  613.                         class: 'bg-success',
  614.                         title: 'Programación por grupo',
  615.                         subtitle: 'Éxito',
  616.                         body: data.mensaje
  617.                     });
  618.                     vistaContador();
  619.                     ocultarFormulario();
  620.                     limpiarSeleccion();
  621.                     funcionSeleccion();
  622.                 },
  623.                 error: function (data, text, error) {
  624.                     $(document).Toasts('create', {
  625.                         autohide: true,
  626.                         delay: 3000,
  627.                         class: 'bg-warning',
  628.                         title: 'Programación por grupo',
  629.                         subtitle: 'Ocurrió un error',
  630.                         body: data.responseJSON.mensaje
  631.                     });
  632.                 },
  633.                 complete: function () {
  634.                     setTimeout(function(){
  635.                         send.text("Programar mantenimiento"); // Para input de tipo button
  636.                         send.append("<i></i>");
  637.                         send.prop("disabled", false);
  638.                     }, 5000);
  639.                 }
  640.             });
  641.         }
  643.         function solicitudProgramar(url)
  644.         {
  645.             $('#modal-solicitud-programar').load(url, function ()
  646.             {
  647.                 // configuración del Modal
  648.                 $("#modal-solicitud-programar").on('hide.bs.modal', function () {
  649.                     $(this).html('Cargando');
  650.                 });
  651.                 $(".modal-dialog").draggable;
  652.                 solicitudProgramarAjax(url)
  653.             })
  654.         }
  656.         function solicitudProgramarAjax(url)
  657.         {
  658.             let send = $("#editar_usuario_guardar");
  659.             $('#editar_usuario_guardar').on('click', function () {
  660.                 let formData = new FormData(document.getElementById("form-programar-solicitud"));
  661.                 $.ajax({
  662.                     type: "POST",
  663.                     url: url,
  664.                     data: formData, // Adjuntar los campos del formulario enviado.
  665.                     dataType: "json",
  666.                     cache: false,
  667.                     contentType: false,
  668.                     processData: false,
  669.                     beforeSend: function () {
  670.                         send.text("Actualizando "); // Para input de tipo button
  671.                         send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  672.                         send.prop("disabled", true);
  673.                     },
  674.                     success: function (data) {
  675.                         closeModal('modal-solicitud-programar');
  676.                         $(document).Toasts('create', {
  677.                             autohide: true,
  678.                             delay: 3000,
  679.                             class: 'bg-success',
  680.                             title: 'Programación individual',
  681.                             subtitle: 'Éxito',
  682.                             body: data.mensaje
  683.                         });
  684.                         vistaContador();
  685.                         ocultarFormulario();
  686.                         limpiarSeleccion();
  687.                         funcionSeleccion();
  688.                     },
  689.                     error: function (data, text, error) {
  690.                         $(document).Toasts('create', {
  691.                             autohide: true,
  692.                             delay: 5000,
  693.                             class: 'bg-danger',
  694.                             title: 'Programar solicitud',
  695.                             subtitle: 'Ocurrió un error',
  696.                             body: data.responseJSON.mensaje
  697.                         });
  698.                     },
  699.                     complete: function () {
  700.                         setTimeout(function(){
  701.                             send.text("Programar mantenimiento"); // Para input de tipo button
  702.                             send.append("<i></i>");
  703.                             send.prop("disabled", false);
  704.                         }, 5000);
  705.                     }
  706.                 });
  708.                 return false; // Evitar ejecutar el submit del formulario.
  710.             });
  711.         }
  713.         function solicitudProgramada(url)
  714.         {
  715.             $('#modal-solicitud-programada').load(url, function ()
  716.             {
  717.                 // configuración del Modal
  718.                 $("#modal-solicitud-programada").on('hide.bs.modal', function () {
  719.                     $(this).html('Cargando');
  720.                 });
  721.                 $(".modal-dialog").draggable;
  722.                 solicitudProgramadaAjax(url)
  723.             })
  724.         }
  726.         function solicitudProgramadaAjax(url)
  727.         {
  728.             let send = $("#editar_usuario_guardar");
  729.             $('#editar_usuario_guardar').on('click', function () {
  730.                 $.ajax({
  731.                     type: "POST",
  732.                     url: url,
  733.                     dataType: "json",
  734.                     cache: false,
  735.                     contentType: false,
  736.                     processData: false,
  737.                     beforeSend: function () {
  738.                         send.text("Actualizando "); // Para input de tipo button
  739.                         send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  740.                         send.prop("disabled", true);
  741.                     },
  742.                     success: function (data) {
  743.                         $(document).Toasts('create', {
  744.                             autohide: true,
  745.                             delay: 3000,
  746.                             class: 'bg-success',
  747.                             title: 'Edición de programación',
  748.                             subtitle: 'Éxito',
  749.                             body: data.mensaje
  750.                         });
  751.                         closeModal('modal-solicitud-programada');
  752.                     },
  753.                     error: function (data, text, error) {
  754.                         $(document).Toasts('create', {
  755.                             autohide: true,
  756.                             delay: 3000,
  757.                             class: 'bg-warning',
  758.                             title: 'Programación por grupo',
  759.                             subtitle: 'Ocurrió un error',
  760.                             body: data.responseJSON.mensaje
  761.                         });
  762.                     },
  763.                     complete: function () {
  764.                         setTimeout(function(){
  765.                             send.text("Programar mantenimiento"); // Para input de tipo button
  766.                             send.append("<i></i>");
  767.                             send.prop("disabled", false);
  768.                         }, 5000);
  769.                     }
  770.                 });
  772.                 return false; // Evitar ejecutar el submit del formulario.
  774.             });
  775.         }
  777.         function solicitudReprogramar(url)
  778.         {
  779.             $('#modal-solicitud-reprogramar').load(url, function ()
  780.             {
  781.                 // configuración del Modal
  782.                 $("#modal-solicitud-reprogramar").on('hide.bs.modal', function () {
  783.                     $(this).html('Cargando');
  784.                 });
  785.                 $(".modal-dialog").draggable;
  786.                 solicitudReprogramarAjax(url)
  787.             })
  788.         }
  790.         function solicitudReprogramarAjax(url)
  791.         {
  792.             let send = $("#editar_usuario_guardar");
  793.             $('#editar_usuario_guardar').on('click', function () {
  794.                 let formData = new FormData(document.getElementById("form-programar-solicitud"));
  795.                 $.ajax({
  796.                     type: "POST",
  797.                     url: url,
  798.                     data: formData, // Adjuntar los campos del formulario enviado.
  799.                     dataType: "json",
  800.                     cache: false,
  801.                     contentType: false,
  802.                     processData: false,
  803.                     beforeSend: function () {
  804.                         send.text("Actualizando "); // Para input de tipo button
  805.                         send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  806.                         send.prop("disabled", true);
  807.                     },
  808.                     success: function (data) {
  809.                         let row = $('#idTipoE-' + data.idsol);
  810.                         row.find('.falla').text(data.accion);
  811.                         row = $('#modal-table-' + data.idsol);
  812.                         row.find('.falla').text(data.accion);
  813.                         $(document).Toasts('create', {
  814.                             autohide: true,
  815.                             delay: 3000,
  816.                             class: 'bg-success',
  817.                             title: 'Edición de programación',
  818.                             subtitle: 'Éxito',
  819.                             body: data.mensaje
  820.                         });
  821.                         closeModal('#modal-solicitud-reprogramar');
  822.                     },
  823.                     error: function (data, text, error) {
  824.                         let datos = data.responseJSON;
  825.                         $("#modal-solicitud-reprogramar").html(datos.form);
  826.                         solicitudReprogramarAjax(url);
  827.                     },
  828.                     complete: function () {
  829.                         setTimeout(function(){
  830.                             send.text("Programar mantenimiento"); // Para input de tipo button
  831.                             send.append("<i></i>");
  832.                             send.prop("disabled", false);
  833.                         }, 5000);
  834.                     }
  835.                 });
  837.                 return false; // Evitar ejecutar el submit del formulario.
  839.             });
  840.         }
  842.         function aplicarFiltro() {
  843.             $("#tipoA").find($("tbody")).html("<tr><td colspan='8' class='text-center'><i class='fas fa-spinner fa-pulse'></i></td></tr>");
  844.             $("#tipoB").find($("tbody")).html("<tr><td colspan='8' class='text-center'><i class='fas fa-spinner fa-pulse'></i></td></tr>");
  845.             $("#tipoC").find($("tbody")).html("<tr><td colspan='8' class='text-center'><i class='fas fa-spinner fa-pulse'></i></td></tr>");
  846.             $("#tipoD").find($("tbody")).html("<tr><td colspan='8' class='text-center'><i class='fas fa-spinner fa-pulse'></i></td></tr>");
  848.             let formData = new FormData(document.getElementById("form_ubicacion_filtro"));
  849.             console.log(formData);
  850.             $.ajax({
  851.                 type: "POST",
  852.                 url: '{{ path('prog_preventivo_index') }}',
  853.                 data: formData, // Adjuntar los campos del formulario enviado.
  854.                 dataType: "html",
  855.                 cache: false,
  856.                 contentType: false,
  857.                 processData: false,
  858.                 success: function (data) {
  859.                     let datos = jQuery.parseJSON(data);
  860.                     console.log(datos);
  861.                     actualizarEquipos(datos);
  862.                     ocultarFormulario();
  863.                     funcionSeleccion();
  864.                     limpiarSeleccion();
  865.                 },
  866.                 error: function (data, text, error) {
  867.                     let datos = jQuery.parseJSON(data.responseText);
  868.                     console.log(datos);
  869.                 }
  870.             });
  871.         }
  873.         <!-- Actualizar tabla de bitácora -->
  874.         function actualizarEquipos(data) {
  875.             $("#tipoA").dataTable().fnClearTable();
  876.             $("#tipoA").dataTable().fnDestroy();
  877.             $("#tipoB").dataTable().fnClearTable();
  878.             $("#tipoB").dataTable().fnDestroy();
  879.             $("#tipoC").dataTable().fnClearTable();
  880.             $("#tipoC").dataTable().fnDestroy();
  881.             $("#tipoD").dataTable().fnClearTable();
  882.             $("#tipoD").dataTable().fnDestroy();
  883.             var edit = "";
  884.             var html_a = "";
  885.             var html_b = "";
  886.             var html_c = "";
  887.             var html_d = "";
  888.             $.each(data, function (key, equipo) {
  889.                 if(equipo.tipo === 'Equipo'){
  890.                     html_a +=
  891.                         "<tr id='idTipoA-" + equipo.id + "'>" +
  892.                             "<td>" +
  893.                                 "<label>" +
  894.                                     "<input type='checkbox' class='check-tipoa' name='equipo[]' value='" + equipo.id + "'/>" +
  895.                                 "</label>" +
  896.                             "</td>" +
  897.                             "<th class='marbete'>" + equipo.marbete + "</th>" +
  898.                             "<td class='descripcion'>" + equipo.descripcion + "</td>" +
  899.                             "<td class='marca'>" + equipo.marca + "</td>" +
  900.                             "<td class='ubicacion'>" + equipo.ubicacion + "</td>" +
  901.                             "<td class='usuario'>" + equipo.usuario + "</td>" +
  902.                             "<td class='mpe'><h3><span class='badge bg-secondary float-center'>0</span></h3></td>" +
  903.                             "<td>" +
  904.                                 /*"<a href='#modal-solicitud-programar' class='text-success' data-toggle='modal' onclick=\"solicitudProgramar('" + equipo.nuevo + "')\">" +
  905.                                     "<i class='fa fa-calendar' data-toggle='tooltip' title='Programar mantenimiento'></i>" +
  906.                                 "</a>" +*/
  907.                                 "<a href='#modal-solicitud-programada' class='text-info btn' data-toggle='modal' onclick=\"solicitudProgramada('" + equipo.ver + "')\">" +
  908.                                     "<i class='fa fa-eye' data-toggle='tooltip' title='Ver mantenimientos programados'></i>" +
  909.                                 "</a>" +
  910.                             "</td>" +
  911.                         "</tr>";
  912.                 }
  913.                 if(equipo.tipo === 'Impresora'){
  914.                     html_b +=
  915.                         "<tr id='idTipoB-" + equipo.id + "'>" +
  916.                             "<td>" +
  917.                                 "<label>" +
  918.                                     "<input type='checkbox' class='check-tipob' name='impresora[]' value='" + equipo.id + "'/>" +
  919.                                 "</label>" +
  920.                             "</td>" +
  921.                             "<th class='marbete'>" + equipo.marbete + "</th>" +
  922.                             "<td class='descripcion'>" + equipo.descripcion + "</td>" +
  923.                             "<td class='marca'>" + equipo.marca + "</td>" +
  924.                             "<td class='ubicacion'>" + equipo.ubicacion + "</td>" +
  925.                             "<td class='usuario'>" + equipo.usuario + "</td>" +
  926.                             "<td class='mpe'><h3><span class='badge bg-secondary float-center'>0</span></h3></td>" +
  927.                             "<td>" +
  928.                                 /*"<a href='#modal-solicitud-programar' class='text-success' data-toggle='modal' onclick=\"solicitudProgramar('" + equipo.nuevo + "')\">" +
  929.                                     "<i class='fa fa-calendar' data-toggle='tooltip' title='Programar mantenimiento'></i>" +
  930.                                 "</a>" +*/
  931.                                 "<a href='#modal-solicitud-programada' class='text-info btn' data-toggle='modal' onclick=\"solicitudProgramada('" + equipo.ver + "')\">" +
  932.                                     "<i class='fa fa-eye' data-toggle='tooltip' title='Ver mantenimientos programados'></i>" +
  933.                                 "</a>" +
  934.                             "</td>" +
  935.                         "</tr>";
  936.                 }
  937.                 if(equipo.tipo === 'Red'){
  938.                     html_c +=
  939.                         "<tr id='idTipoC-" + equipo.id + "'>" +
  940.                             "<td>" +
  941.                                 "<label>" +
  942.                                     "<input type='checkbox' class='check-tipoc' name='red[]' value='" + equipo.id + "'/>" +
  943.                                 "</label>" +
  944.                             "</td>" +
  945.                             "<th class='marbete'>" + equipo.marbete + "</th>" +
  946.                             "<td class='descripcion'>" + equipo.descripcion + "</td>" +
  947.                             "<td class='marca'>" + equipo.marca + "</td>" +
  948.                             "<td class='ubicacion'>" + equipo.ubicacion + "</td>" +
  949.                             "<td class='usuario'>" + equipo.usuario + "</td>" +
  950.                             "<td class='mpe'><h3><span class='badge bg-secondary float-center'>0</span></h3></td>" +
  951.                             "<td>" +
  952.                                 /*"<a href='#modal-solicitud-programar' class='text-success' data-toggle='modal' onclick=\"solicitudProgramar('" + equipo.nuevo + "')\">" +
  953.                                     "<i class='fa fa-calendar' data-toggle='tooltip' title='Programar mantenimiento'></i>" +
  954.                                 "</a>" +*/
  955.                                 "<a href='#modal-solicitud-programada' class='text-info btn' data-toggle='modal' onclick=\"solicitudProgramada('" + equipo.ver + "')\">" +
  956.                                     "<i class='fa fa-eye' data-toggle='tooltip' title='Ver mantenimientos programados'></i>" +
  957.                                 "</a>" +
  958.                             "</td>" +
  959.                         "</tr>";
  960.                 }
  961.                 if(equipo.tipo === 'Otro'){
  962.                     html_d +=
  963.                         "<tr id='idTipoD-" + equipo.id + "'>" +
  964.                             "<td>" +
  965.                                 "<label>" +
  966.                                     "<input type='checkbox' class='check-tipod' name='otro[]' value='" + equipo.id + "'/>" +
  967.                                 "</label>" +
  968.                             "</td>" +
  969.                             "<th class='marbete'>" + equipo.marbete + "</th>" +
  970.                             "<td class='descripcion'>" + equipo.descripcion + "</td>" +
  971.                             "<td class='marca'>" + equipo.marca + "</td>" +
  972.                             "<td class='ubicacion'>" + equipo.ubicacion + "</td>" +
  973.                             "<td class='usuario'>" + equipo.usuario + "</td>" +
  974.                             "<td class='mpe'><h3><span class='badge bg-secondary float-center'>0</span></h3></td>" +
  975.                             "<td>" +
  976.                                 /*"<a href='#modal-solicitud-programar' class='text-success' data-toggle='modal' onclick=\"solicitudProgramar('" + equipo.nuevo + "')\">" +
  977.                                     "<i class='fa fa-calendar' data-toggle='tooltip' title='Programar mantenimiento'></i>" +
  978.                                 "</a>" +*/
  979.                                 "<a href='#modal-solicitud-programada' class='text-info btn' data-toggle='modal' onclick=\"solicitudProgramada('" + equipo.ver + "')\">" +
  980.                                     "<i class='fa fa-eye' data-toggle='tooltip' title='Ver mantenimientos programados'></i>" +
  981.                                 "</a>" +
  982.                             "</td>" +
  983.                         "</tr>";
  984.                 }
  985.             });
  986.             $("#tipoA").find($("tbody")).html(html_a);
  987.             $('#tipoA').DataTable({
  988.                 "aaSorting": [],
  989.                 orderCellsTop: true,
  990.                 {# Define un valor predeterminado para LengthChange #}
  991.                 "pageLength": 50,
  992.                 "scrollX": true,
  993.                 {# sDom: 'lrtip', #}
  994.                 "bLengthChange" : true,
  995.                 language: {
  996.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  997.                 },
  998.             });
  999.             $("#tipoB").find($("tbody")).html(html_b);
  1000.             $('#tipoB').DataTable({
  1001.                 "aaSorting": [],
  1002.                 orderCellsTop: true,
  1003.                 {# Define un valor predeterminado para LengthChange #}
  1004.                 "pageLength": 50,
  1005.                 "scrollX": true,
  1006.                 {# sDom: 'lrtip', #}
  1007.                 "bLengthChange" : true,
  1008.                 language: {
  1009.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  1010.                 },
  1011.             });
  1012.             $("#tipoC").find($("tbody")).html(html_c);
  1013.             $('#tipoC').DataTable({
  1014.                 "aaSorting": [],
  1015.                 orderCellsTop: true,
  1016.                 {# Define un valor predeterminado para LengthChange #}
  1017.                 "pageLength": 50,
  1018.                 "scrollX": true,
  1019.                 {# sDom: 'lrtip', #}
  1020.                 "bLengthChange" : true,
  1021.                 language: {
  1022.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  1023.                 },
  1024.             });
  1025.             $("#tipoD").find($("tbody")).html(html_d);
  1026.             $('#tipoD').DataTable({
  1027.                 "aaSorting": [],
  1028.                 orderCellsTop: true,
  1029.                 {# Define un valor predeterminado para LengthChange #}
  1030.                 "pageLength": 50,
  1031.                 "scrollX": true,
  1032.                 {# sDom: 'lrtip', #}
  1033.                 "bLengthChange" : true,
  1034.                 language: {
  1035.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  1036.                 },
  1037.             });
  1038.             vistaContador();
  1039.         }
  1040.     </script>
  1041. {% endblock %}