From 5556173e0f42140055651f787293afc7f9e81f6a Mon Sep 17 00:00:00 2001
From: SofianeLasri <alasri250@gmail.com>
Date: Sun, 20 Nov 2022 12:17:59 +0100
Subject: [PATCH] =?UTF-8?q?Am=C3=A9lioration=20du=20script=20de=20la=20bar?=
 =?UTF-8?q?re=20de=20navigation=20pour=20d=C3=A9tecter=20lorsque=20l'url?=
 =?UTF-8?q?=20n'a=20pas=20le=20param=C3=A8tre=20action.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/components/navbar.php | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/resources/views/components/navbar.php b/resources/views/components/navbar.php
index 00c8059..8f6eb32 100644
--- a/resources/views/components/navbar.php
+++ b/resources/views/components/navbar.php
@@ -1,7 +1,8 @@
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
     <div class="container-fluid">
         <a class="navbar-brand" href="?action=lireAuteurs">Bibliothèque</a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
+                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse" id="navbarNav">
@@ -25,9 +26,18 @@
     </div>
 </nav>
 <script type="text/javascript">
+    const defaultAction = "lireAuteurs";
     const urlParams = new URLSearchParams(window.location.search);
-    let links = document.querySelectorAll('a[href="?action='+urlParams.get("action")+'"]');
-    for (let i=0; i<links.length; i++){
-        links[i].classList.add("active");
+    if (urlParams.get("action") != null) {
+        setActiveLink(urlParams.get("action"));
+    } else {
+        setActiveLink(defaultAction);
+    }
+
+    function setActiveLink(actionName) {
+        let links = document.querySelectorAll('a[href="?action=' + actionName + '"]');
+        for (let i = 0; i < links.length; i++) {
+            links[i].classList.add("active");
+        }
     }
 </script>
\ No newline at end of file
-- 
GitLab