src/templates/Aspirantes/cambiarCentro.html.twig line 1

Open in your IDE?
  1. {% block jquery_show %}    
  2.     <script src="{{ asset('ace/js/ace/elements.wizard.js') }}"></script>
  3.     <script src="{{ asset('ace/js/fuelux/fuelux.wizard.js') }}"></script>
  4.     
  5.     <script src="{{ asset('ace/js/chosen.jquery.js') }}"></script>
  6.     <script src="{{ asset('ace/js/bootbox.js') }}"></script>
  8.     <script type="text/javascript">
  9.     $(function()
  10.     {
  11.         $( "#dialog-mapa-residencia" ).dialog({
  12.             autoOpen: false,
  13.             height: 610,
  14.             width: 750,
  15.             modal: true,
  16.             resizable: false,
  17.             title_html: true,
  18.             title: '<div id="texto" class="widget-header widget-header-small"><h4 class="smaller red"><i class="fas fa-globe"></i>&nbsp;Definir Ubicación en Mapa</h4></div>',
  20.             buttons: {
  21.                 Cancelar: function() {
  22.                     $( "#dialog-mapa-residencia" ).dialog( "close" );
  23.                 }
  24.             }
  25.         });
  27.         $("#botonmapa").click(function(e){
  28.             e.preventDefault(); 
  29.             var idcampo = $(this).attr('itemid');
  30.             var tipoDibujo = $(this).attr('geom');
  31.             var url = '{{ path('mostrarGeometria', {'tipoDibujo': '__TIPO__', 'idCampo': '__CAMPO__', 'idContenedorMapa': 'dialog-mapa-residencia'}) }}';
  32.             url =url.replace('__TIPO__', tipoDibujo); 
  33.             url =url.replace('__CAMPO__', idcampo); 
  34.             
  35.             $("#dialog-mapa-residencia").dialog("open");
  36.             $('#dialog-mapa-residencia').load(url);
  37.         }); 
  38.         $('#form_fechaAsignacion').change(function(){
  39.             var fecha = $(this).val();
  40.             var sexo = '{{ sexo }}';
  41.             var url = '{{ path('centros_con_cupo', {'fecha': '__FECHA__', 'sexo': '__SEXO__' }) }}';
  42.             url = url.replace('__FECHA__', fecha);
  43.             url = url.replace('__SEXO__', sexo);
  44.             $('#datosCentro').mask('&nbsp;&nbsp;&nbsp;&nbsp;Buscando centros con cupo...');
  45.             $.getJSON(url , function(result){
  46.                 $('#cbCentroMovilizacion').html(result.centros);
  47.                 $('#datosCentro').parent().parent().unmask();
  48.                 $('#span_centro_region').html('');
  49.                 $('#span_centro_provincia').html('');
  50.                 $('#span_centro_canton').html('');
  51.                 $('#span_centro_parroquia').html('');
  52.                 $('#span_centro_direccion').html('');
  53.                 $('#span_centro_direccionAcuartelamiento').html('');
  54.             });
  55.         });    
  57.         $('#cbCentroMovilizacion').change(function(){
  58.             $('#span_centro_region').html('');
  59.             $('#span_centro_provincia').html('');
  60.             $('#span_centro_canton').html('');
  61.             $('#span_centro_parroquia').html('');
  62.             $('#span_centro_direccion').html('');
  63.             $('#span_centro_direccionAcuartelamiento').html('');
  64.             if ($(this).val())
  65.             {
  66.                 $('#tabla_centro').parent().mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
  67.                 var url = '{{ path('dpa_centro_movilizacion', {'centro': '__ID__'}) }}';
  68.                 url=url.replace('__ID__',$(this).val());
  69.                 $.getJSON(url , function(result){
  70.                     $('#tabla_centro').parent().unmask();
  71.                     if (result.ok)
  72.                     {
  73.                         $('#botonmapa').removeClass('hide');
  74.                         $('#span_centro_region').html(result.region);
  75.                         $('#span_centro_provincia').html(result.provincia);
  76.                         $('#span_centro_canton').html(result.canton);
  77.                         $('#span_centro_parroquia').html(result.parroquia);
  78.                         $('#span_centro_direccion').html(result.direccion);
  79.                         if (result.direccionAcuartelamiento && result.direccionAcuartelamiento!='') {
  80.                             $('#span_centro_direccionAcuartelamiento').html(result.direccionAcuartelamiento);
  81.                         }
  82.                         else {
  83.                             $('#span_centro_direccionAcuartelamiento').html(result.direccion);
  84.                         }
  85.                         $('#centrogeometria').val(result.geometria);
  86.                     }
  87.                 });
  88.             }
  89.             else
  90.                 $('#botonmapa').addClass('hide');
  92.         });
  93.         
  95.         
  96.     });
  97.     </script>
  98. {% endblock jquery_show %}
  100. {% block  show_data %}
  101.     {% if not hayCupo %}
  102.         <div id='no_cupo' class='hide'>
  103.             <i class="fas fa-ban red bigger-300"></i>
  104.             <span id="span_no_idoneo" style="color: red; font-weight: bold; font-size: 20px">
  105.                 NO EXISTEN CUPOS DISPONIBLES EN LOS CENTROS DE ACUARTELAMIENTO
  106.             </span>
  107.         </div>           
  108.     {% else %}
  109.         <div id="datosCentro">
  110.             <div class="row">
  111.                 <div class="col-xs-12 col-sm-12 col-md-12 ">
  112.                     <table id="tabla_centro" class="table table-striped table-bordered table-hover">
  113.                         <tr>
  114.                             <th colspan="2">
  115.                                 Centro de acuartelamiento donde desea presentarse
  116.                             </th>
  117.                         </tr>    
  118.                                                                 <tr>
  119.                                                                     <th style="width: 25%">
  120.                                                                         <label id="label_form_anno">
  121.                                                                             Fecha acuartelamiento:
  122.                                                                         </label>
  123.                                                                     </th>
  124.                                                                     <td style="vertical-align: middle">
  125.                                                                         <select id="form_fechaAsignacion" name="form[fechaAsignacion]" style="width: 100%">
  126.                                                                             {{ fechas | raw }}
  127.                                                                         </select>
  128.                                                                         <input type="hidden" id="centrogeometria"></span>
  129.                                                                         <a id="mapacentro" class="botonmapa noti btn-minier hide" title="Mostrar Ubicación en Mapa" itemid="centrogeometria" geom="punto" href="#">
  130.                                                                             <i class="fas fa-globe bigger-220 blue"></i>
  131.                                                                         </a>
  133.                                                                     </td>    
  134.                                                                 </tr>    
  135.                         <tr>
  136.                             <th style="width: 25%">
  138.                                 <label id="label_form_anno">
  139.                                     {% trans from 'crud' %} reclutaproceso.fields.centroMovilizacion {% endtrans %}:
  140.                                 </label>
  141.                                                         </th>
  142.                             <td style="vertical-align: middle">
  143.                                 <select id="cbCentroMovilizacion" name="cbCentroMovilizacion]" style="width: 100%">
  144.                                     {{ centros | raw }}
  145.                                 </select>
  146.                                 <input type="hidden" id="centrogeometria">
  147.                                 <a id="botonmapa" class="botonmapa noti btn-minier hide" title="Mostrar Ubicación en Mapa" itemid="centrogeometria" geom="punto" href="#">
  148.                                     <i class="fas fa-globe bigger-220 blue"></i>
  149.                                 </a>
  151.                             </td>    
  152.                         </tr>    
  153.                         <tr>
  154.                             <th style="width: 25%">
  156.                                 <label id="label_form_anno">
  157.                                     Región:
  158.                                 </label>
  159.                                                         </th>
  160.                             <td style="vertical-align: middle">
  161.                                 <span id="span_centro_region"></span>
  162.                             </td>    
  163.                         </tr>    
  164.                         <tr>
  165.                             <th style="width: 25%">
  167.                                 <label id="label_form_anno">
  168.                                     {% trans from 'crud' %} reclutaproceso.fields.provincia {% endtrans %}:
  169.                                 </label>
  170.                                                         </th>
  171.                             <td style="vertical-align: middle">
  172.                                 <span id="span_centro_provincia"></span>
  173.                             </td>    
  174.                         </tr>    
  175.                         <tr>
  176.                             <th style="width: 25%">
  178.                                 <label id="label_form_anno">
  179.                                     {% trans from 'crud' %} reclutaproceso.fields.canton {% endtrans %}:
  180.                                 </label>
  181.                                                         </th>
  182.                             <td style="vertical-align: middle">
  183.                                 <span id="span_centro_canton"></span>
  184.                             </td>    
  185.                         </tr>    
  186.                         <tr>
  187.                             <th style="width: 25%">
  189.                                 <label id="label_form_anno">
  190.                                     {% trans from 'crud' %} reclutaproceso.fields.parroquia {% endtrans %}:
  191.                                 </label>
  192.                                                         </th>
  193.                             <td style="vertical-align: middle">
  194.                                 <span id="span_centro_parroquia"></span>
  195.                             </td>    
  196.                         </tr>    
  197.                         <tr>
  198.                             <th style="width: 25%">
  200.                                 <label id="label_form_direccion">
  201.                                     {% trans from 'crud' %} reclutaproceso.fields.direccion {% endtrans %}:
  202.                                 </label>
  203.                                                         </th>
  204.                             <td style="vertical-align: middle">
  205.                                 <span id="span_centro_direccion"></span>
  206.                             </td>    
  207.                         </tr>    
  208.                         <tr>
  209.                             <th style="width: 25%">
  211.                                 <label id="label_form_direccion">
  212.                                     {% trans from 'crud' %} reclutaproceso.fields.direccionAcuartelamiento {% endtrans %}:
  213.                                 </label>
  214.                                 </th>
  215.                             <td style="vertical-align: middle">
  216.                                 <span id="span_centro_direccionAcuartelamiento"></span>
  217.                             </td>    
  218.                         </tr>    
  219.                     </table> 
  220.                 </div>
  221.             </div>
  222.         </div>    
  223.     {% endif %}
  225.    <div id="dialog-mapa-residencia" title="Definir Ubicación en Mapa"></div>                             
  226. {% endblock  show_data %}