From d78778dad50702edc05a941f75d71d46622f0805 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anders=20H=C3=B8vik?= <andehovi@stud.ntnu.no>
Date: Tue, 30 Apr 2024 13:49:13 +0200
Subject: [PATCH] Added dynamic counter to notification button
---
src/components/BaseComponents/Menu.vue | 10 +++++++++-
1 file changed, 9 insertions(+), 1 deletion(-)
diff --git a/src/components/BaseComponents/Menu.vue b/src/components/BaseComponents/Menu.vue
index 8eb9ca4..5ed22ce 100644
--- a/src/components/BaseComponents/Menu.vue
+++ b/src/components/BaseComponents/Menu.vue
@@ -32,7 +32,7 @@
<a data-mdb-dropdown-init class=" nav-link me-3 dropdown-toggle hidden-arrow notification" href="#" id="navbarDropdownMenuLink"
role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fas fa-bell text-white"></i>
- <span class="badge rounded-pill badge-notification bg-danger">1</span>
+ <span class="badge rounded-pill badge-notification bg-danger">{{counter}}</span>
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li v-for="(array,key) in notifMap" :key="key" >
@@ -116,6 +116,8 @@ let notifId = ref(0);
let path = ref('#');
+let counter = ref(0)
+
/* id: 0 -> /roadmap
id: 1 -> /profile
@@ -135,6 +137,8 @@ function getNotification(){
notifId.value++
notifMap.value.set(notifId.value,response3.value)
notifId.value++
+
+ counter.value = notifMap.value.size
}
function toBadges(){
@@ -154,6 +158,10 @@ function getPath(id : string){
return '#';
}
+function updateNotification(){
+ //Axios get request to the getFunction
+}
+
function removeNotification() {
}
--
GitLab