Grosse mise à jour, principalement changement du système des missions et de "mes missions".

4 files changed, 44 insertions, 23 deletions

diff --git a/Statics/Css/main.css b/Statics/Css/main.css
index c3fe421..12e84e0 100644
--- a/Statics/Css/main.css
+++ b/Statics/Css/main.css
@@ -105,9 +105,9 @@ sur mon instance SearX https://searx.debulois.fr
     transform: scale(1.3);
 }
 
-.show {
+.show_slide {
     /* Opacité de l'élément 0=transparent 1=opaque */
-    opacity: 1 !important;
+    display: block !important;
 }
 /* FIN SLIDER */
 
@@ -130,6 +130,11 @@ sur mon instance SearX https://searx.debulois.fr
 /* FIN MESSAGE */
 
 /* TABLEAU */
+.show_table {
+    /* Opacité de l'élément 0=transparent 1=opaque */
+    display: table !important;
+}
+
 .star {
     /* !important prend le dessus sur tout type de déclaration précédente */
     font-size:        20px           !important;
@@ -248,7 +253,7 @@ pre {
 /* FIN NAVBAR */
 
 /* SLIDER */
-#slideshow {
+#slides {
     width:               100%;
     height:              70vh;
     background-color:    var(--navbarBg);
@@ -264,7 +269,7 @@ pre {
     transition:          background-image 0.3s linear;
 }
 
-#slideshow p {
+#slides p {
     position:                  absolute;
     display:                   inline-block;
     left:                      0; 
@@ -274,7 +279,8 @@ pre {
     max-width:                 80%;
     font-size:                 48px;
     color:                     var(--slideText);
-    opacity:                   0;
+    /* opacity:                   0; */
+    display: none;
     /* Aniamtion liée */
     animation-name:            textSlide;
     /* Durée de l'animation */
@@ -283,7 +289,7 @@ pre {
     animation-iteration-count: infinite;
 }
 
-#slideshow p span {
+#slides p span {
     font-family: akira;
     color:       var(--mainSiteColor);
     /* Ombre du texte: positionX, positionY, Etendue, Fondue */
@@ -296,12 +302,12 @@ pre {
 
 /* Etapes de l'animation */
 @keyframes textSlide {
-    0%    {top: 30%}
+    0%    {top: 29%}
     35%   {top: 18%}
     100%  {top: 18%}
 }
 
-#slideIndicator {
+#slideDots {
     position:  absolute;
     /* Centrer un élément absolu, gauche moitié puis droite (moins moitié) */
     left:      50%;
@@ -309,11 +315,11 @@ pre {
     margin:    0 auto;
     bottom:    10%;
 }
-#slideIndicator i {
+#slideDots i {
     margin-right: 1em;
 }
 
-#slideIndicator i:last-child {
+#slideDots i:last-child {
     margin-right: none;
 }
 /* FIN SLIDER */
@@ -412,6 +418,10 @@ pre {
     margin:          1em auto;
 }
 
+#myMission table {
+    display: none;
+}
+
 #myMission th,
 #admin     th,
 #search    th {
diff --git a/Statics/Js/index.js b/Statics/Js/index.js
index 1c89567..805b53e 100644
--- a/Statics/Js/index.js
+++ b/Statics/Js/index.js
@@ -4,8 +4,8 @@
 // ****************************************************************************
 
 // Slideshow
-function start_slideshow() {
-    let imageNumber = 1;
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters
+function slideshow_start(slideNumber = 1) {
     let images = [
         "/Medias/Images/slide0.jpg",
         "/Medias/Images/slide1.jpg",
@@ -14,20 +14,20 @@ function start_slideshow() {
 
     setInterval(() => {
         // Changement del'image de fond de de la div
-        document.getElementById("slideshow").style.backgroundImage = `url("${images[imageNumber]}")`;
+        document.getElementById("slides").style.backgroundImage = `url("${images[slideNumber]}")`;
         // Untoggle les précedents
         // Utilisation de ternary, utilisation: condition ? Sivrai : Sifaux
-        document.getElementById(`textSlide${imageNumber !== 0 ? imageNumber - 1 : images.length - 1}`).classList.toggle("show");
-        document.getElementById(`indicatorSlide${imageNumber !== 0 ? imageNumber - 1 : images.length - 1}`).classList.toggle("slideSelected");
+        document.getElementById(`slide_${slideNumber !== 0 ? slideNumber - 1 : images.length - 1}`).classList.toggle("show_slide");
+        document.getElementById(`slideDot_${slideNumber !== 0 ? slideNumber - 1 : images.length - 1}`).classList.toggle("slideSelected");
         // Toggle le nouveau texte & selecteur
-        document.getElementById(`textSlide${imageNumber}`).classList.toggle("show");
-        document.getElementById(`indicatorSlide${imageNumber}`).classList.toggle("slideSelected")
+        document.getElementById(`slide_${slideNumber}`).classList.toggle("show_slide");
+        document.getElementById(`slideDot_${slideNumber}`).classList.toggle("slideSelected")
         // +1 sauf si fin
-        if(imageNumber < images.length - 1) {
-            imageNumber++; 
+        if (slideNumber < images.length - 1) {
+            slideNumber++; 
         } else {
-            imageNumber = 0;
+            slideNumber = 0;
         }
     }
-    ,5000); 
+    , 3000); 
 }
diff --git a/Statics/Js/message.js b/Statics/Js/message.js
index 55eff48..fa8e675 100644
--- a/Statics/Js/message.js
+++ b/Statics/Js/message.js
@@ -15,10 +15,10 @@ function start_timer(page) {
     let text = document.getElementById("redirect").innerHTML;
     setInterval(() => {
         if (seconds > 0) {
-            document.getElementById("redirect").innerHTML = `${text} ${seconds}.`;
+            document.getElementById("redirect").innerHTML = `${text} ${seconds} .`;
             seconds --;
         } else {
-            document.getElementById("redirect").innerHTML = `${text} ${seconds}.`;
+            document.getElementById("redirect").innerHTML = `${text} ${seconds} .`;
             redirect(page);
         }
     },
diff --git a/Statics/Js/myMission.js b/Statics/Js/myMission.js
new file mode 100644
index 0000000..36c2648
--- /dev/null
+++ b/Statics/Js/myMission.js
@@ -0,0 +1,11 @@
+
+//table id pendingTable, ongoingTable, completedTable
+function show(tableId) {
+    let tables = document.getElementById("myMission").getElementsByTagName("table");
+    tables[tableId].classList.add("show_table");
+    for (i = 0; i < tables.length; i++) {
+        if (tables[i].id !== tableId) {
+            tables[i].classList.remove("show_table");
+        }
+    }
+}
\ No newline at end of file