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" >
  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>
  55. </div>
  56. <div class=" col-3">
  57. </div>
  58. </div>
  60. {{ form_end(form) }}
  61. </div>
  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');
  82. $(".ChoiceSequence").change(function () {
  83. idsequence = $("select.ChoiceSequence option:selected").val();
  84. });
  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();
  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. };
  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 %}