Affichage des detait de la reservation de salle

gestion_salle/static/gestion_salle/js/index.js

@@ -12,7 +12,12 @@ const calendrier = Schedule(document.getElementById('planning-reservation'), {
         const modal = new bootstrap.Modal($("modalDetailReservation"));
         modal.show();
         fetch (`/gestion-salle/revervation/details/${event.guid}`)
-        .then(response => response.json())
+        .then(response => {
+            if (!response.ok) {
+                throw new Error(`Erreur HTTP ${response.status}`);
+            }
+            return response.json();
+        })
         .then(data => {
             currentReservationId = data.id_reservation;
             $("id_reservation_detail").value = data.id_reservation;
@@ -21,7 +26,7 @@ const calendrier = Schedule(document.getElementById('planning-reservation'), {
             $("employe").value=data.employe;
             $("salle").value=data.salle;
             $("statut-reservation").innerHTML=data.statut;
-            $("date_evenement").value=data.date_evenement;
+            $("date_debut").value=data.date_debut;
             $("heure_debut").value=data.heure_debut;
             $("heure_fin").value=data.heure_fin;
             $("motif_reservation").value=data.motif_reservation;
@@ -34,6 +39,7 @@ const calendrier = Schedule(document.getElementById('planning-reservation'), {
             }
 
         })
+        .catch(error => console.error("Impossible de charger les détails de la réservation :", error));
     }
 });
 
@@ -180,7 +186,6 @@ tableau_reservation_attente.on("rowClick", (row, rowData) => {
     $("salle").value=data.salle;
     $("statut-reservation").innerHTML=data.statut;
     $("date_debut").value = data.date_debut;
-    $("date_fin").value = data.date_fin;
     $("heure_debut").value=data.heure_debut;
     $("heure_fin").value=data.heure_fin;
     $("motif_reservation").value=data.motif_reservation;

gestion_salle/templates/gestion_salle/index.html

@@ -55,5 +55,5 @@
 {% block 'js' %}
 <script src="https://cdn.jsdelivr.net/npm/lemonadejs/dist/lemonade.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@calendarjs/ce/dist/index.min.js"></script>
-<script src="{% static 'gestion_salle/js/index.js' %}"></script>
+<script src="{% static 'gestion_salle/js/index.js' %}?v=3"></script>
 {% endblock %}

gestion_salle/templates/gestion_salle/parts/modalDetailResevation.html

@@ -25,10 +25,10 @@
                         <label>Date de debut :</label>
                         <input type='date' class="form-control" id="date_debut" readonly >
                     </div>
-                    <div class="form-group mb-2">
+                    {% comment %} <div class="form-group mb-2">
                         <label>Date de fin :</label>
                         <input type='date' class="form-control" id="date_fin" readonly >
-                    </div>
+                    </div> {% endcomment %}
                     <div class="form-group mb-2">
                         <label>Heure de début :</label>
                         <input type='time' class="form-control" id="heure_debut" readonly>

gestion_salle/views.py

@@ -153,7 +153,7 @@ def detail_reservation(request:HttpRequest, reservation_id:int):
         'employe': f"{employe.first_name} {employe.last_name}",
         'salle': reservation.salle,
         'statut': dict(Reservation.STATUT).get(reservation.statut),
-        'date_evenement': reservation.date_debut.strftime('%Y-%m-%d'),
+        'date_debut': reservation.date_debut.strftime('%Y-%m-%d'),
         'heure_debut': reservation.heure_debut.strftime('%H:%M'),
         'heure_fin': reservation.heure_fin.strftime('%H:%M'),
         'motif_reservation': reservation.motif_reservation,