templates/evaluation/new.html.twig line 1

Open in your IDE?
  1. {% extends 'layout/backEndLayout.html.twig' %}
  3. {% block content %}
  4.             {% form_theme form 'bootstrap_4_layout.html.twig' %}
  5.               <div class="col-12 jumbotron" >
  6.                
  7.                      <div class="row mt-4  mx-auto box-shadow">
  8.                         <div class="card-header">
  9.                                         <h3 class="my-0 text-center text-justify text-uppercase">  Nouvelle fiche d evaluation</h3>
  10.                         </div>
  11.                         <div class="mt-4 col-md-12 col-sm-12 table-responsive">
  13.                             <div class="row">
  14.                                 <div class="col-2   table-responsive"></div>
  15.                                 <div class="col-8  table-responsive">
  17.                                     {{ form_start(form, {action: path('admin_evaluations_create'),'attr': {'id': 'formEvaluation', 'class':'evaluation'} }) }}
  20.                                     <p>
  21.                                         {{ form_widget(form.sequence ,{'attr':{'class':'ChoiceSequence'} } ) }}
  22.                                     </p>
  25.                                     <p>
  26.                                         {{ form_widget(form.classRoom,{'attr':{'class':'ChoiceClassRoom', 'name' :'ChoiceClassRoom', 'id':'ChoiceClassRoom'} }) }}
  27.                                     </p>
  28.                                     <p>
  29.                                         {{ form_widget(form.competence,{'attr':{'class':'form form-control'} }) }}
  30.                                     </p>
  32.                                 </div>
  33.                                 <div class="col-2  table-responsive"></div>
  34.                             </div>
  35.                         </div>
  36.                         <div id="ficheBodyStudents" class=" col-md-12  row">
  37.                             {% include "evaluation/liststudents.html.twig" %}
  38.                         </div>
  39.                     </div>
  40.                     <div class="row mt-2 mx-auto">
  41.                             <div class=" col-3">
  42.                             </div>
  43.                             <div class=" col-3 mx-auto btn-group d-inline-flex p-2 bd-highlight">
  44.                                 <button class="btn btn-danger" type="submit">
  45.                                     <b>
  46.                                         <i class="fa fa-balance-scale"></i>submit</b>
  47.                                 </button>
  48.                             </div>
  49.                             <div class="  col-3 mx-auto btn-group d-inline-flex p-2 bd-highligh">
  50.                                 <a class="btn btn-info" href="{{ path('admin_evaluations') }}">
  51.                                     <i class="fa fa-list"></i>
  52.                                     {{ 'Back to the list'|trans({}, 'admin') }}
  53.                                 </a>
  54.                                 
  55.                             </div>
  56.                             <div class=" col-3">
  57.                             </div>
  58.                     </div>
  59.                 
  60.             {{ form_end(form) }}
  61.         </div>
  62.                 
  63. {% endblock %}
  64. {% block footer %}
  65.     {{ parent() }}
  66. {% endblock %}
  68. {% block javascripts %}
  69.     {{parent()}}
  71.     <script type="text/javascript">
  72.         var classRoom = document.getElementById("evaluation_classRoom"),
  73.             competence = document.getElementById("evaluation_competence"),
  74.             idclassroom,
  75.             instant,
  76.             idcourse,
  77.             idsequence,
  78.             formEval = document.getElementById("formEvaluation");
  79.             classRoom.setAttribute('name', 'ChoiceClassRoom');
  81.             $(".ChoiceInstant").change(function () {
  82.                 instant = $("select.ChoiceInstant option:selected").val();
  83.             });
  85.             $(".ChoiceSequence").change(function () {
  86.                 idsequence = $("select.ChoiceSequence option:selected").val();
  87.             });
  88.             $(".ChoiceClassRoom").change(function () {
  89.                 idclassroom = $("select.ChoiceClassRoom option:selected").val();
  90.                 
  91.                 $.ajax({
  92.                     type: "POST",
  93.                     url: "{{ path('admin_classroom_students') }}",
  94.                     data: {
  95.                     idclassroom: idclassroom
  96.                     },
  97.                     datatype: "json",
  98.                     success: function (data) {
  99.                         $("#ficheBodyStudents").html(data).show();
  100.                     }
  101.                 });
  102.             });
  105.     var marksJson = [],
  106.     postData;
  108.         $(function () {
  109.             $(document).on('submit', 'form', function (e) { // il est impératif de commencer avec cette méthode qui va empêcher le navigateur d'envoyer le formulaire lui-même
  110.             e.preventDefault();
  111.             
  113.             $("input[max=20]").each(function (index) {
  114.                 marksJson.push({"matricule": $(this).attr('id'), "note": $(this).val(), "appreciation": $(this).parent().next().children().val(), "weight": $(this).parent().next().next().children().val()});
  115.             });
  116.             idcourse = $("select.ChoiceCourse option:selected").val();
  117.             postData = {
  118.                 "marks": JSON.stringify(marksJson),
  119.                 "idroom": idclassroom,
  120.                 "idcourse": idcourse,
  121.                 "idsequence": idsequence,
  122.                 "instant": instant,
  123.                 "competence": competence.value
  124.             };
  126.         $.ajax({
  127.             type: "POST",
  128.             url: "{{ path('admin_evaluations_create') }}",
  129.             data: postData,
  130.             datatype: "json",
  131.             success: function (data) {
  132.                 alert("Enregistre avec succes.");
  133.             },
  134.             error: function (e) {
  135.                 console.log(e.message);
  136.                 alert("Echec.");
  137.             }
  138.             });
  139.         });
  140.         });
  141.     </script>
  143. {% endblock javascripts %}