templates/registration/registration_student_registration/new.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Nouveau | {{ parent() }}{% endblock %}
  5. {% block body %}
  6.     <div class="breadcrumb">
  7.         <h1 class="mr-2">Inscrits</h1>
  8.         <ul>
  9.             <li><a href="{{ path('default') }}" onclick="$('.loader').addClass('is-active');">Accueil</a></li>
  10.             <li><a href="#">Elèves</a></li>
  11.             <li><a href="{{ path('registration_student_registration_index') }}" onclick="$('.loader').addClass('is-active');">Retour</a></li>
  12.             <li>Nouveau</li>
  13.         </ul>
  14.     </div>
  15.     <div class="separator-breadcrumb border-top"></div>
  16.     <div class="row mb-4">
  17.         <div class="col-md-7 mb-4">
  18.             <div class="card text-left">
  19.                 <div class="card-header">Création</div>
  20.                 <div class="card-body">
  21.                     {{ include('registration/registration_student_registration/_form.html.twig') }}
  22.                 </div>
  23.             </div>
  24.         </div>
  25.         <div class="col-md-5 mb-4">
  26.             <div class="card text-left">
  27.                 <div class="card-header">Plus d'info</div>
  28.                 <div class="card-body">
  29.                     <table class="display table table-striped table-bordered">
  30.                         <tr>
  31.                             <th>Photo</th>
  32.                             <td><img id="_photo" src="#" alt="" style="width: 150px;" /></td>
  33.                         </tr>
  34.                         <tr>
  35.                             <th>Nom & Prénons</th>
  36.                             <td><span id="_name"></span></td>
  37.                         </tr>
  38.                         <tr>
  39.                             <th>Mle interne</th>
  40.                             <td><span id="_code"></span></td>
  41.                         </tr>
  42.                         <tr>
  43.                             <th>Mle national</th>
  44.                             <td><span id="_registrationNumber"></span></td>
  45.                         </tr>
  46.                         <tr>
  47.                             <th>Niveau</th>
  48.                             <td><span id="_entryLevel"></span></td>
  49.                         </tr>
  50.                         <tr>
  51.                             <th>Date de naissance</th>
  52.                             <td><span id="_birthDate"></span></td>
  53.                         </tr>
  54.                         <tr>
  55.                             <th>Lieu de naissance</th>
  56.                             <td><span id="_birthLocation"></span></td>
  57.                         </tr>
  58.                         <tr>
  59.                             <th>Contact SMS</th>
  60.                             <td><span id="_phoneNumber"></span></td>
  61.                         </tr>
  62.                         <tr>
  63.                             <th>Etablissement</th>
  64.                             <td><span id="_establishment"></span></td>
  65.                         </tr>
  66.                         <tr>
  67.                             <th>Affecté</th>
  68.                             <td><span id="_is_affected"></span></td>
  69.                         </tr>
  70.                         <tr>
  71.                             <th>Redoublant</th>
  72.                             <td><span id="_is_redoubling"></span></td>
  73.                         </tr>
  74.                     </table>
  75.                 </div>
  76.             </div>
  77.         </div>
  78.     </div>
  79. {% endblock %}
  80. {% block javascripts %}
  81.     {{ parent() }}
  82.     <script>
  83.         $(document).ready(function (){
  84.             $('.submitBtn').hide();
  85.             $('#registration_student_registration_registrationStudentPreRegistration').change(function(){
  86.                 id = $('#registration_student_registration_registrationStudentPreRegistration').val();
  87.                 getStudentInfo(id);
  88.             }).trigger("change");
  89.         })
  90.         
  91.         function getStudentInfo(sId) {
  92.             console.log('entity ' + sId);
  93.             path = '{{ path('api_registration_student_pre_registration_info') }}';
  94.             $('#_name').html("Traitement ...");
  95.             $('#_code').html("Traitement ...");
  96.             $('#_registrationNumber').html("Traitement ...");
  97.             $('#_birthDate').html("Traitement ...");
  98.             $('#_birthLocation').html("Traitement ...");
  99.             $('#_establishment').html("Traitement ...");
  100.             $('#_phoneNumber').html("Traitement ...");
  101.             $('#_entryLevel').html("Traitement ...");
  102.             $('#_is_affected').html("Traitement ...");
  103.             $('#_is_redoubling').html("Traitement ...");
  104.             $('#registration_student_registration_classroom').html('');
  105.             axios.get(path, {
  106.             params: {
  107.                 id: sId,
  108.             }
  109.             }).then(function (response) {
  110.                 console.log(response.data);
  111.                 console.log(response.data.is_affected);
  112.                 if(response.data.code == 200){
  113.                     $('#_photo').prop('src', '{{ app.request.schemeAndHttpHost }}/images/students/' + response.data.img_src);
  114.                     $('#_name').html(response.data.name);
  115.                     $('#_code').html(response.data.id);
  116.                     $('#_registrationNumber').html(response.data.registrationNumber);
  117.                     $('#_birthDate').html(response.data.birthDate);
  118.                     $('#_birthLocation').html(response.data.birthLocation);
  119.                     $('#_establishment').html(response.data.establishment);
  120.                     $('#_phoneNumber').html(response.data.phoneNumber);
  121.                     $('#_entryLevel').html(response.data.classroom);
  122.                     if(response.data.is_affected){
  123.                         $('#_is_affected').html('OUI');
  124.                         $('#registration_student_registration_is_affected').prop("checked", true);
  125.                     }else{
  126.                         $('#_is_affected').html('NON');
  127.                         $('#registration_student_registration_is_affected').prop("checked", false);
  128.                     }
  130.                     if(response.data.is_redoubling){
  131.                         $('#_is_redoubling').html('OUI');
  132.                         $('#registration_student_registration_is_redoubling').prop("checked", true);
  133.                     }else{
  134.                         $('#_is_redoubling').html('NON');
  135.                         $('#registration_student_registration_is_redoubling').prop("checked", false);
  136.                     }
  137.                     var option = '';
  138.                     for(var i = 0; i < response.data.classrooms.length; i++){
  139.                         option = "<option value=" + response.data.classrooms[i].id + ">" + response.data.classrooms[i].label + "</option>";
  140.                         $('#registration_student_registration_classroom').append(option);
  141.                     }
  142.                     $('.submitBtn').show();
  143.                 }else{
  144.                     alert(response.data.message);
  145.                     $('.submitBtn').hide();
  146.                 }
  147.                 console.log(response.data.message);
  148.                 //$(".loader").removeClass("is-active");
  149.             });
  150.         }
  151.     </script>
  152. {% endblock %}