templates/Seguridades/admin/addPerson/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Registro{% endblock %}
  4. {% block body %}
  5. <div class="accordion" id="moduloSeguridades_Profile" style="margin-bottom: 2.1rem !important;">
  6.     <div class="accordion-item">
  7.         <h2 class="accordion-header">
  8.             <button class="accordion-button active" type="button" data-bs-toggle="collapse" data-bs-target="#perfil"></button>
  9.         </h2>
  10.         <div id="perfil" class="accordion-collapse collapse show">
  11.             <div class="accordion-body">
  12.                 <div class="fieldsetForm">
  13.                     {{ form_start(form) }}
  14.                     <div class="row g-2">
  15.                         
  16.                         <div class="col-lg-10">
  17.                             <div class="row">
  18.                                 <div class="col-lg-4">
  19.                                     {{ form_label(form.mailPersonal )}}
  20.                                     {{form_widget(form.mailPersonal ,{'attr':{'disabled':false}})}}
  21.                                 </div>
  22.                             </div>
  24.                             <div class="row mt-2">
  25.                                 <div class="col-lg-4">
  26.                                     {{ form_label(form.nombres )}}
  27.                                     {{form_widget(form.nombres )}}
  28.                                 </div>
  29.                             </div>
  30.                             <div class="row mt-2">
  31.                                 <div class="col-lg-4">
  32.                                     {{ form_label(form.apellidos )}}
  33.                                     {{form_widget(form.apellidos )}}
  34.                                 </div>
  35.                             </div>
  36.                             <div class="row mt-2">
  37.                                 <div class="col-lg-4">
  38.                                     {{ form_label(form.tipoIdentificacion )}}
  39.                                     {{form_widget(form.tipoIdentificacion )}}
  40.                                 </div>
  41.                             </div>
  42.                             <div class="row mt-2">
  43.                                 <div class="col-lg-4">
  44.                                     {{ form_label(form.numeroIdentificacion )}}
  45.                                     {{form_widget(form.numeroIdentificacion )}}
  46.                                 </div>
  47.                             </div>
  48.                             <div class="row mt-2">
  49.                                 <div class="col-lg-4">
  50.                                     {{ form_label(form.telCelular )}}
  51.                                     {{form_widget(form.telCelular )}}
  52.                                 </div>
  53.                             </div>
  54.                             <div class="row mt-2">
  55.                                 <div class="col-lg-4">
  56.                                 {{ form_label(form.direccionSector )}}
  57.                                 {{form_widget(form.direccionSector )}}
  58.                                 </div>
  59.                             </div>
  60.                             <div class="row mt-2">
  61.                                 <div class="col-lg-3">
  62.                                     {{ form_label(form.fechaNacimiento )}}
  63.                                     {{form_widget(form.fechaNacimiento )}}
  64.                                 </div>
  65.                             </div>
  66.                             <div class="row mt-2">
  67.                                 <div class="col-lg-3">
  68.                                     {{ form_label(form.idProvincias )}}
  69.                                     {{form_widget(form.idProvincias )}}
  70.                                 </div>
  71.                             </div>
  72.                             <div class="row mt-2">
  73.                                 <div class="col-lg-3">
  74.                                     {{ form_label(form.idCantones )}}
  75.                                     {{form_widget(form.idCantones )}}
  76.                                 </div>
  77.                             </div>
  78.                             <div class="row mt-2">
  79.                                 <div class="col-lg-3">
  80.                                     {{ form_label(form.idParroquias )}}
  81.                                     {{form_widget(form.idParroquias )}}
  82.                                 </div>
  83.                             </div>
  84.                         </div>
  85.                     </div>
  87.                     <div class="row justify-content-center mt-5">
  88.                         <div class="col-auto">
  89.                         {{form_widget(form.guardar )}}
  90.                         </div>
  91.                     </div>
  92.                     {{ form_end(form) }}
  93.                 </div>
  94.             </div>
  95.         </div>
  96.     </div>
  97. </div>
  101. {% endblock %} 
  104. {% block javascripts %}
  105.     <script>
  106.         //Selectores
  107.         const $form = document.forms.form;
  108.         const $provinciasS = $form.form_idProvincias
  109.         const $cantonesS = $form.form_idCantones
  110.         const $parroquiasS = $form.form_idParroquias
  112.         //Events
  113.         $form.form_tipoIdentificacion.addEventListener('change',() => {
  114.             $form.form_numeroIdentificacion.value = ''
  115.            // $form.form_id.value = ''
  116.             if($form.form_tipoIdentificacion.value === 'CÉDULA'){
  117.                 $form.form_numeroIdentificacion.onkeypress = () => { soloNumeros(event) }
  118.                 $form.form_numeroIdentificacion.onblur = () => { validaCI() }
  119.             }else{
  120.                 $form.form_numeroIdentificacion.onkeypress = () => { soloNumerosLetras(event) }
  121.                 $form.form_numeroIdentificacion.onblur = () => { validaExistNumeroIdentificacion() }
  122.             }
  123.         })
  124.         $form.form_nombres.onkeypress = () => { soloLetras(event) }
  125.         $form.form_apellidos.onkeypress = () => { soloLetras(event) }
  126.         $form.form_telCelular.onkeypress = () => { soloNumeros(event) }
  128.         $form.addEventListener('submit', async(event) => {
  129.             event.preventDefault()
  130.             const validateDate = validaFechaNacimiento($form.form_fechaNacimiento.value)
  131.             if(!validateDate){
  132.                 return ToastError('Datos Inválidos', 'Fecha de Nacimiento Incorrecta')
  133.             }
  134.             const data = new FormData($form)
  135.             const response = await getDataPost('addPersonInSystemExternal',data)
  136.             if(response.response){
  137.                 Swal.fire({
  138.                     title: 'Registro guardado',
  139.                     text: 'Su información personal se agregó con éxito.',
  140.                     icon: 'success',
  141.                     footer: '<span>Centro de capacitación Nival</span>',
  142.                     confirmButtonColor: '#3085d6',
  143.                     confirmButtonText: 'Confirmar',
  144.                     allowOutsideClick: false,
  145.                     allowEscapeKey: false,
  146.                     allowEnterKey: false,
  147.                     stopKeydownPropagation: false
  148.                 }).then((result) => {
  149.                     if (result.value) {
  150.                         setTimeout(function () { location.href = '/' }, 1000);
  151.                     }
  152.                 })
  153.             }else{
  154.                 ToastError('Error',response.message)
  155.             }
  156.         })
  159.         $form.form_idProvincias.addEventListener('change',async () => {
  160.             const idProvincia = $form.form_idProvincias.value
  161.             if(!idProvincia){
  162.                 ToastError('Datos Inválidos', 'debe seleccionar una Provincia')
  163.                 $cantonesS.value = ''; $cantonesS.disabled = true
  164.                 $parroquiasS.value = ''; $parroquiasS.disabled = true;return
  165.             }
  166.             const cantones = await getDataPost('getCantones', new URLSearchParams(`idProvincia=${idProvincia}`))
  168.             clearSelect($cantonesS, cantones.length != 0 ? false:true )
  169.             cantones.forEach((item)=>{
  170.                 $cantonesS.append(createTemplate(`<option value='${item.id}'>${item.nombre}</option>`))
  171.                 clearSelect($parroquiasS, true)
  172.             })
  173.         })
  175.         $form.form_idCantones.addEventListener('change',async () => {
  176.             const idCanton = $form.form_idCantones.value
  177.             if(!idCanton){
  178.                 ToastError('Datos Inválidos', 'debe seleccionar un Cantón')
  179.                 $parroquiasS.value = ''; $parroquiasS.disabled = true;return
  180.             }
  181.             const parroquias = await getDataPost('getParroquias', new URLSearchParams(`idCanton=${idCanton}`))
  182.             clearSelect($parroquiasS, parroquias.length != 0 ? false:true )
  183.             parroquias.forEach((item)=>{
  184.                 $parroquiasS.append(createTemplate(`<option value='${item.id}'>${item.nombre}</option>`))
  185.             })
  186.         })
  188.     </script>
  189.     {# <script src="{{ asset('assets/js/seguridades/profile.js')}}"></script> #}
  190.         {{ include('Seguridades/admin/menu/menuJs.html.twig')}}
  191.       <script type="text/javascript" src="{{ asset('assets/js/gijgo/gijgo.min.js') }}"></script>
  193.     <script type="text/javascript">
  194.         async function load(){
  195.             await datePicker()
  196.         }
  198.         function clearSelect($select, disabled=false){
  199.             $select.innerHTML = ''
  200.             $select.append(createTemplate(`<option value=''>SELECCIONAR</option>`))
  201.             $select.disabled = disabled
  202.         }
  203.         
  204.         async function validaCI(){
  205.             const ci = $form.form_numeroIdentificacion
  206.             if(!ci.value){
  207.                 return ToastError('Campos Vacíos','Tiene que ingresar un número de Identificación')
  208.             }
  209.             const response = await getDataPost('validateCI', new URLSearchParams(`ci=${ci.value}`))
  210.             if(!response){
  211.                 ci.value = ''
  212.                 $form.form_guardar.disabled = true
  213.                 return ToastError('Datos Inválidos','El número de identificación que ingreso no es correcto')
  214.             }
  215.             await validaExistNumeroIdentificacion()
  216.         }
  218.         async function validaExistNumeroIdentificacion(){
  219.             const ci = $form.form_numeroIdentificacion
  220.             const existCi = await getDataPost('getExistNumeroIdentificacion', new URLSearchParams(`ci=${ci.value}`))
  221.             if(existCi){
  222.                 ci.value = ''
  223.                 $form.form_guardar.disabled = true
  224.                 return ToastError('Datos Inválidos','El número de identificación que ingreso ya existe')
  225.             }
  226.             $form.form_guardar.disabled = false
  227.         }
  228.         load()
  230.     </script>
  231.     
  232. {% endblock %}