templates/pages/Operario/index.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 class="p-3" width="100%" 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="codigo" class="required">
  21.                             Código de producción:
  22.                         </label>
  23.                         <input type="text" id="codigo" name="codigo" required="required" maxlength="255" class="form-control codigo">
  24.                     </div>
  25.                     <!--end::Form group-->
  26.                     <!--begin::Action-->
  27.                     <div class="pb-lg-0 pb-5 text-center">
  28.                         <button id="buscar_cod" name="buscar_cod" class="btn btn-twitter btn buscar_cod" data_icon_before="fas fa-search">
  29.                             <span class="fas fa-search"></span> 
  30.                             Buscar
  31.                         </button>
  32.                     </div>
  33.                 </div>
  34.             </div>
  35.             <!--end::Card-->
  36.         </div>
  37.         <!--end::Form-->
  38.     </div>
  39.     <!--end::Signin-->
  40. </div>
  42. {#} Modal {#}
  43. <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-backdrop="false" data-keyboard="false">
  44.     <div class="modal-dialog modal-xl" role="document">
  45.         <div class="modal-content">
  46.             <div class="modal-body">
  47.             </div>
  48.         </div>
  49.     </div>
  50. </div>
  52. {% endblock %}
  54. {% block javascripts %}
  55. {{ parent() }}
  57. <script>
  58. var modal_loader = '{{ include('includes/partials/_loader_css_js.html.twig', {'loader_id' : 'loader_animation','loader_text' : 'Cargando...', 'loader_class' : 'text-center m-4'}) }}';
  60. $(document).ready(function(){
  61.     // Capturar el cambio de código
  62.     $('.buscar_cod').on('click', function(e){
  63.         e.preventDefault();
  64.         var codigo = $('.codigo').val();
  65.         //console.log('Código del proceso: '+codigo);
  66.         $.ajax({
  67.             type        : "POST",
  68.             url         : Routing.generate('ajax_regprofase_search_code', {'codigo' : codigo}),
  69.             data        : $(this).serialize(),
  70.             dataType    : "json",
  71.             cache       : false,
  72.             beforeSend  : function (obj) {
  73.                 $('#exampleModal .modal-header').remove();
  74.                 $('#exampleModal .modal_footer').remove();
  75.                 $('#loader_animation').removeClass('d-none');
  76.                 $('#exampleModal').modal('show');
  77.                 $('#exampleModal .modal-body').html(modal_loader);
  78.             },
  79.             success     : function (obj) {
  80.                 //console.log(obj);
  81.                 $('#loader_animation').addClass('d-none');
  82.                 $('#exampleModal').html(obj.html);
  83.                 updateMinutosFase();
  84.             },
  85.             error       : function (req, status, error) {
  86.                 $('#loader_animation').addClass('d-none');
  87.                 $('#exampleModal .modal-body').html('<div class="bg-danger p-3"><h5 class="text-justify align-middle text-center"> El código introducido no existe o no es válido. </h5></div>');
  88.             }
  89.         });
  90.     });
  91. });
  93. // Enviar el formulario al guardar
  94. function enviarAjaxProceso(formulario, RegFase, codigo, fase){
  95.     $.ajax({
  96.         type        : "POST",
  97.         url         : Routing.generate('ajax_regprofase_search_code', {'codigo' : codigo, 'fase' : fase, 'RegFase' : RegFase}),
  98.         data        : formulario.serialize(),
  99.         dataType    : "json",
  100.         cache       : false,
  101.         success     : function (obj) {
  102.             if(obj.cerrar_modal){
  103.                 PNotify.success({
  104.                     title: 'Éxito!',
  105.                     text: 'Se han registrado correctamente las fases del proceso.'
  106.                 });
  107.                 $("#exampleModal .close").click();
  108.                 $('.fase_min').val(0);
  109.                 location.reload();
  110.             }else{
  111.                 $('#exampleModal').html(obj.html);
  112.                 $('.fase_min').val(0);
  113.             }
  114.         },
  115.         error       : function (req, status, error) {
  116.             //console.log(error);
  117.             //console.log(req);
  118.         }
  119.     });
  120. }
  122. // Contador de minutos
  123. function updateMinutosFase() {
  124.     var fase = $('.registro_fase_id').val();
  125.     console.log(fase);
  126.     var minutos = Number($('.fase_min').val());
  127.     var min = minutos +1;
  128.     $('.fase_min').val(min);
  129.     // Descontar del temporizador
  130.     var temp = Number($('.temp_top').val());
  131.     var new_temp = temp - 1;
  132.     $('.temp_top').val(new_temp);
  133.     console.log(new_temp);
  134.     // Cambiar el color del input
  135.     if(new_temp <= 0){
  136.         $('.temp_top').removeClass('bg-success');
  137.         $('.temp_top').addClass('bg-danger');
  138.     }
  139.     $.ajax({
  140.         type     : "POST",
  141.         url     : Routing.generate('ajax_regprofase_update_minutes', {'fase' : fase, 'minutos' : min}),
  142.         data    : $(this).serialize(),
  143.         dataType: "json",
  144.         cache   : false,
  145.         timeout : 60000,
  146.         complete : function (obj) {
  147.             setTimeout(updateMinutosFase, 60000);
  148.         },
  149.         error   : function (req, status, error) {
  150.             //console.log(error + req + status);
  151.             setTimeout(updateMinutosFase, 60000);
  152.         }
  153.     });
  154. };
  156. </script>
  157. {% endblock %}