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.             idcourse,
  76.             idsequence,
  77.             formEval = document.getElementById("formEvaluation");
  78.             classRoom.setAttribute('name', 'ChoiceClassRoom');
  80.             
  81.             
  82.             $(".ChoiceSequence").change(function () {
  83.                 idsequence = $("select.ChoiceSequence option:selected").val();
  84.             });
  85.             
  86.             $(".ChoiceClassRoom").change(function () {
  87.                 idclassroom = $("select.ChoiceClassRoom option:selected").val();
  89.                 $.ajax({
  90.                     type: "POST",
  91.                     url: "{{ path('admin_classroom_students') }}",
  92.                     data: {
  93.                     idclassroom: idclassroom,
  94.                     idsequence: idsequence
  95.                     },
  96.                     datatype: "json",
  97.                     success: function (data) {
  98.                         $("#ficheBodyStudents").html(data).show();
  99.                     }
  100.                 });
  101.             });
  104.     var marksJson = [],
  105.     postData;
  107.         $(function () {
  108.             $(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
  109.             e.preventDefault();
  110.             
  112.             $("input[max=20]").each(function (index) {
  113.                 marksJson.push({"matricule": $(this).attr('id'), "note": $(this).val(), "appreciation": $(this).parent().next().children().val(), "weight": $(this).parent().next().next().children().val()});
  114.             });
  115.             idcourse = $("select.ChoiceCourse option:selected").val();
  116.             postData = {
  117.                 "marks": JSON.stringify(marksJson),
  118.                 "idroom": idclassroom,
  119.                 "idcourse": idcourse,
  120.                 "idsequence": idsequence,
  121.                 "competence": competence.value
  122.             };
  123.             
  124.         $.ajax({
  125.             type: "POST",
  126.             url: "{{ path('admin_evaluations_create') }}",
  127.             data: postData,
  128.             datatype: "json",
  129.             success: function (data) {
  130.                 alert("Enregistre avec succes.");
  131.             },
  132.             error: function (e) {
  133.                 console.log(e.message);
  134.                 alert("Echec.");
  135.             }
  136.             });
  137.         });
  138.         });
  139.     </script>
  141. {% endblock javascripts %}