app/templates/assiduites/pages/signal_assiduites_diff.j2

@@ -20,7 +20,7 @@
     #actions {
       flex-direction: row;
       align-items: center;
-      margin-bottom: 5px;
+      margin: 5px 0;
     }
     #actions label{
       margin: 0;
@@ -174,6 +174,48 @@ async function nouvellePeriode(period = null) {
     }
   }
 
+  // Vérification de la plage horaire
+  // On génère une date de début et de fin de la période
+  const date_debut = new Date(
+    $("#date").datepicker("getDate").format("YYYY-MM-DD") + "T" + debut
+  );
+  const date_fin = new Date(
+    $("#date").datepicker("getDate").format("YYYY-MM-DD") + "T" + fin
+  );
+  date_debut.add(1, "seconds");
+
+  // On vérifie que les dates sont valides
+  if (!date_debut.isValid()){
+    const p = document.createElement("p");
+    p.textContent = "La date de début n'est pas valide.";
+    openAlertModal(
+      "Erreur",
+      p,
+    );
+    return;
+  }
+  if (!date_fin.isValid()){
+    const p = document.createElement("p");
+    p.textContent = "La date de fin n'est pas valide.";
+    openAlertModal(
+      "Erreur",
+      p,
+    );
+    return;
+  }
+
+  // On vérifie que l'heure de fin est supérieure à l'heure de début
+  if (date_debut >= date_fin) {
+    const p = document.createElement("p");
+    p.textContent = "La plage horaire n'est pas valide. L'heure de fin doit être "+
+    "supérieure à l'heure de début.";
+    openAlertModal(
+      "Erreur",
+      p,
+    );
+    return;
+  }
+
   // On ajoute la nouvelle période au tableau
   let periodeDiv = document.createElement("div");
   periodeDiv.classList.add("cell", "header");
@@ -211,15 +253,6 @@ async function nouvellePeriode(period = null) {
     ...document.querySelectorAll(".ligne[data-etudid]"),
   ].map((e) => e.getAttribute("data-etudid"));
 
-  // On génère une date de début et de fin de la période
-  const date_debut = new Date(
-    $("#date").datepicker("getDate").format("YYYY-MM-DD") + "T" + debut
-  );
-  const date_fin = new Date(
-    $("#date").datepicker("getDate").format("YYYY-MM-DD") + "T" + fin
-  );
-  date_debut.add(1, "seconds");
-
   // Préparation de la requête
   const url =
     `../../api/assiduites/group/query?date_debut=${date_debut.toFakeIso()}` +