templates/solicitud/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block stylesheets %}
  3.     <link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
  4.     <link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}">
  5.     <link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css')}}">
  6.     <link rel="stylesheet" href="{{ asset('plugins/toastr/toastr.min.css') }}">
  8.     <style>
  9.         label {
  10.             margin-right: 1rem;
  11.         }
  12.     </style>
  13. {% endblock %}
  14. {% block body %}
  15.     <div class="content-wrapper">
  16.         <!-- Content Header (Page header) -->
  17.         <section class="content-header">
  18.             <div class="card">
  19.                 <div class="card-header">
  20.                     <h1 class="card-title">Atención a solicitudes de mantenimiento</h1>
  22.                     <div class="card-tools">
  23.                         <ol class="breadcrumb float-sm-right">
  24.                             <li class="breadcrumb-item">Inicio</li>
  25.                             <li class="breadcrumb-item active"> </li>
  26.                         </ol>
  27.                     </div>
  28.                 </div>
  29.             </div>
  30.         </section>
  32.         {# Solicitudes de mantenimiento recibidas del plantel #}
  33.         <section class="content">
  34.             <!-- Default box -->
  35.             <div class="card card-outline card-teal p-3">
  36.                 <div class="card-header" style="background: #e9fad4;">
  37.                     <h1 class="card-title"><b>Solicitudes de mantenimiento <small class="text-success"><b>Recibidas del plantel</b></small></b></h1>
  38.                     <div class="card-tools">
  39.                         <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse" style="color: #000000; background: #ffffff;">
  40.                             <i class="fas fa-plus"></i>
  41.                         </button>
  42.                     </div>
  43.                     <br>
  44.                     <br>
  45.                     <section class="content">
  46.                         <div class="container-fluid">
  47.                             <div class="row">
  48.                                 <div class="col-12 col-sm-6 col-md-3">
  49.                                     <div id="estatusA" class="info-box">
  50.                                         <span class="info-box-icon bg-warning elevation-1"><i class="fas fa-info-circle text-white"></i></span>
  51.                                         <div class="info-box-content">
  52.                                             <span class="info-box-text">Pendientes</span>
  53.                                             <span class="info-box-number">0</span>
  54.                                         </div>
  55.                                     </div>
  56.                                 </div>
  57.                                 <div class="col-12 col-sm-6 col-md-3">
  58.                                     <div id="estatusB" class="info-box mb-3">
  59.                                         <span class="info-box-icon bg-danger elevation-1"><i class="fas fa-cog"></i></span>
  60.                                         <div class="info-box-content">
  61.                                             <span class="info-box-text">En proceso</span>
  62.                                             <span class="info-box-number">0</span>
  63.                                         </div>
  64.                                     </div>
  65.                                 </div>
  66.                                 <div class="clearfix hidden-md-up"></div>
  67.                                 <div class="col-12 col-sm-6 col-md-3">
  68.                                     <div id="estatusC" class="info-box mb-3">
  69.                                         <span class="info-box-icon bg-success elevation-1"><i class="fas fa-thumbs-up"></i></span>
  70.                                         <div class="info-box-content">
  71.                                             <span class="info-box-text">Atendidas (por evaluar)</span>
  72.                                             <span class="info-box-number">0</span>
  73.                                         </div>
  74.                                     </div>
  75.                                 </div>
  76.                                 <div class="col-12 col-sm-6 col-md-3">
  77.                                     <div id="estatusD" class="info-box mb-3">
  78.                                         <span class="info-box-icon bg-info elevation-1"><i class="fas fa-check-circle"></i></span>
  79.                                         <div class="info-box-content">
  80.                                             <span class="info-box-text">Evaluadas</span>
  81.                                             <span class="info-box-number">0</span>
  82.                                         </div>
  83.                                     </div>
  84.                                 </div>
  85.                             </div>
  86.                         </div>
  87.                     </section>
  88.                 </div>
  90.                 <div class="card-body">
  91.                     <section class="content">
  92.                         <div class="row justify-content-center">
  93.                             <div class="col-12">
  95.                                 <!-- Default box -->
  96.                                 <div class="card card-outline card-teal p-3">
  98.                                     <div class="card-body">
  99.                                         <table id="table-solicitud" class="table table-hover w-100">
  100.                                             <thead>
  101.                                             <tr>
  102.                                                 <th>Solicitud</th>
  103.                                                 <th>Marbete</th>
  104.                                                 <th>Descripción</th>
  105.                                                 <th>Usuario</th>
  106.                                                 <th>Acción a realizar</th>
  107.                                                 <th>Tipo</th>
  108.                                                 <th>Estatus</th>
  109.                                                 <th>No.M</th>
  110.                                                 <th>Accion</th>
  111.                                             </tr>
  112.                                             </thead>
  113.                                             <tbody>
  114.                                             {% for s in solicitudes %}
  115.                                                 <tr id="solicitud-{{ s.id_sol }}">
  116.                                                     <td class="id">{{ s.id_sol }}</td>
  117.                                                     <th class="idEquipo" >{{ s.marbete }}</th>
  118.                                                     <td class="tipoEquipo"> Marca: <b>{{ s.marca }}</b> <br>Modelo: <b>{{ s.modelo }}</b> <br>No.M: <b>{{ s.mantenimiento_count  }}</b> </td>
  119.                                                     <td class="usuario" >{{ s.unombre }} {{ s.uapellido }}</td>
  120.                                                     <td class="falla text-justify" >{{ s.falla }}</td>
  121.                                                     <td class="tipoMantenimiento" >{{ s.tipo_mantenimiento }}</td>
  122.                                                     <td class="estatus">
  123.                                                         {% if s.estatus == 1 %}
  124.                                                             <span class="badge bg-gradient-yellow d-block" style="width: 8rem;">Pendiente</span>
  125.                                                         {% elseif s.estatus == 2 %}
  126.                                                             <span class="badge bg-gradient-danger d-block" style="width: 8rem;">En proceso</span>
  127.                                                         {% elseif s.estatus == 3 %}
  128.                                                             <span class="badge bg-gradient-primary d-block" style="width: 8rem;">Atendido</span>
  129.                                                             {# <a href="#modal-solicitud-evaluacion" class="evaluacion" data-toggle="modal" onclick="evaluacion('{{ path('prog_correctivo_evaluacion', {'idSol': s.idsolicitud}) }}')">
  130.                                                                 <i class="fa fa-check-circle text-primary"></i>
  131.                                                             </a> #}
  132.                                                         {% elseif s.estatus == 4 %}
  133.                                                             <span class="badge bg-gradient-green d-block" style="width: 8rem;">Evaluado</span>
  134.                                                         {% endif %}
  135.                                                     </td>
  136.                                                     <td class="tipoEquipo">
  137.                                                         <span style="background-color: #c2e0c6; border: 1px solid #6fa56f; padding: 4px;">
  138.                                                             <b>{{ s.mantenimiento_count }}</b>
  139.                                                         </span>
  140.                                                     </td>
  141.                                                     <td class="text-right" style="white-space: nowrap">
  142.                                                         {# Visualización de datos del equipo #}
  143.                                                         {% if s.tipo_equipo == 'Equipo' %}
  144.                                                             <a href="#modal-solicitud-vista" class="text-info btn" data-toggle="modal" onclick="vistaTipo('{{ path('prog_correctivo_vista_tipo', {'tipo': 'Equipo', 'id': s.id_equipo}) }}')">
  145.                                                                 <i class="fa fa-laptop" data-toggle="tooltip" title="Datos del Equipo de Cómputo"></i>
  146.                                                             </a>
  147.                                                         {% elseif s.tipo_equipo == 'Impresora' %}
  148.                                                             <a href="#modal-solicitud-vista" class="text-info btn" data-toggle="modal" onclick="vistaTipo('{{ path('prog_correctivo_vista_tipo', {'tipo': 'Impresora', 'id': s.id_equipo}) }}')">
  149.                                                                 <i class="fa fa-print" data-toggle="tooltip" title="Datos de la impresora"></i>
  150.                                                             </a>
  151.                                                         {% elseif s.tipo_equipo == 'Red' %}
  152.                                                             <a href="#modal-solicitud-vista" class="text-info btn" data-toggle="modal" onclick="vistaTipo('{{ path('prog_correctivo_vista_tipo', {'tipo': 'Red', 'id': s.id_equipo}) }}')">
  153.                                                                 <i class="fa fa-wifi" data-toggle="tooltip" title="Datos del dispositivo de red"></i>
  154.                                                             </a>
  155.                                                         {% elseif s.tipo_equipo == 'Otro' %}
  156.                                                             <a href="#modal-solicitud-vista" class="text-info btn" data-toggle="modal" onclick="vistaTipo('{{ path('prog_correctivo_vista_tipo', {'tipo': 'Otro', 'id': s.id_equipo}) }}')">
  157.                                                                 <i class="fa fa-desktop" data-toggle="tooltip" title="Datos del equipo"></i>
  158.                                                             </a>
  159.                                                         {% endif %}
  160.                                                         {# Edición de los datos del equipo #}
  161.                                                         <a href="#modal-vista-solicitud" class="text-info btn" data-toggle="modal" onclick="vistaModalSolicitud('{{ path('app_solicitud_vista_detalle', {'id': s.id_sol}) }}', {{ s.id_sol }}, {{ s.estatus }})">
  162.                                                             <i class="fa fa-file" data-toggle="tooltip" title="Ver Solicitud"></i>
  163.                                                         </a>
  164.                                                         {% if s.estatus <= 3 %}
  165.                                                             <a href="#editar-solicitud" class="btn_editar btn" onclick="editarInfoSolicitud('{{ path('app_solicitud_edit', {'idSol': s.id_sol}) }}')" data-toggle="modal" title="Editar"><i class="fas fa-pen"></i></a>
  166.                                                         {% endif %}
  167.                                                     </td>
  169.                                                 </tr>
  170.                                             {% endfor %}
  171.                                             </tbody>
  172.                                         </table>
  173.                                     </div>
  174.                                 </div>
  175.                             </div>
  176.                         </div>
  177.                     </section>
  178.                 </div>
  179.             </div>
  180.         </section>
  182.     </div>
  183.     <!-- Modal vista de informacion de solicitud -->
  184.     <div class="modal hide" id="modal-vista-solicitud"></div>
  185.     <div class="modal hide" id="editar-solicitud"></div>
  186.     <!-- Modal de solicitud para programar mantenimiento correctivo -->
  187.     <div class="modal hide" id="modal-solicitud-programar"></div>
  188.     <!-- /.modal de solicitud para programar mantenimiento correctivo -->
  189.     <!-- Modal de solicitudes programadas para mantenimiento correctivo -->
  190.     <div class="modal hide" id="modal-solicitud-vista"></div>
  191.     <!-- /.modal de solicitudes programadas para mantenimiento correctivo -->
  192.     <!-- Modal de evaluación de mantenimiento correctivo -->
  193.     <div class="modal hide" id="modal-solicitud-evaluacion"></div>
  194.     <!-- /.modal de evaluacion de mantenimiento preventivo correctivo -->
  195. {% endblock %}
  197. {% block javascripts %}
  198.     <script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
  199.     <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
  200.     <script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
  201.     <script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
  202.     <script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
  203.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.bootstrap4.min.js') }}"></script>
  204.     <script src="{{ asset('plugins/jszip/jszip.min.js') }}"></script>
  205.     <script src="{{ asset('plugins/pdfmake/pdfmake.min.js') }}"></script>
  206.     <script src="{{ asset('plugins/pdfmake/vfs_fonts.js') }}"></script>
  207.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
  208.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
  209.     <script src="{{ asset('plugins/datatables-buttons/js/buttons.colVis.min.js') }}"></script>
  210.     <script src="{{ asset('plugins/toastr/toastr.min.js') }}"></script>
  212.     <script type="text/javascript">
  213.         $("#atencion-mtto").addClass("active");
  214.         $(function () {
  215.             // DataTable
  216.             $('#table-solicitud').DataTable({
  217.                 "aaSorting": [],
  218.                 orderCellsTop: true,
  219.                 {# Define un valor predeterminado para LengthChange #}
  220.                 "pageLength": 25,
  221.                 "scrollX": true,
  222.                 {# sDom: 'lrtip', #}
  223.                 "bLengthChange" : true,
  224.                 language: {
  225.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  226.                 },
  227.             });
  228.             vistaDashboard();
  229.         });
  231.         // Contador de numero de solicitudes en dashbord
  232.         function vistaDashboard() {
  233.             $.ajax({
  234.                 type: "POST",
  235.                 url: '{{ path('app_solicitud_vista') }}',
  236.                 dataType: "json",
  237.                 cache: false,
  238.                 contentType: false,
  239.                 processData: false,
  240.                 success: function (data) {
  241.                     let datos = data;
  242.                     if(datos.data[1]){
  243.                         row = $('#estatusA');
  244.                         row.find('.info-box-number').text(datos.data[1].solicitudCont);
  245.                     }
  246.                     if(datos.data[2]){
  247.                         row = $('#estatusB');
  248.                         row.find('.info-box-number').text(datos.data[2].solicitudCont);
  249.                     }
  250.                     if(datos.data[3]){
  251.                         row = $('#estatusC');
  252.                         row.find('.info-box-number').text(datos.data[3].solicitudCont);
  253.                     }
  254.                     if(datos.data[4]){
  255.                         row = $('#estatusD');
  256.                         row.find('.info-box-number').text(datos.data[4].solicitudCont);
  257.                     }
  258.                 },
  259.                 error: function (data, text, error) {
  260.                     $(document).Toasts('create', {
  261.                         autohide: true,
  262.                         delay: 3000,
  263.                         class: 'bg-danger',
  264.                         title: 'Actualización de Dashboard',
  265.                         subtitle: 'Ocurrio un error',
  266.                         body: data.responseJSON.mensaje
  267.                     });
  268.                 },
  269.                 complete: function () {
  270.                 }
  271.             });
  272.         }
  274.         function actualizarVista() {
  275.             $.ajax({
  276.                 type: "POST",
  277.                 url: '{{ path('app_solicitud_vista') }}',
  278.                 dataType: "json",
  279.                 cache: false,
  280.                 contentType: false,
  281.                 processData: false,
  282.                 success: function (data) {
  283.                     let datos = data;
  284.                     console.log(datos.info);
  285.                     let row = "";
  286.                     for(let i = 0; i < datos.info.length; i++){
  287.                         row = $('#solicitud-' + datos.info[i].id);
  288.                         if (datos.info[i].estatus === '1') {
  289.                             row.find('.estatus').html('<div class="badge bg-gradient-yellow d-block" style="width: 8rem;">Pendiente</div>');
  290.                         }
  291.                         if (datos.info[i].estatus === '2') {
  292.                             row.find('.estatus').html('<div class="badge bg-gradient-danger d-block" style="width: 8rem;">En proceso</div>');
  293.                         }
  294.                         if (datos.info[i].estatus === '3') {
  295.                             row.find('.estatus').html('<div class="badge bg-gradient-primary d-block" style="width: 8rem;">Atendido</div>');
  296.                         }
  297.                         if (datos.info[i].estatus === '4') {
  298.                             row.find('.estatus').html('<div class="badge bg-gradient-green d-block" style="width: 8rem;">Evaluado</div>');
  299.                         }
  300.                     }
  301.                 },
  302.                 error: function (data, text, error) {
  303.                     $(document).Toasts('create', {
  304.                         autohide: true,
  305.                         delay: 3000,
  306.                         class: 'bg-danger',
  307.                         title: 'Actualización de Dashboard',
  308.                         subtitle: 'Ocurrio un error',
  309.                         body: data.responseJSON.mensaje
  310.                     });
  311.                 },
  312.                 complete: function () {
  314.                 }
  315.             });
  316.         }
  320.         function vistaInformacionTabla(data){
  321.             $.each(data, function (key, s) {
  322.                 row = $('#solicitud-' + s.id_sol);
  323.                 if (s.estatus === 'Pendiente') {
  324.                     row.find('.estatus').html('<div class="badge bg-gradient-yellow" style="width: 8rem;">Pendiente</div>');
  325.                 }
  326.                 if (s.estatus === 'En proceso') {
  327.                     row.find('.estatus').html('<div class="badge bg-gradient-danger" style="width: 8rem;">En proceso</div>');
  328.                 }
  329.                 if (s.estatus === 'Atendido') {
  330.                     row.find('.estatus').html('<div class="badge bg-gradient-primary" style="width: 8rem;">Atendido</div>');
  331.                 }
  332.                 if (s.estatus === 'Evaluado') {
  333.                     row.find('.estatus').html('<div class="badge bg-gradient-success" style="width: 8rem;">Evaluado</div>');
  334.                 }
  335.             });
  336.         }
  338.         function vistaTipo(url) {
  339.             $('#modal-solicitud-vista').load(url, function ()
  340.             {
  341.                 // configuración del Modal
  342.                 $("#modal-solicitud-vista").on('hide.bs.modal', function () {
  343.                     $(this).html('Cargando');
  344.                 });
  345.                 $(".modal-dialog").draggable;
  346.                 vistaTipoAjax(url);
  347.             })
  348.         }
  350.         function vistaTipoAjax(url) {
  351.             $.ajax({
  352.                 type: "POST",
  353.                 url: url,
  354.                 data: formData, // Adjuntar los campos del formulario enviado.
  355.                 dataType: "json",
  356.                 cache: false,
  357.                 contentType: false,
  358.                 processData: false,
  359.                 success: function (data){
  360.                 },
  361.                 error: function (data, text, error) {
  362.                 },
  363.                 complete: function () {
  364.                 }
  365.             });
  366.         }
  368.         function vistaSolicitud(data) {
  369.             let datos = data;
  371.             row = $('#solicitud-' + datos.id);
  372.             row.find('.evaluacion').css('display', 'none');
  373.             row.find('.estatus').html(datos.estatus);
  374.         }
  376.         function editarInfoSolicitud(url){
  377.             $('#editar-solicitud').load(url, function ()
  378.             {
  379.                 // configuración del Modal
  380.                 $("#editar-solicitud").on('hide.bs.modal', function () {
  381.                     $(this).html('Cargando');
  382.                 });
  383.                 $(".modal-dialog").draggable;
  384.                 editarInfoSolicitudAjax(url)
  385.             })
  386.         }
  388.         function editarInfoSolicitudAjax(url) {
  389.             let send = $("#btn_solicitud_guardar");
  390.             $('#btn_solicitud_guardar').on('click', function () {
  391.                 let formData = new FormData(document.getElementById("form-editar-solicitud"));
  392.                 $.ajax({
  393.                     type: "POST",
  394.                     url: url,
  395.                     data: formData, // Adjuntar los campos del formulario enviado.
  396.                     contentType: false,
  397.                     processData: false,
  398.                     beforeSend: function () {
  399.                         send.text("Actualizando "); // Para input de tipo button
  400.                         send.append("<i class='fa fa-spinner fa-spin' style='font-size:16px'></i>");
  401.                         send.prop("disabled", true);
  402.                     },
  403.                     success: function (data) {
  404.                         console.log(data);
  405.                         let datos = data;
  407.                         let row = $('#solicitud-' + datos.idSol);
  408.                         row.find('.tipoEquipo').html('Marca: <b>' + datos.marca + '</b><br>Modelo: <b>' + datos.modelo + '</b> <br>No.M: <b>' + datos.mantenimiento_count + '</b>');
  409.                         row.find('.idEquipo').html(datos.idEquipo);
  410.                         row.find('.tipoMantenimiento').html(datos.tipoMantenimiento);
  411.                         row.find('.falla').html(datos.falla);
  412.                         if (datos.estatus === "Pendiente") {
  413.                             row.find('.estatus').html('<div class="badge bg-gradient-yellow d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  414.                         }
  415.                         if (datos.estatus === "En proceso") {
  416.                             row.find('.estatus').html('<div class="badge bg-gradient-danger d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  417.                         }
  418.                         if (datos.estatus === "Atendido") {
  419.                             row.find('.estatus').html('<div class="badge bg-gradient-primary d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  420.                         }
  421.                         if (datos.estatus === "Evaluado") {
  422.                             row.find('.estatus').html('<div class="badge bg-gradient-green d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  423.                         }
  424.                         row.find('.tipoEquipo').html('No.M: <b>'+ datos.mantenimiento_count + '</b>');
  425.                         vistaDashboard();
  426.                         closeModal('editar-solicitud');
  427.                     },
  428.                     error: function (data, text, error) {
  429.                         console.log(data);
  430.                         console.log(text);
  431.                         let datos = data.responseJSON;
  432.                         mostrarError(datos.message);
  433.                         $("#editar-solicitud").html(datos.form);
  434.                         editarInfoSolicitudAjax(url);
  435.                     },
  436.                     complete: function (data) {
  437.                          send.text("Guardar"); 
  438.                         // Se ejecuta al termino de la petición
  439.                         //actualizarVista();
  440.                     }
  441.                 });
  442.                 return false; // Evitar ejecutar el submit del formulario.
  443.             });
  444.             //actualizarVista();
  445.         }
  447.         <!-- Actualizar tabla de bitácora -->
  448.         function actualizarSolicitud(data) {
  449.             $("#table-solicitud").dataTable().fnClearTable();
  450.             $("#table-solicitud").dataTable().fnDestroy();
  451.             var edit = "";
  452.             var html = "";
  453.             $.each(data, function (key, solicitud) {
  455.                 html += '<tr id="idSol' + solicitud.idSol + '">' +
  456.                     '<td class="tipoEquipo">' + solicitud.tipoEquipo + '</td>' +
  457.                     '<td class="idEquipo">' + solicitud.idEquipo + '</td>' +
  458.                     '<td class="tipoMantenimiento">' + solicitud.tipoMantenimiento + '</td>' +
  459.                     '<td class="falla">' + solicitud.falla + '</td>' +
  460.                     '<td class="text-right btn">' +
  461.                     '<a href="' + solicitud.ver + '"><i class="fas fa-eye"></i></a>' + edit +
  462.                     '</td>' +
  463.                     '</tr>';
  464.             });
  465.             $("#table-solicitud").find($("tbody")).html(html);
  466.             $('#table-solicitud').DataTable({
  467.                 "aaSorting": [],
  468.                 orderCellsTop: true,
  469.                 {# Define un valor predeterminado para LengthChange #}
  470.                 "pageLength": 50,
  471.                 "scrollX": true,
  472.                 {# sDom: 'lrtip', #}
  473.                 "bLengthChange": true,
  474.                 language: {
  475.                     url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Spanish.json'
  476.                 },
  477.             });
  478.         }
  479.         // Cambia el color del estatus
  480.         function cambiarEstatus(url) {
  481.             $.ajax({
  482.                 url: url,
  483.                 dataType: "json",
  484.                 cache: false,
  485.                 contentType: false,
  486.                 processData: false,
  487.                 success: function (data) {
  488.                     let datos = data;
  489.                     let row = $('#idSol'+ datos.idSol);
  490.                     if (datos.estatus === "Pendiente") {
  491.                         row.find('.estatus').html('<div class="badge bg-gradient-yellow d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  492.                     }
  493.                     if (datos.estatus === "En proceso") {
  494.                         row.find('.estatus').html('<div class="badge bg-gradient-danger d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  495.                     }
  496.                     if (datos.estatus === "Atendido") {
  497.                         row.find('.estatus').html('<div class="badge bg-gradient-primary d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  498.                     }
  499.                     if (datos.estatus === "Evaluado") {
  500.                         row.find('.estatus').html('<div class="badge bg-gradient-green d-block" style="width: 8rem;">' + datos.estatus + '</div>');
  501.                     }
  502.                     //alertMessage(0, datos.mensaje);
  503.                 },
  504.                 error: function (data, text, error) {
  505.                     alertMessage(1, error);
  506.                 },
  507.                 complete: function (data) {
  508.                     // Se ejecuta al termino de la petición
  509.                 }
  510.             });
  511.         }
  513.         function vistaModalSolicitud(url, idsol, estatus) {
  514.             $('#modal-vista-solicitud').load(url, function ()
  515.             {
  516.                 // configuración del Modal
  517.                 $("#modal-vista-solicitud").on('hide.bs.modal', function () {
  518.                     $(this).html('Cargando');
  519.                 });
  520.                 $(".modal-dialog").draggable;
  522.                 if (estatus === 1){
  523.                     $('#solicitud-' + idsol).find('.estatus').html('<div class="badge bg-gradient-danger d-block" style="width: 8rem;">En proceso</div>');
  524.                 }
  525.                 vistaDashboard();
  526.             })
  527.         }
  528.          function mostrarError(mensaje) {
  529.             if (mensaje === "0") {
  530.                 $('.mensajeError').html('<ul class="list-unstyled"><li><i class="fa fa-exclamation-triangle" aria-hidden="true"></i><span class="glyphicon glyphicon-exclamation-sign"></span>&nbsp;&nbsp;<strong>"ALERTA: No es posible cambiar de estatus, porque, el equipo no tiene usuario asignado o el correo del usuario es inválido. Debe ir a el catálogo del equipo para asignar el usuario correcto al equipo y regrese a modificar la orden"<strong></li></ul>')
  531.                 .css('display', 'block');
  532.             } else {
  533.                 $('.mensajeError').html('')
  534.                 .css('display', 'none');;
  535.             }
  536.         }
  537.     </script>
  538. {% endblock %}