templates/prog_correctivo/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %} - Solicitudes de Mantenimiento{% 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 %}
  13. {% block body %}
  14. <div class="content-wrapper">
  15.     <!-- Content Header (Page header) -->
  16.     <section class="content-header">
  17.         <div class="card">
  18.             <div class="card-header">
  19.                 <h1 class="card-title">Solicitudes de Mantenimiento</h1>
  21.                 <div class="card-tools">
  22.                     <ol class="breadcrumb float-sm-right">
  23.                         <li class="breadcrumb-item"><a href="#">Inicio</a></li>
  24.                         <li class="breadcrumb-item active"><b>Solicitudes de Mantenimiento</b></li>
  25.                     </ol>
  26.                 </div>
  27.             </div>
  28.         </div>
  29.     </section>
  31.     <section class="content">
  32.         <div class="container-fluid">
  33.             <div class="row">
  34.                 <div class="col-12 col-sm-6 col-md-3">
  35.                     <div id="estatusA" class="info-box">
  36.                         <span class="info-box-icon bg-warning elevation-1"><i class="fas fa-info-circle text-white"></i></span>
  37.                         <div class="info-box-content">
  38.                             <span class="info-box-text">Pendientes</span>
  39.                             <span class="info-box-number">0</span>
  40.                         </div>
  41.                     </div>
  42.                 </div>
  43.                 <div class="col-12 col-sm-6 col-md-3">
  44.                     <div id="estatusB" class="info-box mb-3">
  45.                         <span class="info-box-icon bg-danger elevation-1"><i class="fas fa-cog"></i></span>
  46.                         <div class="info-box-content">
  47.                             <span class="info-box-text">En proceso</span>
  48.                             <span class="info-box-number">0</span>
  49.                         </div>
  50.                     </div>
  51.                 </div>
  52.                 <div class="col-12 col-sm-6 col-md-3">
  53.                     <div id="estatusC" class="info-box mb-3">
  54.                         <span class="info-box-icon bg-success elevation-1"><i class="fas fa-thumbs-up"></i></span>
  55.                         <div class="info-box-content">
  56.                             <span class="info-box-text">Atendidas (por evaluar)</span>
  57.                             <span class="info-box-number">0</span>
  58.                         </div>
  59.                     </div>
  60.                 </div>
  61.                 <div class="col-12 col-sm-6 col-md-3">
  62.                     <div id="estatusD" class="info-box mb-3">
  63.                         <span class="info-box-icon bg-info elevation-1"><i class="fas fa-check-circle"></i></span>
  64.                         <div class="info-box-content">
  65.                             <span class="info-box-text">Evaluadas</span>
  66.                             <span class="info-box-number">0</span>
  67.                         </div>
  68.                     </div>
  69.                 </div>
  70.             </div>
  71.         </div>
  72.     </section>
  74.     {# <section class="content">
  75.         <div class="container-fluid">
  76.             <div class="row">
  77.                 {% for i in equipos %}
  78.                 <div class="col">
  79.                     <div class="card">
  80.                         <div class="card-body">
  81.                             <div class="info-box">
  82.                                 <span class="info-box-icon bg-gradient-teal"><i class="fas fa-desktop"></i></span>
  83.                                 <div class="info-box-content">
  84.                                     <span class="info-box-text">Equipo</span>
  85.                                 </div>
  86.                             </div>
  87.                             <p><b>{{ i.marbete }}</b></p>
  88.                             {# <p>{{ i.descripcion }}</p>
  89.                             <p>{{ i.marca }}</p>
  90.                             <p>{{ i.ubicacion }}</p>
  91.                             <p>{{ i.usuario.nombre }} {{ i.usuario.papellido }} {{ i.usuario.sapellido }}</p> }
  92.                         </div>
  93.                         <div class="card-footer">
  94.                             <a href="#modal-solicitud-programar" class="text-success" data-toggle="modal" onclick="solicitudProgramar('{{ path('prog_correctivo_solicitud_tipoa', {'id': i.idEqu}) }}')">
  95.                                 <i class="fas fa-clipboard-check" data-toggle="tooltip" title="Solicitar mantenimiento"></i>
  96.                             </a>
  97.                             <a href="#modal-vista-tipo" class="text-info" data-toggle="modal" onclick="vistaModalTipo('{{ path('prog_correctivo_vista_tipo', {'tipo': 'equipo', 'id': i.idEqu}) }}')">
  98.                                 <i class="fa fa-eye" data-toggle="tooltip" title="Ver"></i>
  99.                             </a>
  100.                         </div>
  101.                     </div>
  102.                 </div>
  103.                 {% endfor %}
  104.                 {% for i in impresoras %}
  105.                 <div class="col">
  106.                     <div class="card">
  107.                         <div class="card-body" style="font-size: 15px;">
  108.                             <div class="info-box">
  109.                                 <span class="info-box-icon bg-teal"><i class="fas fa-print"></i></span>
  110.                                 <div class="info-box-content">
  111.                                     <span class="info-box-text">Impresora</span>
  112.                                 </div>
  113.                             </div>
  114.                             <p><b>{{ i.marbete }}</b></p>
  115.                             {# <p>{{ i.descripcion }}</p>
  116.                             <p>{{ i.marca }}</p>
  117.                             <p>{{ i.ubicacion }}</p>
  118.                             <p>{{ i.usuario.nombre }} {{ i.usuario.papellido }} {{ i.usuario.sapellido }}</p> }
  119.                         </div>
  120.                         <div class="card-footer">
  121.                             <a href="#modal-solicitud-programar" class="text-success" data-toggle="modal" onclick="solicitudProgramar('{{ path('prog_correctivo_solicitud_tipob', {'id': i.idImp}) }}')">
  122.                                 <i class="fas fa-clipboard-check" data-toggle="tooltip" title="Solicitar mantenimiento"></i>
  123.                             </a>
  124.                             <a href="#modal-vista-tipo" class="text-info" data-toggle="modal" onclick="vistaModalTipo('{{ path('prog_correctivo_vista_tipo', {'tipo': 'impresora', 'id': i.idImp}) }}')">
  125.                                 <i class="fa fa-eye" data-toggle="tooltip" title="Ver"></i>
  126.                             </a>
  127.                         </div>
  128.                     </div>
  129.                 </div>
  130.                 {% endfor %}
  131.                 {% for i in redes %}
  132.                 <div class="col">
  133.                     <div class="card">
  134.                         <div class="card-body">
  135.                             <div class="info-box">
  136.                                 <span class="info-box-icon bg-teal"><i class="fas fa-database"></i></span>
  137.                                 <div class="info-box-content">
  138.                                     <span class="info-box-text">Red</span>
  139.                                 </div>
  140.                             </div>
  141.                             <p><b>{{ i.marbete }}</b></p>
  142.                             {# <p>{{ i.descripcion }}</p>
  143.                             <p>{{ i.marca }}</p>
  144.                             <p>{{ i.ubicacion }}</p>
  145.                             <p>{{ i.usuario.nombre }} {{ i.usuario.papellido }} {{ i.usuario.sapellido }}</p> }
  146.                         </div>
  147.                         <div class="card-footer">
  148.                             <a href="#modal-solicitud-programar" class="text-success" data-toggle="modal" onclick="solicitudProgramar('{{ path('prog_correctivo_solicitud_tipoc', {'id': i.idRed}) }}')">
  149.                                 <i class="fa fa-clipboard-check" data-toggle="tooltip" title="Solicitar mantenimiento"></i>
  150.                             </a>
  151.                             <a href="#modal-vista-tipo" class="text-info" data-toggle="modal" onclick="vistaModalTipo('{{ path('prog_correctivo_vista_tipo', {'tipo': 'red', 'id': i.idRed}) }}')">
  152.                                 <i class="fa fa-eye" data-toggle="tooltip" title="Ver"></i>
  153.                             </a>
  154.                         </div>
  155.                     </div>
  156.                 </div>
  157.                 {% endfor %}
  158.                 {% for i in otros %}
  159.                 <div class="col">
  160.                     <div class="card">
  161.                         <div class="card-body">
  162.                             <div class="info-box">
  163.                                 <span class="info-box-icon bg-teal"><i class="fas fa-memory"></i></span>
  164.                                 <div class="info-box-content">
  165.                                     <span class="info-box-text">Otro</span>
  166.                                 </div>
  167.                             </div>
  168.                             <p><b>{{ i.marbete }}</b></p>
  169.                             {# <p>{{ i.descripcion }}</p>
  170.                             <p>{{ i.marca }}</p>
  171.                             <p>{{ i.ubicacion }}</p>
  172.                             <p>{{ i.usuario.nombre }} {{ i.usuario.papellido }} {{ i.usuario.sapellido }}</p> }
  173.                         </div>
  174.                         <div class="card-footer">
  175.                             <a href="#modal-solicitud-programar" class="text-success" data-toggle="modal" onclick="solicitudProgramar('{{ path('prog_correctivo_solicitud_tipod', {'id': i.idOtro}) }}')">
  176.                                 <i class="fa fa-clipboard-check" data-toggle="tooltip" title="Solicitar mantenimiento"></i>
  177.                             </a>
  178.                             <a href="#modal-vista-tipo" class="text-info" data-toggle="modal" onclick="vistaModalTipo('{{ path('prog_correctivo_vista_tipo', {'tipo': 'otro', 'id': i.idOtro}) }}')">
  179.                                 <i class="fa fa-eye" data-toggle="tooltip" title="Ver"></i>
  180.                             </a>
  181.                         </div>
  182.                     </div>
  183.                 </div>
  184.                 {% endfor %}
  185.             </div>
  186.         </div>
  187.     </section> #}
  189.     <!-- Main content -->
  190.     <section class="content">
  191.         <div class="row justify-content-center">
  192.             <div class="col-12">
  193.                 <!-- Default box -->
  194.                 <div class="card card-outline card-teal p-3 collapsed-card">
  195.                     <div class="card-header row" style="background: #bacbff85;">
  196.                         <h3>Equipos en <small class="text-success">Resguardo</small></h3>
  197.                         <div class="col text-right">
  198.                             <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse" style="color: #000000; background: #ffffff;">
  199.                                 <i class="fas fa-plus"></i>
  200.                             </button>
  201.                             {# <button type="button" class="btn btn-tool" data-card-widget="remove" title="Remove">
  202.                                 <i class="fas fa-times"></i>
  203.                             </button>  #}
  204.                         </div>
  205.                     </div>
  207.                     <div class="card-body">
  208.                         <table id="tipo" class="table table-hover table-sm w-100">
  209.                             <thead>
  210.                             <tr>
  211.                                 <th>Tipo de Equipo</th>
  212.                                 <th>Marbete</th>
  213.                                 <th>Ubicación</th>
  214.                                 <th>Descripción</th>
  215.                                 <th colspan="2" style="text-align: center;">Acciones</th>
  216.                             </tr>
  217.                             </thead>
  218.                             <tbody>
  219.                             {% for e in equipos %}
  220.                                 <tr id="equipo-{{ e.idEqu }}">
  221.                                     <th>Equipo</th>
  222.                                     <td>{{ e.marbete }}</td>
  223.                                     <td>{{ e.ubicacion }}</td>
  224.                                     <td> Marca: <b>{{ e.idMarca.marca }}</b><br>Modelo: <b>{{ e.modelo }}</b></td>
  225.                                     <td style="text-align: right;">
  226.                                         <a href="#modal-solicitud-programar" class="text-success" data-toggle="modal" onclick="solicitudProgramar('{{ path('prog_correctivo_solicitud_tipoa', {'id': e.idEqu}) }}')">
  227.                                             <i class="fas fa-clipboard-check" data-toggle="tooltip" title="Solicitar mantenimiento"></i>
  228.                                         </a>
  229.                                     </td>
  230.                                     <td >
  231.                                         <a href="#modal-vista-tipo" class="text-info" data-toggle="modal" onclick="vistaModalTipo('{{ path('prog_correctivo_vista_tipo', {'tipo': 'Equipo', 'id': e.idEqu}) }}')">
  232.                                             <i class="fa fa-eye" data-toggle="tooltip" title="Ver"></i>
  233.                                         </a>
  234.                                     </td>
  235.                                 </tr>
  236.                             {% endfor %}
  237.                             {% for i in impresoras %}
  238.                                 <tr id="impresora-{{ i.idImp }}">
  239.                                     <th>Impresora</th>
  240.                                     <td>{{ i.marbete }}</td>
  241.                                     <td>{{ i.ubicacion }}</td>
  242.                                     <td> Marca: <b>{{ i.marca }}</b><br>Modelo: <b>{{ i.modelo }}</b></td>
  243.                                     <td style="text-align: right;">
  244.                                         <a href="#modal-solicitud-programar" class="text-success" data-toggle="modal" onclick="solicitudProgramar('{{ path('prog_correctivo_solicitud_tipob', {'id': i.idImp}) }}')">
  245.                                             <i class="fas fa-clipboard-check" data-toggle="tooltip" title="Solicitar mantenimiento"></i>
  246.                                         </a>
  247.                                     </td>
  248.                                     <td>
  249.                                         <a href="#modal-vista-tipo" class="text-info" data-toggle="modal" onclick="vistaModalTipo('{{ path('prog_correctivo_vista_tipo', {'tipo': 'Impresora', 'id': i.idImp}) }}')">
  250.                                             <i class="fa fa-eye" data-toggle="tooltip" title="Ver"></i>
  251.                                         </a>
  252.                                     </td>
  253.                                 </tr>
  254.                             {% endfor %}
  255.                             {% for r in redes %}
  256.                                 <tr id="red-{{ r.idRed }}">
  257.                                     <th>Red</th>
  258.                                     <td>{{ r.marbete }}</td>
  259.                                     <td>{{ r.ubicacion }}</td>
  260.                                     <td> Marca: <b>{{ r.marca }}</b><br>Modelo: <b>{{ r.modelo }}</b></td>
  261.                                     <td style="text-align: right;">
  262.                                         <a href="#modal-solicitud-programar" class="text-success" data-toggle="modal" onclick="solicitudProgramar('{{ path('prog_correctivo_solicitud_tipoc', {'id': r.idRed}) }}')">
  263.                                             <i class="fa fa-clipboard-check" data-toggle="tooltip" title="Solicitar mantenimiento"></i>
  264.                                         </a>
  265.                                     </td>
  266.                                     <td >
  267.                                         <a href="#modal-vista-tipo" class="text-info" data-toggle="modal" onclick="vistaModalTipo('{{ path('prog_correctivo_vista_tipo', {'tipo': 'Red', 'id': r.idRed}) }}')">
  268.                                             <i class="fa fa-eye" data-toggle="tooltip" title="Ver"></i>
  269.                                         </a>
  270.                                     </td>
  272.                                 </tr>
  273.                             {% endfor %}
  274.                             {% for o in otros %}
  275.                                 <tr id="otro-{{ o.idOtro }}">
  276.                                     <th>Otro</th>
  277.                                     <td>{{ o.marbete }}</td>
  278.                                     <td>{{ o.ubicacion }}</td>
  279.                                     <td> Marca: <b>{{ o.marca }}</b><br>Modelo: <b>{{ o.modelo }}</b></td>
  280.                                     <td style="text-align: right;">
  281.                                         <a href="#modal-solicitud-programar" class="text-success" data-toggle="modal" onclick="solicitudProgramar('{{ path('prog_correctivo_solicitud_tipod', {'id': o.idOtro}) }}')">
  282.                                             <i class="fa fa-clipboard-check" data-toggle="tooltip" title="Solicitar mantenimiento"></i>
  283.                                         </a>
  284.                                     </td>
  285.                                     <td>
  286.                                         <a href="#modal-vista-tipo" class="text-info" data-toggle="modal" onclick="vistaModalTipo('{{ path('prog_correctivo_vista_tipo', {'tipo': 'Otro', 'id': o.idOtro}) }}')">
  287.                                             <i class="fa fa-eye" data-toggle="tooltip" title="Ver"></i>
  288.                                         </a>
  289.                                     </td>
  290.                                 </tr>
  291.                             {% endfor %}
  292.                             </tbody>
  293.                         </table>
  294.                     </div>
  295.                     <!-- /.card-body -->
  296.                     <div class="card-footer">
  297.                     </div>
  298.                     <!-- /.card-footer-->
  299.                 </div>
  300.                 <!-- /.card -->
  301.             </div>
  302.         </div>
  303.     </section>
  305.     <!-- Main content -->
  306.     <section class="content">
  307.         <div class="row justify-content-center">
  308.             <div class="col-12">
  309.                 <!-- Default box -->
  310.                 <div class="card card-outline card-teal p-3 collapsed-card">
  311.                     <div class="card-header row" style="background: #baffbe85;">
  312.                         <h3>Solicitudes de <small class="text-success">Mantenimientos en curso</small></h3>
  313.                         <div class="col text-right">
  314.                             <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse" style="color: #000000; background: #ffffff;">
  315.                                 <i class="fas fa-plus"></i>
  316.                             </button>
  317.                             {# <button type="button" class="btn btn-tool" data-card-widget="remove" title="Remove">
  318.                                 <i class="fas fa-times"></i>
  319.                             </button>  #}
  320.                         </div>
  321.                     </div>
  322.                     <div class="card-body">
  323.                         <table id="solicitud_consulta_reporte" class="table table-hover w-100">
  324.                             <thead>
  325.                             <tr>
  326.                                 <th>No. Solicitud</th>
  327.                                 <th>Tipo de Equipo</th>
  328.                                 <th>Marbete</th>
  329.                                 <th>Descripción</th>
  330.                                 <th>Incidente</th>
  331.                                 <th>MC/MP</th>
  332.                                 <th>Estatus</th>
  333.                                 <th>Accion</th>
  334.                             </tr>
  335.                             </thead>
  336.                             <tbody>
  337.                             {% for s in solicitudes %}
  338.                                 <tr id="solicitud-{{ s.id_sol }}">
  339.                                     <th>{{ s.id_sol }}</th>
  340.                                     <th>{{ s.tipo_equipo }}</th>
  341.                                     <th>{{ s.marbete }}</th>
  342.                                     <td> Marca: <b>{{ s.marca }}</b><br>Modelo: <b>{{ s.modelo }}</b></td>
  343.                                     <td>{{ s.falla }}</td>
  344.                                     <td>{{ s.tipo_mantenimiento }}</td>
  345.                                     <td class="estatus">
  346.                                         {% if s.estatus == 1 %}
  347.                                             <div class="badge bg-gradient-warning text-white" style="width: 6rem;">Pendiente</div>
  348.                                         {% elseif s.estatus == 2 %}
  349.                                             <div class="badge bg-gradient-danger" style="width: 6rem;">En proceso</div>
  350.                                         {% elseif s.estatus == 3 %}
  351.                                             <div class="badge bg-gradient-primary" style="width: 6rem;">Atendido</div>
  352.                                         {% elseif s.estatus == 4 %}
  353.                                             <div class="badge bg-gradient-success" style="width: 6rem;">Evaluado</div>
  354.                                         {% endif %}
  355.                                     </td>
  356.                                     <td>
  357.                                         <a href="#modal-vista-solicitud" class="text-info" data-toggle="modal" onclick="vistaModalSolicitud('{{ path('prog_correctivo_vista_solicitud', {'id': s.id_sol}) }}')">
  358.                                             <i class="fa fa-eye" data-toggle="tooltip" title="Ver"></i>
  359.                                         </a>
  360.                                         {% if s.estatus == 3 %}
  361.                                             <a href="#modal-solicitud-evaluacion" class="evaluacion" data-toggle="modal" onclick="evaluacion('{{ path('prog_correctivo_evaluacion', {'idSol': s.id_sol}) }}')">
  362.                                                 <i class="fa fa-check-circle text-primary"></i>
  363.                                             </a>
  364.                                         {% endif %}
  365.                                     </td>
  366.                                 </tr>
  367.                             {% endfor %}
  368.                             </tbody>
  369.                         </table>
  370.                     </div>
  371.                     <!-- /.card-body -->
  372.                     <div class="card-footer">
  373.                     </div>
  374.                     <!-- /.card-footer-->
  375.                 </div>
  376.                 <!-- /.card -->
  377.             </div>
  378.         </div>
  379.     </section>
  381.     <!-- Modal de solicitud para programar mantenimiento correctivo -->
  382.     <div class="modal hide" id="modal-solicitud-programar"></div>
  383.     <!-- /.modal de solicitud para programar mantenimiento correctivo -->
  384.     <!-- Modal vista de informacion de equipos -->
  385.     <div class="modal hide" id="modal-vista-tipo"></div>
  386.     <!-- /.modal vista de informacion de equipos -->
  387.     <!-- Modal vista de informacion de solicitud -->
  388.     <div class="modal hide" id="modal-vista-solicitud"></div>
  389.     <!-- /.modal vista de informacion de solicitud -->
  390.     <!-- Modal de evaluación de mantenimiento correctivo -->
  391.     <div class="modal hide" id="modal-solicitud-evaluacion"></div>
  392.     <!-- /.modal de evaluacion de mantenimiento preventivo correctivo -->
  394. </div>
  395. {% endblock %}
  397. {% block javascripts %}
  398.     <script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
  399.     <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
  400.     <script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
  401.     <script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
  402.     <script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
  403.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
  404.     <script src="{{ asset('plugins/jszip/jszip.min.js') }}"></script>
  405.     <script src="{{ asset('plugins/pdfmake/pdfmake.min.js') }}"></script>
  406.     <script src="{{ asset('plugins/pdfmake/vfs_fonts.js') }}"></script>
  407.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
  408.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
  409.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script>
  410.     <script src="{{ asset('plugins/toastr/toastr.min.js') }}"></script>
  411.     <script type="text/javascript">
  412.         $("#solicitud-mtto").addClass("active");
  414.         $(document).ready(function(){
  415.             $('[data-card-widget="collapse"]').on('expanded.lte.cardwidget', function () {
  416.                 $($.fn.dataTable.tables(true)).DataTable()
  417.                     .columns.adjust();
  418.             });
  419.             $('[data-toggle="tooltip"]').tooltip();
  420.             $('#tipo').DataTable({
  421.                 "aaSorting": [],
  422.                 orderCellsTop: true,
  423.                 {# Define un valor predeterminado para LengthChange #}
  424.                 "pageLength": 50,
  425.                 "scrollX": true,
  426.                 {# sDom: 'lrtip', #}
  427.                 "bLengthChange" : true,
  428.                 language: {
  429.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  430.                 }
  431.             });
  432.             $('#solicitud_consulta_reporte').DataTable({
  433.                 "aaSorting": [],
  434.                 orderCellsTop: true,
  435.                 {# Define un valor predeterminado para LengthChange #}
  436.                 "pageLength": 50,
  437.                 "scrollX": true,
  438.                 {# sDom: 'lrtip', #}
  439.                 "bLengthChange" : true,
  440.                 language: {
  441.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  442.                 }
  443.             });
  444.             vistaDashboard();
  445.             restriccionCrearSolicitud();
  446.         });
  448.         function vistaDashboard()
  449.         {
  450.             $.ajax({
  451.                 type: "POST",
  452.                 url: '{{ path('prog_correctivo_vista') }}',
  453.                 dataType: "json",
  454.                 cache: false,
  455.                 contentType: false,
  456.                 processData: false,
  457.                 success: function (data) {
  458.                     console.log(data);
  459.                     let datos = data;
  460.                     if(datos.data[1]){
  461.                         row = $('#estatusA');
  462.                         row.find('.info-box-number').text(datos.data[1].solicitudCont);
  463.                     }
  464.                     if(datos.data[2]){
  465.                         row = $('#estatusB');
  466.                         row.find('.info-box-number').text(datos.data[2].solicitudCont);
  467.                     }
  468.                     if(datos.data[3]){
  469.                         row = $('#estatusC');
  470.                         row.find('.info-box-number').text(datos.data[3].solicitudCont);
  471.                     }
  472.                     if(datos.data[4]){
  473.                         row = $('#estatusD');
  474.                         row.find('.info-box-number').text(datos.data[4].solicitudCont);
  475.                     }
  476.                 },
  477.                 error: function (data, text, error) {
  478.                     $(document).Toasts('create', {
  479.                         autohide: true,
  480.                         delay: 3000,
  481.                         class: 'bg-danger',
  482.                         title: 'Actualización de Dashboard',
  483.                         subtitle: 'Ocurrio un error',
  484.                         body: data.responseJSON.mensaje
  485.                     });
  486.                 },
  487.                 complete: function () {
  489.                 }
  490.             });
  491.         }
  493.         function restriccionCrearSolicitud()
  494.         {
  495.             {% for s in solicitudes %}
  496.                 {% if s.tipo_equipo == 'Equipo' %}
  497.                     row = $('#equipo-{{ s.id_equipo }}');
  498.                 {% elseif s.tipo_equipo == 'Impresora' %}
  499.                     row = $('#impresora-{{ s.id_equipo }}');
  500.                 {% elseif s.tipo_equipo == 'Red' %}
  501.                     row = $('#red-{{ s.id_equipo }}');
  502.                 {% else %}
  503.                     row = $('#otro-{{ s.id_equipo }}');
  504.                 {% endif %}
  505.                 {% if s.tipo_mantenimiento == "MC" and s.estatus in [1,2,3] %}
  506.                     row.find('.text-success').css('display', 'none');
  507.                 {% endif %}
  508.                 {% if s.tipo_mantenimiento == "ST" and s.estatus in [1,2,3] %}
  509.                     row.find('.text-success').css('display', 'none');
  510.                 {% endif %}
  511.             {% endfor %}
  512.         }
  514.         function vistaModalTipo(url)
  515.         {
  516.             $('#modal-vista-tipo').load(url, function ()
  517.             {
  518.                 // configuración del Modal
  519.                 $("#modal-vista-tipo").on('hide.bs.modal', function () {
  520.                     $(this).html('Cargando');
  521.                 });
  522.                 $(".modal-dialog").draggable;
  523.                 vistaModalTipoAjax(url);
  524.             })
  525.         }
  527.         function vistaModalTipoAjax(url)
  528.         {
  529.             $.ajax({
  530.                 type: "POST",
  531.                 url: url,
  532.                 dataType: "json",
  533.                 cache: false,
  534.                 contentType: false,
  535.                 processData: false,
  536.                 success: function (data){
  538.                 },
  539.                 error: function (data, text, error) {
  541.                 },
  542.                 complete: function () {
  544.                 }
  545.             });
  546.         }
  548.         function vistaModalSolicitud(url)
  549.         {
  550.             $('#modal-vista-solicitud').load(url, function ()
  551.             {
  552.                 // configuración del Modal
  553.                 $("#modal-vista-solicitud").on('hide.bs.modal', function () {
  554.                     $(this).html('Cargando');
  555.                 });
  556.                 $(".modal-dialog").draggable;
  557.                 vistaModalSolicitudAjax(url);
  558.             })
  559.         }
  561.         function vistaModalSolicitudAjax(url)
  562.         {
  563.             $.ajax({
  564.                 type: "POST",
  565.                 url: url,
  566.                 dataType: "json",
  567.                 cache: false,
  568.                 contentType: false,
  569.                 processData: false,
  570.                 success: function (data){
  572.                 },
  573.                 error: function (data, text, error) {
  575.                 },
  576.                 complete: function () {
  578.                 }
  579.             });
  580.         }
  582.         function solicitudProgramar(url)
  583.         {
  584.             $('#modal-solicitud-programar').load(url, function ()
  585.             {
  586.                 // configuración del Modal
  587.                 $("#modal-solicitud-programar").on('hide.bs.modal', function () {
  588.                     $(this).html('Cargando');
  589.                 });
  590.                 $(".modal-dialog").draggable;
  591.                 solicitudProgramarAjax(url)
  592.             })
  593.         }
  595.         function solicitudProgramarAjax(url)
  596.         {
  597.             let send = $("#editar_usuario_guardar");
  598.             $('#editar_usuario_guardar').on('click', function () {
  599.                 let formData = new FormData(document.getElementById("form-programar-solicitud"));
  600.                 $.ajax({
  601.                     type: "POST",
  602.                     url: url,
  603.                     data: formData, // Adjuntar los campos del formulario enviado.
  604.                     dataType: "json",
  605.                     cache: false,
  606.                     contentType: false,
  607.                     processData: false,
  608.                     beforeSend: function () {
  609.                         send.text("Enviando solicitud "); // Para input de tipo button
  610.                         send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  611.                         send.prop("disabled", true);
  612.                     },
  613.                     success: function (data){
  614.                         console.log(data);
  615.                         let row = '<tr id="solicitud-' + data.solicitud + '">' +
  616.                             '<th>' + data.solicitud + '</th>' +
  617.                             '<th>' + data.tipo_equipo + '</th>' +
  618.                             '<th>' + data.marbete + '</th>' +
  619.                             '<td> Marca: <b>' + data.marca + '</b><br>Modelo: <b>' + data.modelo + '</b></td>' +
  620.                             '<td>' + data.falla + '</td>' +
  621.                             '<td>' + data.tipo_mantenimiento + '</td>' +
  622.                             '<td class="estatus">' +
  623.                                 '<div class="badge bg-gradient-warning text-white" style="width: 6rem;">Pendiente</div>' +
  624.                             '</td>' +
  625.                             '<td>' +
  626.                                 '<a href="#modal-vista-solicitud" class="text-info" data-toggle="modal" onclick="vistaModalSolicitud(\'' + data.ver_solicitud + '\')">' +
  627.                                     '<i class="fa fa-eye" data-toggle="tooltip" title="Ver"></i>' +
  628.                                 '</a>' +
  629.                                 {# '<a href="#modal-solicitud-evaluacion" class="evaluacion" data-toggle="modal" onclick="evaluacion('{{ path('prog_correctivo_evaluacion', {'idSol': s.id_sol}) }}')">' +
  630.                                     '<i class="fa fa-check-circle text-primary"></i>' +
  631.                                 '</a>' + #}
  632.                             '</td>' +
  633.                         '</tr>';
  634.                         $("#solicitud_consulta_reporte").append(row).html();
  636.                         tipo = data.tipo_equipo
  637.                         if (tipo === 'Equipo'){
  638.                             row = $('#equipo-' + data.equipo);
  639.                         }
  640.                         if (tipo === 'Impresora'){
  641.                             row = $('#impresora-' + data.equipo);
  642.                         }
  643.                         if (tipo === 'Red'){
  644.                             row = $('#red-' + data.equipo);
  645.                         }
  646.                         if (tipo === 'Otro'){
  647.                             row = $('#otro-' + data.equipo);
  648.                         }
  649.                         row.find('.text-success').css('display', 'none');
  651.                         closeModal('modal-solicitud-programar');
  652.                         vistaDashboard();
  654.                         $(document).Toasts('create', {
  655.                             autohide: true,
  656.                             delay: 10000,
  657.                             class: 'bg-success',
  658.                             title: 'Solicitud de Mantenimiento',
  659.                             subtitle: 'Éxito',
  660.                             body: data.mensaje
  661.                         });
  662.                     },
  663.                     error: function (data, text, error) {
  664.                         $(document).Toasts('create', {
  665.                             autohide: true,
  666.                             delay: 5000,
  667.                             class: 'bg-danger',
  668.                             title: 'Solicitud de Manteniñmiento',
  669.                             subtitle: 'Ocurrió un error',
  670.                             body: data.responseJSON.mensaje
  671.                         });
  672.                     },
  673.                     complete: function () {
  674.                         setTimeout(function(){
  675.                             send.text("Enviar solicitud"); // Para input de tipo button
  676.                             send.append("<i></i>");
  677.                             send.prop("disabled", false);
  678.                         }, 5000);
  679.                     }
  680.                 });
  682.                 return false; // Evitar ejecutar el submit del formulario.
  684.             });
  685.         }
  687.         function solicitudProgramada(url)
  688.         {
  689.             $('#modal-solicitud-programada').load(url, function ()
  690.             {
  691.                 // configuración del Modal
  692.                 $("#modal-solicitud-programada").on('hide.bs.modal', function () {
  693.                     $(this).html('Cargando');
  694.                 });
  695.                 $(".modal-dialog").draggable;
  696.                 solicitudProgramadaAjax(url)
  697.             })
  698.         }
  700.         function solicitudProgramadaAjax(url)
  701.         {
  702.             let send = $("#btn_evaluacion_solicitud");
  703.             $('#btn_evaluacion_solicitud').on('click', function () {
  704.                 $.ajax({
  705.                     type: "POST",
  706.                     url: url,
  707.                     dataType: "json",
  708.                     cache: false,
  709.                     contentType: false,
  710.                     processData: false,
  711.                     beforeSend: function () {
  712.                         send.text("Actualizando "); // Para input de tipo button
  713.                         send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  714.                         send.prop("disabled", true);
  715.                     },
  716.                     success: function (data) {
  717.                         $(document).Toasts('create', {
  718.                             autohide: true,
  719.                             delay: 3000,
  720.                             class: 'bg-success',
  721.                             title: 'Evaluación de Mantenimiento Correctivo',
  722.                             subtitle: 'Éxito',
  723.                             body: data.mensaje
  724.                         });
  725.                         closeModal('modal-solicitud-programada');
  726.                     },
  727.                     error: function (data, text, error) {
  728.                         $(document).Toasts('create', {
  729.                             autohide: true,
  730.                             delay: 3000,
  731.                             class: 'bg-warning',
  732.                             title: 'Evaluación de Mantenimiento Correctivo',
  733.                             subtitle: 'Ocurrió un error',
  734.                             body: data.responseJSON.mensaje
  735.                         });
  736.                     },
  737.                     complete: function () {
  738.                     }
  739.                 });
  741.                 return false; // Evitar ejecutar el submit del formulario.
  743.             });
  744.         }
  746.         function evaluacion(url)
  747.         {
  748.             $('#modal-solicitud-evaluacion').load(url, function ()
  749.             {
  750.                 // configuración del Modal
  751.                 $("#modal-solicitud-evaluacion").on('hide.bs.modal', function () {
  752.                     $(this).html('Cargando');
  753.                 });
  754.                 $(".modal-dialog").draggable;
  755.                 evaluacionAjax(url)
  756.             })
  757.         }
  759.         function evaluacionAjax(url)
  760.         {
  761.             let send = $("#evaluacion_correctivo_guardar");
  762.             $('#evaluacion_correctivo_guardar').on('click', function () {
  763.                 let formData = new FormData(document.getElementById("form-evaluacion-solicitud"));
  764.                 $.ajax({
  765.                     type: "POST",
  766.                     url: url,
  767.                     data: formData, // Adjuntar los campos del formulario enviado.
  768.                     dataType: "json",
  769.                     cache: false,
  770.                     contentType: false,
  771.                     processData: false,
  772.                     beforeSend: function () {
  773.                         send.text("Actualizando "); // Para input de tipo button
  774.                         send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  775.                         send.prop("disabled", true);
  776.                     },
  777.                     success: function (data) {
  778.                         closeModal('modal-solicitud-evaluacion');
  780.                         row = $('#solicitud-' + data.id);
  781.                         row.find('.evaluacion').css('display', 'none');
  782.                         row.find('.estatus').html(data.estatus);
  784.                         row.fadeOut();
  786.                         vistaDashboard();
  788.                         $(document).Toasts('create', {
  789.                             autohide: true,
  790.                             delay: 3000,
  791.                             class: 'bg-success',
  792.                             title: 'Éxito',
  793.                             subtitle: 'Evaluación de solicitud de mantenimiento',
  794.                             body: data.mensaje
  795.                         });
  796.                     },
  797.                     error: function (data, text, error) {
  798.                         let datos = data.responseJSON;
  799.                         $("#modal-solicitud-evaluacion").html(datos.form);
  800.                         evaluacionAjax(url);
  801.                     },
  802.                     complete: function () {
  803.                     }
  804.                 });
  806.                 return false; // Evitar ejecutar el submit del formulario.
  808.             });
  809.         }
  810.     </script>
  811. {% endblock %}