Admin page :

changement de page quand clique sur le menu

WEB/View/src/CSS/Admin2.css

@@ -93,17 +93,17 @@ button{
   background: rgb(0, 0, 0);
   background: -moz-linear-gradient(
     315deg,
-    rgba(0, 0, 0, 0.4192051820728291) 0%,
+    rgba(0, 0, 0, 1) 0%,
     rgba(0, 0, 0, 1) 30%
   );
   background: -webkit-linear-gradient(
     315deg,
-    rgba(0, 0, 0, 0.4192051820728291) 0%,
+    rgba(0, 0, 0, 1) 0%,
     rgba(0, 0, 0, 1) 30%
   );
   background: linear-gradient(
     315deg,
-    rgba(0, 0, 0, 0.4192051820728291) 0%,
+    rgba(0, 0, 0, 1) 0%,
     rgba(0, 0, 0, 1) 30%
   );
   border-radius: 15px;
@@ -142,24 +142,6 @@ button{
   width: max-content;
 }
 
-.dashboard-card-reversed {
-  background: rgb(0, 0, 0);
-  background: -moz-linear-gradient(
-    45deg,
-    rgba(0, 0, 0, 0.4192051820728291) 0%,
-    rgba(0, 0, 0, 1) 30%
-  );
-  background: -webkit-linear-gradient(
-    45deg,
-    rgba(0, 0, 0, 0.4192051820728291) 0%,
-    rgba(0, 0, 0, 1) 30%
-  );
-  background: linear-gradient(
-    45deg,
-    rgba(0, 0, 0, 0.4192051820728291) 0%,
-    rgba(0, 0, 0, 1) 30%
-  );
-}
 
 .user-box input {
   width: 100%;
@@ -203,10 +185,22 @@ button{
 
 
 .fullscreen {
-  z-index: 10;
+  z-index: 9999;
-  width: 100%;
+  position: absolute;
-  height: 100%;
+  width: 80%;
+  height: 95%;
   margin: 0 !important;
-  padding-top: 20px;
+  left: 50%;
+  top: 50%;
+  transform: translate(-44%, -50%);
+  -webkit-transform: translate(-44%, -50%);
+  -moz-transform: translate(-44%, -50%);
+  -ms-transform: translate(-44%, -50%);
+  -o-transform: translate(-44%, -50%);
+  margin-top: 20px;
   padding-bottom: 20px;
 }
+
+.hidden {
+  display: none;
+}

WEB/View/src/JS/Admin.js

@@ -6,83 +6,4 @@
   element.parentElement.classList.add("current");
   element.classList.remove("nav-button");
   element.classList.add("currentText");
-
-  transitionChangeCurrentAndExpend(element);
-}
-
-function transitionChangeCurrentAndExpend(element) {
-  expendSolo = document.querySelector("#expendSolo");
-  expendMulti = document.querySelector("#expendMulti");
-  expendMail = document.querySelector("#expendMail");
-  if (element.id == "globalLink") {
-    document.location.reload(true);
-  }
-
-  if (element.id == "soloLink") {
-    expend(expendSolo);
-  }
-  if (element.id == "multiLink") {
-    expend(expendMulti);
-  }
-  if (element.id == "mailLink") {
-    expend(expendMail);
-  }
-}
-
-function expend(element) {
-  if (element.parentElement.parentElement.parentElement.id == "soloEnigme") {
-    
-    if (soloEnigme.parentElement.classList.contains("fullscreen") == false) {
-      soloEnigme.parentElement.classList.add("fullscreen");
-      soloEnigme.classList.add("fullscreen");
-    } else {
-      soloEnigme.parentElement.classList.remove("fullscreen");
-      soloEnigme.classList.remove("fullscreen");
-    }
-
-    if (mail.style.display != "none") {
-      mail.style.display = "none";
-      mail.parentElement.style.display = "none";
-      multiEnigme.style.display = "none";
-    } else {
-      mail.style.display = "flex";
-      mail.parentElement.style.display = "flex";
-      multiEnigme.style.display = "block";
-    }
-  }
-
-  if (element.parentElement.parentElement.parentElement.id == "multiEnigme") {
-    if (multiEnigme.parentElement.classList.contains("fullscreen") == false) {
-      multiEnigme.parentElement.classList.add("fullscreen");
-      multiEnigme.classList.add("fullscreen");
-    } else {
-      multiEnigme.parentElement.classList.remove("fullscreen");
-      multiEnigme.classList.remove("fullscreen");
-    }
-
-    if (mail.style.display != "none") {
-      mail.style.display = "none";
-      mail.parentElement.style.display = "none";
-      soloEnigme.style.display = "none";
-    } else {
-      mail.style.display = "flex";
-      mail.parentElement.style.display = "flex";
-      soloEnigme.style.display = "block";
-    }
-  }
-
-  if (element.parentElement.parentElement.parentElement.id == "mail") {
-    mail.parentElement.classList.toggle("fullscreen");
-    mail.classList.toggle("fullscreen");
-
-    if (multiEnigme.style.display != "none") {
-      multiEnigme.style.display = "none";
-      multiEnigme.parentElement.style.display = "none";
-      soloEnigme.style.display = "none";
-    } else {
-      multiEnigme.style.display = "block";
-      multiEnigme.parentElement.style.display = "flex";
-      soloEnigme.style.display = "block";
-    }
-  }
 }