issues with admin-bar and login OK now

OpenClassrooms-Student-Center · Aug 28, 2023 · e23deae · e23deae
1 parent 2a758dd
commit e23deae
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 84 deletions.
diff --git a/FrontEnd/FactoryFunction.js b/FrontEnd/FactoryFunction.js
diff --git a/FrontEnd/assets/style.css b/FrontEnd/assets/style.css
@@ -171,6 +171,23 @@ a {
   color: inherit;
 }
 
+/* Barre d'édition admin */
+.admin-bar {
+  background-color: #000000;
+  color: white;
+  padding: 10px;
+
+  top: 0;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.hidden {
+  display: none;
+}
+
 nav ul {
   display: flex;
   align-items: center;

diff --git a/FrontEnd/index.html b/FrontEnd/index.html
@@ -14,6 +14,10 @@
     <link rel="stylesheet" href="./assets/style.css" />
   </head>
   <body>
+    <div id="admin-bar" class="admin-bar hidden">
+      <button id="edit-mode-btn">Mode édition</button>
+      <button id="publish-changes-btn">Publier les changements</button>
+    </div>
     <header>
       <h1>Sophie Bluel <span>Architecte d'inteérieur</span></h1>
       <nav>

diff --git a/FrontEnd/login2.js b/FrontEnd/login2.js
@@ -55,8 +55,15 @@ async function handleFormSubmission(event) {
 function checkTokenLogin() {
   const tokenAuth = localStorage.getItem("token");
   const loginLink = document.getElementById("login-link");
+  const adminBar = document.getElementById("admin-bar");
 
-  loginLink.textContent = tokenAuth ? "logout" : "login";
+  if (tokenAuth) {
+    loginLink.textContent = "logout";
+    adminBar.classList.remove("hidden");
+  } else {
+    loginLink.textContent = "login";
+    adminBar.classList.add("hidden");
+  }
 }
 
 // Ajout de l'écouteur d'événements pour la soumission du formulaire

diff --git a/FrontEnd/main2.js b/FrontEnd/main2.js
@@ -2,7 +2,7 @@ import { initWorks } from "./works2.js";
 import { initLoginForm, checkTokenLogin } from "./login2.js";
 
 // Vérifier l'état de connexion de l'utilisateur
-checkTokenLogin();
+document.addEventListener("DOMContentLoaded", checkTokenLogin);
 
 // Lancer l'initialisation des travaux
 initWorks();

diff --git a/FrontEnd/test-pattern-works.js b/FrontEnd/test-pattern-works.js