templates/pages/Operario/index2.html.twig line 1

Open in your IDE?
  1. {% extends 'base_operario.html.twig' %}
  2. {% block body %}
  4. <div class="d-flex flex-center flex-column-fluid">
  5.     <!--begin::Signin-->
  6.     <div class="login-form login-signin">
  7.         <!--begin::Form-->
  8.         <div class="bg-white rounded p-10">
  9.             <div class="d-flex flex-column h-100 justify-content-center text-center">
  10.                 <div class="pt-lg-0 pt-5 text-center">
  11.                     <div class="text-center mb-10" >
  12.                         <img width="100%" class="p-3" src="/imagenes/logos/logo-javier-ramos-ret.png" alt="" />
  13.                     </div>
  14.                 </div>
  15.             </div>
  16.             <!--begin::Card-->
  17.             <div class="card card-custom card-fit card-border">
  18.                 <div class="card-body mt-5">
  19.                     <div class="form-group">
  20.                         <label for="cod_inner" class="required">
  21.                             Código inner:
  22.                         </label>
  23.                         <input type="text" id="cod_inner" name="cod_inner" required="required" maxlength="255" class="form-control cod_inner">
  24.                     </div>
  25.                     <div class="form-group">
  26.                         <label for="cod_outer" class="required">
  27.                             Código outer:
  28.                         </label>
  29.                         <input type="text" id="cod_outer" name="cod_outer" required="required" maxlength="255" class="form-control cod_outer">
  30.                     </div>
  31.                     <div class="form-group">
  32.                         <label for="cod_ba" class="required">
  33.                             Código BA:
  34.                         </label>
  35.                         <input type="text" id="cod_ba" name="cod_ba" required="required" maxlength="255" class="form-control cod_ba">
  36.                     </div>
  37.                     <!--end::Form group-->
  38.                     <!--begin::Action-->
  39.                     <div class="pb-lg-0 pb-5 text-center">
  40.                         <button id="buscar_cod" name="buscar_cod" class="btn btn-twitter btn buscar_cod" data_icon_before="fas fa-search">
  41.                             <span class="fas fa-search"></span> 
  42.                             Buscar
  43.                         </button>
  44.                     </div>
  45.                 </div>
  46.             </div>
  47.             <!--end::Card-->
  48.         </div>
  49.         <!--end::Form-->
  50.     </div>
  51.     <!--end::Signin-->
  52. </div>
  54. {#} Modal {#}
  55. <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-backdrop="false" data-keyboard="false">
  56.     <div class="modal-dialog modal-xl" role="document">
  57.         <div class="modal-content">
  58.             <div class="modal-body">
  59.             </div>
  60.         </div>
  61.     </div>
  62. </div>
  64. {% endblock %}
  66. {% block javascripts %}
  67. {{ parent() }}
  69. <script>
  70. var modal_loader = '{{ include('includes/partials/_loader_css_js.html.twig', {'loader_id' : 'loader_animation','loader_text' : 'Cargando...', 'loader_class' : 'text-center m-4'}) }}';
  72. $(document).ready(function(){
  73.     // Capturar los códigos y ver si son correctos
  74.     $('.buscar_cod').on('click', function(e){
  75.         e.preventDefault();
  76.         var inner = $('.cod_inner').val();
  77.         var outer = $('.cod_outer').val();
  78.         var ba = $('.cod_ba').val();
  79.         //console.log('inner: '+inner+' outer: '+outer+' ba: '+ba);
  80.         $.ajax({
  81.             type        : "POST",
  82.             url         : Routing.generate('ajax_regprofase_search_complex_code', {'inner' : inner, 'outer' : outer, 'ba' : ba}),
  83.             data        : $(this).serialize(),
  84.             dataType    : "json",
  85.             cache       : false,
  86.             beforeSend  : function (obj) {
  87.                 $('#exampleModal .modal-header').remove();
  88.                 $('#exampleModal .modal_footer').remove();
  89.                 $('#loader_animation').removeClass('d-none');
  90.                 $('#exampleModal').modal('show');
  91.                 $('#exampleModal .modal-body').html(modal_loader);
  92.             },
  93.             success     : function (obj) {
  94.                 //console.log(obj);
  95.                 $('#loader_animation').addClass('d-none');
  96.                 $('#exampleModal').html(obj.html);
  97.                 updateMinutosFase();
  98.             },
  99.             error       : function (req, status, error) {
  100.                 $('#loader_animation').addClass('d-none');
  101.                 $('#exampleModal .modal-body').html('<div class="bg-danger p-3"><h5 class="text-justify align-middle text-center"> Los códigos no coinciden. </h5></div>');
  102.             }
  103.         });
  104.     });
  105. });
  107. // Enviar el formulario al guardar
  108. function enviarAjaxProceso(formulario, inner, outer, ba, fase, RegFase){
  109.     $.ajax({
  110.         type        : "POST",
  111.         url         : Routing.generate('ajax_regprofase_search_complex_code', {'inner' : inner, 'outer' : outer, 'ba' : ba, 'fase' : fase, 'RegFase' : RegFase}),
  112.         data        : formulario.serialize(),
  113.         dataType    : "json",
  114.         cache       : false,
  115.         success     : function (obj) {
  116.             //console.log(obj.cerrar_modal);
  117.             if(obj.cerrar_modal){
  118.                 PNotify.success({
  119.                     title: 'Éxito!',
  120.                     text: 'Se han registrado correctamente las fases del proceso.'
  121.                 });
  122.                 $("#exampleModal .close").click();
  123.                 $('.fase_min').val(0);
  124.                 location.reload();
  125.             }else{
  126.                 $('#exampleModal').html(obj.html);
  127.                 $('.fase_min').val(0);
  128.             }
  129.         },
  130.         error       : function (req, status, error) {
  131.             //console.log(error);
  132.             //console.log(req);
  134.         }
  135.     });
  136. }
  138. // Contador de minutos
  139. function updateMinutosFase() {
  140.     var fase = $('.registro_fase_id').val();
  141.     console.log(fase);
  142.     var minutos = Number($('.fase_min').val());
  143.     var min = minutos +1;
  144.     $('.fase_min').val(min);
  145.     // Descontar del temporizador
  146.     var temp = Number($('.temp_top').val());
  147.     var new_temp = temp - 1;
  148.     $('.temp_top').val(new_temp);
  149.     console.log(new_temp);
  150.     // Cambiar el color del input
  151.     if(new_temp <= 0){
  152.         $('.temp_top').removeClass('bg-success');
  153.         $('.temp_top').addClass('bg-danger');
  154.     }
  155.     $.ajax({
  156.         type     : "POST",
  157.         url     : Routing.generate('ajax_regprofase_update_minutes', {'fase' : fase, 'minutos' : min}),
  158.         data    : $(this).serialize(),
  159.         dataType: "json",
  160.         cache   : false,
  161.         timeout : 60000,
  162.         complete : function (obj) {
  163.             setTimeout(updateMinutosFase, 60000);
  164.         },
  165.         error   : function (req, status, error) {
  166.             //console.log(error + req + status);
  167.             setTimeout(updateMinutosFase, 60000);
  168.         }
  169.     });
  170. };
  171. </script>
  172. {% endblock %}