From Scanty Gibbon, 5 Months ago, written in PHP.
Embed
  1. @extends('layouts.app')
  2.  
  3. @section('template_title')
  4.     Crear Postulación - Pregrado UPCH
  5. @endsection
  6.  
  7. @section('content')
  8.   {!! Form::open(['route' => 'postulaciones.store', 'class' => 'form-horizontal', 'role' => 'form', 'method' => 'POST'] ) !!}
  9.   <div class="row">
  10.       <div class="col-md-6">
  11.           <div class="card">
  12.               <div class="card-header card-header-icon card-header-rose">
  13.                 <div class="card-icon">
  14.                   <i class="material-icons">note_add</i>
  15.                 </div>
  16.                 <h4 class="card-title">Crear Postulación - Pregrado</h4>
  17.               </div>
  18.               <div class="card-body">
  19.                 <h6 class="card-category text-gray">Como primer paso debe seleccionar la carrera y modalidad por la cual postula
  20.                 y aceptar el reglamento de admisión correspondiente.</h6>
  21.  
  22.                     {{ csrf_field() }}
  23.                     <div class="form-group{{ $errors->has('id_carrera') ? ' has-error' : '' }}">
  24.                         <label for="id_carrera" class="col-sm-4 control-label">Carrera</label>
  25.                         <div class="col-sm-10">
  26.                             {!! Form::select('id_carrera', $carreras, null, ['class' => 'form-control selectpicker', 'id' => 'id_carrera', 'placeholder' => 'Seleccione', 'required', 'data-style'=>'btn select-with-transition']) !!}
  27.                         </div>
  28.                     </div>
  29.  
  30.                     <div class="form-group{{ $errors->has('id_modalidad') ? ' has-error' : '' }}">
  31.                         <label for="id_modalidad" class="col-sm-4 control-label">Modalidad</label>
  32.                         <div class="col-sm-10">
  33.                             {!! Form::select('id_modalidad', array(), null, ['class' => 'form-control selectpicker', 'id' => 'id_modalidad', 'placeholder' => 'Seleccione', 'required', 'data-style'=>'btn select-with-transition']) !!}
  34.                         </div>
  35.                     </div>
  36.  
  37.                     <div class="form-group{{ $errors->has('id_convoc_det_convocatoria_detalle') ? ' has-error' : '' }}">
  38.                         <label for="id_convoc_det_convocatoria_detalle" class="col-sm-4 control-label">Convocatoria</label>
  39.                         <div class="col-sm-10">
  40.                             {!! Form::select('id_convoc_det_convocatoria_detalle', array(), null, ['class' => 'form-control selectpicker', 'id' => 'id_convoc_det_convocatoria_detalle', 'placeholder' => 'Seleccione', 'required', 'data-style'=>'btn select-with-transition']) !!}
  41.                         </div>
  42.                     </div>
  43.               </div>
  44.           </div>
  45.       </div>
  46.       <div class="col-md-6 other" style="display:none">
  47.           <div class="card">
  48.               <div class="card-header card-header-icon card-header-rose">
  49.                 <div class="card-icon">
  50.                   <i class="material-icons">pageview</i>
  51.                 </div>
  52.                 <h4 class="card-title" id="reglamento_nombre">Reglamento de Admisión</h4>
  53.               </div>
  54.               <div class="card-body">
  55.                     <div>
  56.                       <div class="panel panel-default">
  57.                         <div class="panel-body">
  58.                         <div id="reglamento_contenido"></div>
  59.                         </div>
  60.                       </div>
  61.                       <div class="form-group form-check{{ $errors->has('acepto_reglamento') ? ' has-error' : '' }}">
  62.                           <label class="form-check-label" for="acepto_reglamento" id="reglamento_nombre_checkbox">
  63.                               {!! Form::checkbox('acepto_reglamento', 1, false, ['class' => 'form-check-input', 'id' => 'acepto_reglamento', 'required' => 'required']) !!}
  64.                               <span class="form-check-sign">
  65.                                   <span class="check"></span>
  66.                               </span>
  67.                               Acepto haber leído y estar de acuerdo con el Reglamento.
  68.                           </label>
  69.                       </div>
  70.                     </div>
  71.                     <div class="form-group margin-bottom-2">
  72.                         <div class="col-sm-6 col-sm-offset-4">
  73.                             <button type="submit" class="btn btn-primary" id="btn_crear" style="display:none">
  74.                                 Crear postulación
  75.                             </button>
  76.                         </div>
  77.                     </div>
  78.  
  79.                 {!! Form::close() !!}
  80.               </div>
  81.           </div>
  82.       </div>
  83.  
  84.   </div>
  85.   {!! Form::close() !!}
  86. @endsection
  87.  
  88. @section('footer_scripts')
  89.   <script>
  90.  
  91.   $(document).ready(function(){
  92.     $('.other').hide();
  93.     $('#btn_crear').hide();
  94.  
  95.     if($('#id_carrera').val() != '' && $('#id_carrera').val() != null) {
  96.       $('#id_carrera').val("");
  97.       $('#id_carrera').selectpicker('refresh');
  98.       $('#id_modalidad').selectpicker('refresh');
  99.       $('#id_convoc_det_convocatoria_detalle').selectpicker('refresh');
  100.                 }
  101.  
  102.   });
  103.  
  104.   $('#id_carrera').change(function(){
  105.         $('.other').hide();
  106.         $('#btn_crear').hide();
  107.         if($(this).val() != '' && $(this).val() != null) {
  108.           $.ajax({
  109.               url: "{{ route('postulaciones.modalidad') }}",
  110.               type: 'GET',
  111.               data: 'id_carrera=' + $(this).val(),
  112.               'beforeSend': function(){
  113.                 $("#id_modalidad").find("option").remove();
  114.                                                         $("#id_modalidad").append($("<option>", {
  115.                                                             value: "",
  116.                                                             text: "Cargando..."
  117.                                                         }));
  118.                 $("#id_convoc_det_convocatoria_detalle").find("option").remove();
  119.                                                         $("#id_convoc_det_convocatoria_detalle").append($("<option>", {
  120.                                                             value: "",
  121.                                                             text: "Seleccione"
  122.                                                         }));
  123.                 $('#id_modalidad').selectpicker('refresh');
  124.                 $('#id_convoc_det_convocatoria_detalle').selectpicker('refresh');
  125.               },
  126.               success: function(data) {
  127.                 $("#id_modalidad").find("option").remove();
  128.                 var option = $("<option></option>")
  129.                   .attr("value", "")
  130.                   .text("Seleccione");
  131.                 $('#id_modalidad').append(option);
  132.                 $.each(data, function(key, value) {
  133.                   $.each(value, function(key, value) {
  134.                                           var option = $("<option></option>")
  135.                           .attr("value", key)
  136.                           .text(value);
  137.                     $('#id_modalidad').append(option);
  138.                   });
  139.                 });
  140.                 $('#id_modalidad').selectpicker('refresh');
  141.                 $('#id_convoc_det_convocatoria_detalle').selectpicker('refresh');
  142.               }
  143.           });
  144.     } else {
  145.       $("#id_modalidad").find("option").remove();
  146.       $("#id_modalidad").append($("<option>", {
  147.           value: "",
  148.           text: "Seleccione"
  149.       }));
  150.       $("#id_convoc_det_convocatoria_detalle").find("option").remove();
  151.       $("#id_convoc_det_convocatoria_detalle").append($("<option>", {
  152.           value: "",
  153.           text: "Seleccione"
  154.       }));
  155.       $('#id_modalidad').selectpicker('refresh');
  156.       $('#id_convoc_det_convocatoria_detalle').selectpicker('refresh');
  157.     }
  158.  
  159.     });
  160.  
  161.     $('#id_modalidad').change(function(){
  162.           $('.other').hide();
  163.           $('#btn_crear').hide();
  164.           if($(this).val() != '' && $(this).val() != null) {
  165.         $.ajax({
  166.                 url: "{{ route('postulaciones.convocatoria') }}",
  167.                 type: 'GET',
  168.                 data: 'id_modalidad=' + $(this).val()+'&id_carrera=' + $("#id_carrera").val(),
  169.                 'beforeSend': function(){
  170.                   $("#id_convoc_det_convocatoria_detalle").find("option").remove();
  171.                                                         $("#id_convoc_det_convocatoria_detalle").append($("<option>", {
  172.                                                             value: "",
  173.                                                             text: "Cargando..."
  174.                                                         }));
  175.                   $('#id_convoc_det_convocatoria_detalle').selectpicker('refresh');
  176.                 },
  177.                 success: function(data) {
  178.                   $("#id_convoc_det_convocatoria_detalle").find("option").remove();
  179.                   var option = $("<option></option>")
  180.                     .attr("value", "")
  181.                     .text("Seleccione");
  182.                   $('#id_convoc_det_convocatoria_detalle').append(option);
  183.                   $.each(data, function(key, value) {
  184.                                           var option = $("<option></option>")
  185.                           .attr("value", key)
  186.                           .text(value);
  187.  
  188.                   $('#id_convoc_det_convocatoria_detalle').append(option);
  189.                   });
  190.                   $('#id_convoc_det_convocatoria_detalle').selectpicker('refresh');
  191.                 }
  192.             });
  193.       } else {
  194.         $("#id_convoc_det_convocatoria_detalle").find("option").remove();
  195.         $("#id_convoc_det_convocatoria_detalle").append($("<option>", {
  196.             value: "",
  197.             text: "Seleccione"
  198.         }));
  199.         $('#id_convoc_det_convocatoria_detalle').selectpicker('refresh');
  200.       }
  201.  
  202.       });
  203.  
  204.       $('#id_convoc_det_convocatoria_detalle').change(function(){
  205.             if($(this).val() != '' && $(this).val() != null) {
  206.           $.ajax({
  207.                   url: "{{ route('postulaciones.reglamento') }}",
  208.                   type: 'GET',
  209.                   data: 'id_convoc_det=' + $(this).val(),
  210.                   'beforeSend': function(){
  211.  
  212.                   },
  213.                   success: function(data) {
  214.                     if(data != null) {
  215.                       $('#reglamento_nombre').html("<strong>"+data.nombre+"</strong>");
  216.                       $('#reglamento_contenido').html(data.contenido);
  217.                       //$('#reglamento_nombre_checkbox').html("Acepto haber leído y estar de acuerdo con "+ data.nombre);
  218.                       $('.other').show();
  219.                       $('#btn_crear').show();
  220.                     }
  221.                   }
  222.               });
  223.         } else {
  224.           $('.other').hide();
  225.           $('#btn_crear').hide();
  226.         }
  227.         });
  228.   </script>
  229. @endsection
  230.  

Replies to Untitled rss

Title Name Language When
Re: Untitled Sexy Hamster php 5 Months ago.