token d'authentification

FrontEnd/Javascript/editMod.js

@@ -0,0 +1,43 @@
+// Fonction, "Mode édition"
+  export function editMode() {
+    // Récupération de l'état de connexion
+    const authState = sessionStorage.getItem("authState");    
+
+    // Si connecté, alors
+    if (authState === "true") {
+      console.log("Vous êtes connecté"); // Message dans la console pour vérifier que vous êtes connecté
+
+      // Fonction qui retire les filtres
+      function noFilter(state) {
+      const filtersWorks = document.querySelector(".filter");
+      filtersWorks.style.display = state;
+    }
+      //   Masque les filtres
+      noFilter("none");
+      // Ancre "login" qui passe en "none"
+      document.getElementById("login").style.display = "none";
+
+      // Sinon si déconnecté alors,
+    } else {
+      // Ancre "logout" qui passe en "none"
+      document.getElementById("logout").style.display = "none";
+      console.log("Vous êtes déconnecté"); // Message dans la console pour vérifier que vous êtes dèconnecté
+    }
+  }
+
+    //Récupération de l'ancre "logout"
+    const logoutButton = document.querySelector("#logout");
+    // Au click du bouton "Logout"
+    logoutButton.addEventListener("click", function () {
+    // Récupération du token
+    const authToken = sessionStorage.getItem("authToken");
+    // Récupération de l'état de connexion
+    const authState = sessionStorage.getItem("authState");
+    // Retire le token
+    sessionStorage.removeItem("authToken");
+    // Retire l'état de connexion
+    sessionStorage.removeItem("authState");    
+    // Ancre "login" qui passe en "flex"
+    document.getElementById("login").style.display = "flex";
+  });
+

FrontEnd/Javascript/gallery.js

@@ -1,6 +1,8 @@
 // Import de la liste des travaux et catégories à partir de "data.js"
 import {works, categories} from "./data.js";
 
+import { editMode } from "./editMod.js";
+
         //Affichage des projets sur la page
 
 function generateWorks(works){
@@ -63,7 +65,8 @@ for(let i=0; i < categories.length ; i++){
         });
     };      
 
-
+// Affiche le mode édition si connecté
+editMode();
 
 
 

FrontEnd/index.html

@@ -19,6 +19,8 @@ <h1>Sophie Bluel <span>Architecte d'inteérieur</span></h1>
 			<li><a href="#portfolio">projets</a></li>
 			<li><a href="#contact">contact</a></li>
 			<li id="login"><a href="login.html">login</a></li>
+          	<!-- "editMode" ancre "logout" -->
+			<li id="logout" class="editMod"><a href="index.html">logout</a></li>
 			<li><a href="https://www.instagram.com/" target="_blank"><img src="./assets/icons/instagram.png" alt="Instagram"></a></li>
 		</ul>
 	</nav>