From 87484b42188c339bf0b9c2b4f7ea286e11cc5edc Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Tue, 19 Nov 2024 17:06:57 +0100
Subject: [PATCH] menu : add active class on projects

---
 src/components/Menu.vue | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index 61927a3..82c927e 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -51,7 +51,10 @@
       <details v-if="currentProjects.length" open>
         <summary>Projets en cours</summary>
         <ul>
-          <li v-for="project in currentProjects">
+          <li
+            v-for="project in currentProjects"
+            :class="{ active: isCurrent(project) }"
+          >
             <router-link :to="project.uri" class="new">{{
               project.title
             }}</router-link>
@@ -61,7 +64,10 @@
       <details v-if="archivedProjects.length">
         <summary>Projets archivés</summary>
         <ul>
-          <li v-for="project in archivedProjects">
+          <li
+            v-for="project in archivedProjects"
+            :class="{ active: isCurrent(project) }"
+          >
             <router-link :to="project.uri" class="new">{{
               project.title
             }}</router-link>
@@ -123,7 +129,13 @@ function toggleExpand() {
 }
 
 function isCurrent(navItem) {
-  return navItem.path === route.path;
+  console.log(navItem);
+  if (navItem.path) {
+    return navItem.path === route.path;
+  }
+  if (navItem.uri) {
+    return navItem.uri === route.path;
+  }
 }
 </script>
 
@@ -232,7 +244,7 @@ button[aria-controls="menu"][aria-expanded="false"] {
 }
 
 #menu li.disabled {
-  opacity: .5;
+  opacity: 0.5;
 }
 #menu li.disabled a::before {
   cursor: not-allowed;