bugfix : placement modaux + affichage conflit

app/static/js/assiduites.js

@@ -1277,9 +1277,19 @@ function renderTimeline(assiduites, specialAssiduite) {
   specialAssiduiteEl.style.top = "0";
   specialAssiduiteEl.style.zIndex = "0"; // Place l'assiduité spéciale en arrière-plan
   assiduitesContainer.appendChild(specialAssiduiteEl);
-
+  const interval = {
+    deb: new moment.tz(getDate(), TIMEZONE),
+    fin: new moment.tz(getNextDate(), TIMEZONE),
+  };
   //Placement des assiduités sur la timeline
   assiduites.forEach((assiduite) => {
+    const period = {
+      deb: new moment.tz(assiduite.date_debut, TIMEZONE),
+      fin: new moment.tz(assiduite.date_fin, TIMEZONE),
+    };
+    if (!hasTimeConflict(period, interval)) {
+      return;
+    }
     const el = document.createElement("div");
     el.className = "assiduite";
     el.style.backgroundColor = getColor(assiduite.etat);

app/templates/assiduites/alert.j2

@@ -24,7 +24,7 @@
         /* Hidden by default */
         position: fixed;
         /* Stay in place */
-        z-index: 50;
+        z-index: 750;
         /* Sit on top */
         padding-top: 100px;
         /* Location of the box */

app/templates/assiduites/prompt.j2

@@ -24,7 +24,7 @@
         /* Hidden by default */
         position: fixed;
         /* Stay in place */
-        z-index: 50;
+        z-index: 750;
         /* Sit on top */
         padding-top: 100px;
         /* Location of the box */