templates/school/school_teacher_call_sheet/re/call.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Fiches d'appel | {{ parent() }}{% endblock %}
  5. {% block body %}
  6.     <div class="breadcrumb">
  7.         <h1 class="mr-2">Fiches d'appel</h1>
  8.         <ul>
  9.             <li><a href="{{ path('default') }}">Accueil</a></li>
  10.             <li><a href="{{ path('school_teacher_call_sheet_index') }}">Retour</a></li>
  11.             <li>{{ school_teacher_call_sheet.schoolTeacher ? school_teacher_call_sheet.schoolTeacher.name : '' }}</li>
  12.             <li>{{ school_teacher_call_sheet.settingClassroom ? school_teacher_call_sheet.settingClassroom.label : '' }}</li>
  13.             <li>{{ school_teacher_call_sheet.schoolMatter ? school_teacher_call_sheet.schoolMatter.label : '' }}</li>
  14.             <li>{{ school_teacher_call_sheet.day }}</li>
  15.             <li>{{ school_teacher_call_sheet.settingTimeTable ? school_teacher_call_sheet.settingTimeTable.label : '' }}</li>
  16.             <li>{{ school_teacher_call_sheet.createdAt ? school_teacher_call_sheet.createdAt|date('d/m/Y H:i:s') : '' }}</li>
  17.         </ul>
  18.     </div>
  19.     <div class="separator-breadcrumb border-top"></div>
  20.     <div class="row mb-4">
  21.         <div class="col-md-12">
  22.             {% if school_teacher_call_sheet.rejectionReason %}
  23.                 <div class="alert alert-danger">
  24.                     <strong>Motif du rejet :</strong> {{ school_teacher_call_sheet.rejectionReason }}
  25.                 </div>
  26.             {% endif %}
  27.             
  28.             {% if school_teacher_call_sheet.isCanBeSaved %}
  29.                 {% if not school_teacher_call_sheet.isAproved %}
  30.                     {% if school_teacher_call_sheet.status == 'Validé' %}
  31.                         {% if is_granted('ROLE_FICHE_APPEL') %}
  32.                             <a href="#" class="btn btn-warning" onclick="javascript:actionByPathAndElts('{{path('school_teacher_call_sheet_cancel', {'id': school_teacher_call_sheet.id})}}')"><i class="fa fa-times"></i> Annuler</a>
  33.                             {# <button type="button" class="btn btn-danger" onclick="showRejectModal()"><i class="fa fa-ban"></i> Rejeter</button> #}
  34.                             <a href="#" class="btn btn-success" onclick="javascript:actionByPathAndElts('{{path('school_teacher_call_sheet_aproved', {'id': school_teacher_call_sheet.id})}}')"><i class="fa fa-check"></i> Approuver</a>
  35.                         {% endif %}
  36.                     {% elseif school_teacher_call_sheet.status == 'Brouillon' or school_teacher_call_sheet.status == 'Rejeté' %}
  37.                         {% if school_teacher_call_sheet.status != 'Rejeté' %}
  38.                             <a href="#" class="btn btn-success validate" onclick="javascript:actionByPathAndElts('{{path('school_teacher_call_sheet_validate', {'id': school_teacher_call_sheet.id})}}')"><i class="fa fa-check"></i> Valider</a>
  39.                             &nbsp;<a href="{{ path('school_teacher_call_sheet_call', {'id': school_teacher_call_sheet.id}) }}" onclick="$('.loader').addClass('is-active');" class="btn btn-primary save"><i class="fa fa-save"></i> Sauvegarder</a>
  40.                         {% endif %}
  41.                     {% endif %}
  42.                 {% endif %}
  43.             {% endif %}
  44.             {% if school_teacher_call_sheet.isAproved %}
  45.                 {% if is_granted('ROLE_FICHE_APPEL') %}
  46.                     <a href="#" class="btn btn-danger" onclick="javascript:actionByPathAndElts('{{path('school_teacher_call_sheet_disaproved', {'id': school_teacher_call_sheet.id})}}')"><i class="fa fa-times"></i> Annuler l'approbation</a>
  47.                 {% endif %}
  48.             {% endif %}
  49.             {% if school_teacher_call_sheet.status == 'Brouillon' or school_teacher_call_sheet.status == 'Rejeté' %}
  50.                 &nbsp;<a href="#" class="btn btn-warning selected-btn" onclick="javascript:actionByPathAndElts('{{path('school_teacher_call_sheet_line_set_to_absents')}}')"> Mettre Absent(e)</a>
  51.                 &nbsp;<a href="#" class="btn btn-success selected-btn" onclick="javascript:actionByPathAndElts('{{path('school_teacher_call_sheet_line_set_to_presents')}}')"> Mettre Présent(e)</a>
  52.             {% endif %}
  53.             {% if is_granted('ROLE_EDUCATEUR') %}
  54.                 &nbsp;<a href="#" class="btn btn-primary selected-btn" onclick="javascript:actionByPathAndElts('{{path('school_teacher_call_sheet_line_send_adsense_sms')}}')"><i class="fa fa-envelope"></i> SMS Absense</a>
  55.             {% endif %}
  56.         </div>
  57.     </div>
  58.     <div class="row mb-4">
  59.         <div class="col-md-12 mb-4">
  60.             <div class="card text-left">
  61.                 <div class="card-body">
  62.                     {{ include('school/school_teacher_call_sheet/re/_call_table.html.twig') }}
  63.                 </div>
  64.             </div>
  65.         </div>
  66.     </div>
  67.     <div class="separator-breadcrumb border-top"></div>
  68.     <div class="row mb-4">
  69.         <div class="col-md-12">
  70.             {% if school_teacher_call_sheet.isCanBeSaved %}
  71.                 {% if not school_teacher_call_sheet.isAproved %}
  72.                     {% if school_teacher_call_sheet.status == 'Validé' %}
  73.                         {% if is_granted('ROLE_FICHE_APPEL') %}
  74.                             <a href="#" class="btn btn-warning" onclick="javascript:actionByPathAndElts('{{path('school_teacher_call_sheet_cancel', {'id': school_teacher_call_sheet.id})}}')"><i class="fa fa-times"></i> Annuler</a>
  75.                             {# <button type="button" class="btn btn-danger" onclick="showRejectModal()"><i class="fa fa-ban"></i> Rejeter</button> #}
  76.                             <a href="#" class="btn btn-success" onclick="javascript:actionByPathAndElts('{{path('school_teacher_call_sheet_aproved', {'id': school_teacher_call_sheet.id})}}')"><i class="fa fa-check"></i> Approuver</a>
  77.                         {% endif %}
  78.                     {% elseif school_teacher_call_sheet.status == 'Brouillon' or school_teacher_call_sheet.status == 'Rejeté' %}
  79.                         {% if school_teacher_call_sheet.status != 'Rejeté' %}
  80.                             <a href="#" class="btn btn-success validate" onclick="javascript:actionByPathAndElts('{{path('school_teacher_call_sheet_validate', {'id': school_teacher_call_sheet.id})}}')"><i class="fa fa-check"></i> Valider</a>
  81.                             &nbsp;<a href="{{ path('school_teacher_call_sheet_call', {'id': school_teacher_call_sheet.id}) }}" onclick="$('.loader').addClass('is-active');" class="btn btn-primary save"><i class="fa fa-save"></i> Sauvegarder</a>
  82.                         {% endif %}
  83.                     {% endif %}
  84.                 {% endif %}
  85.             {% endif %}
  86.             {% if school_teacher_call_sheet.isAproved %}
  87.                 {% if is_granted('ROLE_FICHE_APPEL') %}
  88.                     <a href="#" class="btn btn-danger" onclick="javascript:actionByPathAndElts('{{path('school_teacher_call_sheet_disaproved', {'id': school_teacher_call_sheet.id})}}')"><i class="fa fa-times"></i> Annuler l'approbation</a>
  89.                 {% endif %}
  90.             {% endif %}
  91.         </div>
  92.     </div>
  94.     <!-- Modal de rejet -->
  95.     <div class="modal fade" id="rejectModal" tabindex="-1" role="dialog" aria-labelledby="rejectModalLabel" aria-hidden="true">
  96.         <div class="modal-dialog" role="document">
  97.             <div class="modal-content">
  98.                 <div class="modal-header">
  99.                     <h5 class="modal-title" id="rejectModalLabel">Rejeter la fiche d'appel</h5>
  100.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  101.                         <span aria-hidden="true">&times;</span>
  102.                     </button>
  103.                 </div>
  104.                 <div class="modal-body">
  105.                     <form id="rejectForm">
  106.                         <div class="form-group">
  107.                             <label for="rejection_reason">Motif du rejet <span class="text-danger">*</span></label>
  108.                             <textarea class="form-control" id="rejection_reason" name="rejection_reason" rows="4" required placeholder="Veuillez saisir le motif du rejet..."></textarea>
  109.                         </div>
  110.                     </form>
  111.                 </div>
  112.                 <div class="modal-footer">
  113.                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
  114.                     <button type="button" class="btn btn-danger" onclick="submitReject()">Rejeter</button>
  115.                 </div>
  116.             </div>
  117.         </div>
  118.     </div>
  119. {% endblock %}
  120. {% block javascripts %}
  121.     {{ parent() }}
  122.     <script>
  123.         $(document).ready(function (){
  124.             var isCanBeSaved = {{ school_teacher_call_sheet.isCanBeSaved ? 1 : 0 }};
  125.             if(isCanBeSaved){
  126.                 $('.validate').show();
  127.                 $('.save').show();
  128.             }else{
  129.                 $('.validate').hide();
  130.                 $('.save').hide();
  131.             }
  132.         })
  133.         function setToAbsent(path, id) {
  134.             console.log(path);
  135.             axios.get(path, {
  136.             params: {
  137.                 tk : "welmat"
  138.             }
  139.             }).then(function (response) {
  140.                 if(response.data.code == 200){
  141.                     console.log(response.data.message);
  142.                     $(response.data.td).html(response.data.message);
  143.                     $(response.data.btnAbsent).hide()
  144.                     $(response.data.btnPresent).show()
  145.                     if(response.data.isCanBeSaved){
  146.                         $('.validate').show();
  147.                         $('.save').show();
  148.                     }else{
  149.                         $('.validate').hide();
  150.                         $('.save').hide();
  151.                     }
  152.                 }else{
  153.                     console.log(response.data.message);
  154.                 }
  155.             });
  156.         }
  158.         function setToPresent(path, id) {
  159.             console.log(path);
  160.             axios.get(path, {
  161.             params: {
  162.                 tk : "welmat"
  163.             }
  164.             }).then(function (response) {
  165.                 if(response.data.code == 200){
  166.                     console.log(response.data.message);
  167.                     $(response.data.td).html(response.data.message);
  168.                     $(response.data.btnAbsent).show();
  169.                     $(response.data.btnPresent).hide();
  170.                     if(response.data.isCanBeSaved){
  171.                         $('.validate').show();
  172.                         $('.save').show();
  173.                     }else{
  174.                         $('.validate').hide();
  175.                         $('.save').hide();
  176.                     }
  177.                 }else{
  178.                     console.log(response.data.message);
  179.                 }
  180.             });
  181.         }
  183.         function showRejectModal() {
  184.             $('#rejection_reason').val('');
  185.             $('#rejectModal').modal('show');
  186.         }
  188.         function submitReject() {
  189.             const reason = $('#rejection_reason').val().trim();
  190.             
  191.             if (!reason) {
  192.                 alert('Le motif de rejet est obligatoire');
  193.                 return;
  194.             }
  195.             
  196.             $('.loader').addClass('is-active');
  197.             
  198.             $.ajax({
  199.                 url: '{{ path('school_teacher_call_sheet_reject', {'id': school_teacher_call_sheet.id}) }}',
  200.                 type: 'POST',
  201.                 data: {
  202.                     rejection_reason: reason
  203.                 },
  204.                 success: function(response) {
  205.                     $('.loader').removeClass('is-active');
  206.                     $('#rejectModal').modal('hide');
  207.                     
  208.                     if (response.code == 200) {
  209.                         location.reload();
  210.                     } else {
  211.                         alert(response.message);
  212.                     }
  213.                 },
  214.                 error: function() {
  215.                     $('.loader').removeClass('is-active');
  216.                     alert('Une erreur est survenue');
  217.                 }
  218.             });
  219.         }
  220.     </script>
  221. {% endblock %}