templates/school/report_card/edit.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Editer | {{ parent() }}{% endblock %}
  5. {% block body %}
  6.     <div class="breadcrumb">
  7.         <h1 class="mr-2">Bulletin de notes</h1>
  8.         <ul>
  9.             <li><a href="{{ path('default') }}" onclick="$('.loader').addClass('is-active');">Accueil</a></li>
  10.             <li><a href="#">Pedagogie</a></li>
  11.             <li><a href="{{ path('report_card_index') }}" onclick="$('.loader').addClass('is-active');">Retour</a></li>
  12.             <li>Editer : {{ report_card.label }}</li>
  13.             <li>{{ report_card.level }}</li>
  14.             <li>{{ report_card.schoolYearPeriode }}</li>
  15.         </ul>
  16.     </div>
  17.     <div class="separator-breadcrumb border-top"></div>
  18.     <div class="row mb-4">
  19.         <div class="col-md-12">
  20.             {% if not report_card.schoolYearPeriode.isClosed %}
  21.                 <a href="#" class="btn btn-danger" onclick="javascript:actionByPathAndElts('{{path('school_report_cards_selected_delete')}}')" id="delete-selected-btn"><i class="fa fa-trash"></i> Supprimer</a>
  22.                 {% if report_card.isValidated %}
  23.                     <a href="#" class="btn btn-warning" onclick="javascript:actionByPathAndElts('{{path('report_card_cancel', {'id': report_card.id})}}')"><i class="fa fa-times"></i> Annuler</a>
  24.                     {% else %}
  25.                         <a href="#" class="btn btn-success" onclick="javascript:actionByPathAndElts('{{path('report_card_validate', {'id': report_card.id})}}')"><i class="fa fa-check"></i> Valider</a>
  26.                 {% endif %}
  27.             {% endif %}
  28.             &nbsp;<a href="{{ path('report_card_edit', {'id': report_card.id}) }}" class="btn btn-primary"><i class="fa fa-reload"></i> Actualiser</a>
  29.             {% if is_granted('ROLE_ADMIN') %}
  30.                 &nbsp;<button type="button" class="btn btn-dark" data-toggle="modal" data-target="#modalImpression"><i class="fa fa-print"></i> Imprimer bulletin</button>
  31.             {% endif %}
  32.             &nbsp;<div class="btn-group">
  33.                 <button type="button" class="btn btn-dark dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  34.                     <i class="fa fa-print"></i> Fiches &amp; Bordereaux
  35.                 </button>
  36.                 <div class="dropdown-menu">
  37.                     <a class="dropdown-item" href="{{ path('report_card_blank_note_card_print', {'id': report_card.id}) }}"><i class="fa fa-file-o"></i> Fiche de note Vide</a>
  38.                     <a class="dropdown-item" href="{{ path('report_card_note_card_print', {'id': report_card.id}) }}"><i class="fa fa-file-text-o"></i> Fiche de note</a>
  39.                     <div class="dropdown-divider"></div>
  40.                     <a class="dropdown-item" href="{{ path('report_card_assessment_slip_print', {'id': report_card.id}) }}"><i class="fa fa-list"></i> Bordereau d'évaluation</a>
  41.                     <a class="dropdown-item" href="{{ path('report_card_annual_assessment_slip_print', {'id': report_card.id}) }}"><i class="fa fa-list-alt"></i> Bordereau d'évaluation annuel</a>
  42.                 </div>
  43.             </div>
  44.         </div>
  45.     </div>
  46.     <hr />
  47.     <div class="row mb-4">
  48.         <div class="col-md-12">
  49.             {# <a href="#" class="btn btn-primary" onclick="javascript:computeAverage();"><i class="fa fa-calculator"></i> Recalculer les moyennes</a> 
  50.             &nbsp;<a href="#" class="btn btn-primary" onclick="javascript:computeRank();"><i class="fa fa-calculator"></i> Recalculer les rangs</a>
  51.             &nbsp;<a href="#" class="btn btn-primary" onclick="javascript:computeAnnualReportCardAverage();"><i class="fa fa-calculator"></i> Recalculer les moyennes annuelles</a>
  52.             &nbsp;<a href="#" class="btn btn-primary" onclick="javascript:computeAnnualRank();"><i class="fa fa-calculator"></i> Recalculer les rangs annuelles</a> #}
  53.         </div>
  54.     </div>
  55.     {# un panel bien organisé pour les boutons de calcul des moyennes #}
  56.     <div class="row mb-4">
  57.         <div class="col-md-12 mb-4">
  58.             <div class="card text-left">
  59.                 <div class="card-header">Calcul des moyennes</div>
  60.                 <div class="card-body">
  61.                     <div class="table-responsive">
  62.                         <table class="display table table-striped table-bordered">
  63.                             <tbody>
  64.                                 <tr>
  65.                                     <td><a href="#" onclick="javascript:computeSchoolAverageReportCards();"><i class="fa fa-calculator"></i> Recalculer les moyennes</a></td>
  66.                                     <td><a href="#" onclick="javascript:computeStudentRank();"><i class="fa fa-calculator"></i> Faire le rang</a></td>
  68.                                     <td><a href="#" onclick="javascript:computeAnnualReportCardAverage();"><i class="fa fa-calculator"></i> Moyennes annuelles</a></td>
  69.                                     <td><a href="#" onclick="javascript:computeAnnualRank();"><i class="fa fa-calculator"></i> Rang annuelles</a></td>
  70.                                 </tr>
  71.                             </tbody>
  72.                         </table>
  73.                     </div>
  74.                 </div>
  75.             </div>
  76.         </div>
  77.     </div>
  79.     <hr />
  80.     <div class="row mb-4">
  81.         <div class="col-md-12 mb-4">
  82.             <div class="card text-left">
  83.                 <div class="card-header">Bulletins élève</div>
  84.                 <div class="card-body">
  85.                     <div class="table-responsive">
  86.                         <table class="display table table-striped table-bordered">
  87.                             <thead>
  88.                                 <tr>
  89.                                     <th class="text-center" width="5%">
  90.                                         {% if not report_card.schoolYearPeriode.isClosed %}
  91.                                             <input type="checkbox" id="check-all" onclick="javascript:checkAllElt()">
  92.                                         {% endif %}
  93.                                     </th>
  94.                                     <th>Bulletin élève</th>
  95.                                     <th>Classe</th>
  96.                                     <th>Moyenne</th>
  97.                                     <th class="text-center" width="10%">Action</th>
  98.                                 </tr>
  99.                                 {% if not report_card.schoolYearPeriode.isClosed %}
  100.                                     <tr>
  101.                                         {{ form_start(school_report_card_form) }}
  102.                                             <th></th>
  103.                                             <th>
  104.                                                 {{ form_widget(school_report_card_form.studentRegistration,{'attr': {'class': 'form-control select', 'style': 'width: 100%;'}}) }}
  105.                                             </th>
  106.                                             <th></th>
  107.                                             <th></th>
  108.                                             <th class="text-center">
  109.                                                 <button class="btn-sm btn-primary"><i class="fa fa-plus"></i></button>
  110.                                             </th>
  111.                                         {{ form_end(school_report_card_form) }}
  112.                                     </tr>
  113.                                 {% endif %}
  114.                             </thead>
  115.                             <tbody>
  116.                             {% for schoolReportCard in school_report_cards %}
  117.                                 <tr {% if not schoolReportCard.isValidated %}style="color: red; font-weight: bold;"{% endif %}>
  118.                                     <td class="text-center">
  119.                                         {% if not report_card.schoolYearPeriode.isClosed %}
  120.                                             <input type="checkbox" class="check-elt" value="{{ schoolReportCard.id }}" onclick="javascript:checkElt()">
  121.                                         {% endif %}
  122.                                     </td>
  123.                                     <td>{{ schoolReportCard.name }}</td>
  124.                                     <td>{{ schoolReportCard.classroom }}</td>
  125.                                     <td>{{ schoolReportCard.isUnclassified ? 'NC' : schoolReportCard.reportCardAverage|round(2, 'floor')|replace({"." : ","}) }} {{ schoolReportCard.isValidated ? '(Validé)' : '(Brouillon)' }} </td>
  126.                                     <td class="text-center">
  127.                                         <a href="{{ path('school_report_card_edit', {'id': schoolReportCard.id}) }}" target="_blank" class="btn btn-primary btn-sm"><i class="fa fa-edit"></i></a>
  128.                                     </td>
  129.                                 </tr>
  130.                             {% endfor %}
  131.                             </tbody>
  132.                         </table>
  133.                     </div>
  134.                 </div>
  135.             </div>
  136.         </div>
  137.     </div>
  138.     <div class="row mb-4">
  139.         <div class="col-md-12 mb-4">
  140.             <div class="card text-left">
  141.                 <div class="card-header">Edition</div>
  142.                 <div class="card-body">
  143.                     {{ include('school/report_card/_edit_form.html.twig') }}
  144.                 </div>
  145.             </div>
  146.         </div>
  147.     </div>
  149.     {# Modal sélection de classe pour l'impression des bulletins modal-lg #}
  150.     <div class="modal fade" id="modalImpression" tabindex="-1" role="dialog" aria-labelledby="modalImpressionLabel" aria-hidden="true">
  151.         <div class="modal-dialog modal-lg" role="document">
  152.             <div class="modal-content">
  153.                 <div class="modal-header">
  154.                     <h5 class="modal-title" id="modalImpressionLabel"><i class="fa fa-print"></i> Imprimer les bulletins</h5>
  155.                     <button type="button" class="close" data-dismiss="modal" aria-label="Fermer">
  156.                         <span aria-hidden="true">&times;</span>
  157.                     </button>
  158.                 </div>
  159.                 <div class="modal-body">
  160.                     <div class="form-group">
  161.                         <label for="selectClassroom">Classe <small class="text-muted">(laisser vide pour toutes les classes du niveau)</small></label>
  162.                         <select id="selectClassroom" class="form-control">
  163.                             <option value="">— Toutes les classes —</option>
  164.                             {% for classroom in report_card.level.settingClassrooms %}
  165.                                 {% if classroom.schoolYear == report_card.schoolYear %}
  166.                                     <option value="{{ classroom.id }}">{{ classroom.label }}</option>
  167.                                 {% endif %}
  168.                             {% endfor %}
  169.                         </select>
  170.                     </div>
  171.                 </div>
  172.                 <div class="modal-footer flex-wrap gap-1">
  173.                     {% if app.user.establishment.type == 'PRESCOLAIRE-PRIMAIRE' %}
  174.                         <a id="btnMaternelle" href="{{ path('report_card_maternelle_print', {'id': report_card.id}) }}" class="btn btn-dark"><i class="fa fa-print"></i> Maternelle</a>
  175.                         <a id="btnBilanMaternelle" href="{{ path('report_card_last_maternelle_print', {'id': report_card.id}) }}" class="btn btn-info"><i class="fa fa-print"></i> Bilan Maternelle</a>
  176.                         <a id="btnPrimaire" href="{{ path('report_card_print', {'id': report_card.id}) }}" class="btn btn-dark"><i class="fa fa-print"></i> Primaire</a>
  177.                         <a id="btnBilanPrimaire" href="{{ path('report_card_last_print', {'id': report_card.id}) }}" class="btn btn-info"><i class="fa fa-print"></i> Bilan Primaire</a>
  178.                     {% else %}
  179.                         <a id="btnImprimer" href="{{ path('report_card_print', {'id': report_card.id}) }}" class="btn btn-dark"><i class="fa fa-print"></i> Imprimer</a>
  180.                         <a id="btnDernierBulletin" href="{{ path('report_card_last_print', {'id': report_card.id}) }}" class="btn btn-info"><i class="fa fa-print"></i> Dernier bulletin</a>
  181.                     {% endif %}
  182.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
  183.                 </div>
  184.             </div>
  185.         </div>
  186.     </div>
  187. {% endblock %}
  188. {% block javascripts %}
  189.     {{ parent() }}
  190.     <script>
  191.         {% if not report_card.schoolYearPeriode.isClosed %}
  192.             $(document).ready(function () {
  193.                 setInterval(function () {
  194.                     {% if report_card.isValidated %}
  195.                         //computeRank();
  196.                         //computeAnnualRank();
  197.                         {% else %}
  198.                         //computeAverage();
  199.                     {% endif %}
  200.                     //computeAnnualReportCardAverage();
  201.                     //computeAnnualMatterAverage();
  202.                 }, 360000);
  203.             })
  204.         {% endif %}
  206.         /*function computeConductAverage() {
  207.             path = '{{ path('report_card_compute_conduct_average', {'id': report_card.id}) }}';
  208.             axios.get(path, {
  209.             params: {}
  210.             }).then(function (response) {
  211.                 if(response.data.code == 200){
  212.                     console.log(response.data);
  213.                     computeAverage();
  214.                 }else{
  215.                 }
  216.             });
  217.         }*/
  219.         function computeAnnualMatterAverage() {
  220.             path = '{{ path('report_card_compute_annual_matter_average', {'id': report_card.id}) }}';
  221.             axios.get(path, {
  222.             params: {}
  223.             }).then(function (response) {
  224.                 console.log(response.data);
  225.             });
  226.         }
  228.         function computeAnnualRank() {
  229.             $('.loader').addClass('is-active');
  230.             path = '{{ path('report_card_compute_annual_rank', {'id': report_card.id}) }}';
  231.             axios.get(path, {
  232.             params: {}
  233.             }).then(function (response) {
  234.                 console.log(response.data);
  235.                 $('.loader').removeClass('is-active');
  236.                 location.reload();
  237.             });
  238.         }
  240.         function computeAnnualReportCardAverage() {
  241.             $('.loader').addClass('is-active');
  242.             path = '{{ path('report_card_compute_annual_report_card_average', {'id': report_card.id}) }}';
  243.             axios.get(path, {
  244.             params: {}
  245.             }).then(function (response) {
  246.                 if(response.data.code == 200){
  247.                     computeAnnualMatterAverage();
  248.                 }
  249.                 console.log(response.data);
  250.                 $('.loader').removeClass('is-active');
  251.                 location.reload();
  252.             });
  253.         }
  255.         function computeAverage() {
  256.             $('.loader').addClass('is-active');
  257.             path = '{{ path('report_card_compute_average', {'id': report_card.id}) }}';
  258.             axios.get(path, {
  259.             params: {}
  260.             }).then(function (response) {
  261.                 if(response.data.code == 200){
  262.                     console.log(response.data);
  263.                     computeMinMaxAverage();
  264.                     computeLevelMaxMinAverage();
  265.                     $('.loader').removeClass('is-active');
  266.                     location.reload();
  267.                 }else{
  268.                     $('.loader').removeClass('is-active');
  269.                     location.reload();
  270.                 }
  271.             });
  272.         }
  274.         function computeRank() {
  275.             $('.loader').addClass('is-active');
  276.             path = '{{ path('report_card_compute_rank', {'id': report_card.id}) }}';
  277.             axios.get(path, {
  278.             params: {}
  279.             }).then(function (response) {
  280.                 $('.loader').removeClass('is-active');
  281.                 console.log(response.data);
  282.                 location.reload();
  283.             });
  284.         }
  286.         function computeMinMaxAverage() {
  287.             path = '{{ path('report_card_compute_min_max_average', {'id': report_card.id}) }}';
  288.             axios.get(path, {
  289.             params: {}
  290.             }).then(function (response) {
  291.                 console.log(response.data);
  292.             });
  293.         }
  295.         function computeLevelMaxMinAverage() {
  296.             path = '{{ path('report_card_compute_level_average', {'id': report_card.id}) }}';
  297.             axios.get(path, {
  298.             params: {}
  299.             }).then(function (response) {
  300.                 if(response.data.code == 200){
  301.                     console.log(response.data);
  302.                 }else{
  303.                 }
  304.                 console.log(response.data);
  305.             });
  306.         }
  308.         /**
  309.          * Calculer les moyennes des élèves par matière
  310.          */
  311.         function computeSchoolAverageReportCards() {
  312.             $('.loader').addClass('is-active');
  313.             axios.get('{{ path('compute_school_average_report_cards', {'id': report_card.id}) }}', {
  314.             params: {}
  315.             }).then(function (response) {
  316.                 if(response.data.code == 200){
  317.                     computeGeneralAverage();
  318.                     console.log(response.data);
  319.                     $('.loader').removeClass('is-active');
  320.                     location.reload();
  321.                 }else{
  322.                     $('.loader').removeClass('is-active');
  323.                     location.reload();
  324.                 }
  325.                 console.log(response.data);
  326.             });
  327.         }
  329.         /**
  330.          * Calculer la moyenne générale des élèves
  331.          */
  332.         function computeGeneralAverage() {
  333.             axios.get('{{ path('compute_general_average', {'id': report_card.id}) }}', {
  334.             params: {}
  335.             }).then(function (response) {
  336.                 if(response.data.code == 200){
  337.                     return true;
  338.                 }else{
  339.                     return false;
  340.                 }
  341.                 console.log(response.data);
  342.                 return false;
  343.             });
  344.         }
  346.         /**
  347.          * Calculer les moyennes des élèves par matière
  348.          */
  349.         function computeStudentRank() {
  350.             $('.loader').addClass('is-active');
  351.             axios.get('{{ path('compute_student_rank', {'id': report_card.id}) }}', {
  352.             params: {}
  353.             }).then(function (response) {
  354.                 if(response.data.code == 200){
  355.                     console.log(response.data);
  356.                     $('.loader').removeClass('is-active');
  357.                     location.reload();
  358.                 }else{
  359.                     $('.loader').removeClass('is-active');
  360.                     location.reload();
  361.                 }
  362.                 console.log(response.data);
  363.             });
  364.         }
  365.     </script>
  366.     <script>
  367.         (function () {
  368.             var baseUrls = {
  369.                 {% if app.user.establishment.type == 'PRESCOLAIRE-PRIMAIRE' %}
  370.                 btnMaternelle: '{{ path('report_card_maternelle_print', {'id': report_card.id}) }}',
  371.                 btnBilanMaternelle: '{{ path('report_card_last_maternelle_print', {'id': report_card.id}) }}',
  372.                 btnPrimaire: '{{ path('report_card_print', {'id': report_card.id}) }}',
  373.                 btnBilanPrimaire: '{{ path('report_card_last_print', {'id': report_card.id}) }}'
  374.                 {% else %}
  375.                 btnImprimer: '{{ path('report_card_print', {'id': report_card.id}) }}',
  376.                 btnDernierBulletin: '{{ path('report_card_last_print', {'id': report_card.id}) }}'
  377.                 {% endif %}
  378.             };
  380.             document.getElementById('selectClassroom').addEventListener('change', function () {
  381.                 var classroomId = this.value;
  382.                 Object.keys(baseUrls).forEach(function (id) {
  383.                     var el = document.getElementById(id);
  384.                     if (el) {
  385.                         el.href = classroomId ? baseUrls[id] + '?classroom_id=' + classroomId : baseUrls[id];
  386.                     }
  387.                 });
  388.             });
  389.         })();
  390.     </script>
  391. {% endblock %}