From 13b32037339e3c71bae6e9f03ea8031becc5f105 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anders=20H=C3=B8vik?= <andehovi@stud.ntnu.no>
Date: Wed, 17 Apr 2024 09:35:14 +0200
Subject: [PATCH] Added routing-setup to later development
---
src/components/BaseComponents/Menu.vue | 47 ++++++++++++++++++++++----
1 file changed, 41 insertions(+), 6 deletions(-)
diff --git a/src/components/BaseComponents/Menu.vue b/src/components/BaseComponents/Menu.vue
index 494a029..ddd51d6 100644
--- a/src/components/BaseComponents/Menu.vue
+++ b/src/components/BaseComponents/Menu.vue
@@ -12,16 +12,16 @@
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 ui-menu">
<li class="nav-item">
- <a class="nav-link text-white" href="#">Saving goals</a>
+ <a class="nav-link text-white" href="/news" @click="toSavingGoals">Saving goals</a>
</li>
<li class="nav-item">
- <a class="nav-link text-white" href="#">Leaderboard</a>
+ <a class="nav-link text-white" href="/news" @click="toLeaderboard">Leaderboard</a>
</li>
<li class="nav-item">
- <a class="nav-link text-white" href="#">News</a>
+ <a class="nav-link text-white" href="/news" @click="toNews">News</a>
</li>
<li class="nav-item">
- <a class="nav-link text-white" href="#">Store</a>
+ <a class="nav-link text-white" href="/news" @click="toStore">Store</a>
</li>
</ul>
<nav class="navbar bg-success">
@@ -31,8 +31,9 @@
Username
</a>
<ul class="dropdown-menu bg-success dropdown-username-content">
- <li><a class="dropdown-item text-white dropdown-username-link" href="#">User Profile</a></li>
- <li><a class="dropdown-item text-white dropdown-username-link" href="#">Setting</a></li>
+ <li><a class="dropdown-item text-white dropdown-username-link" href="/news" @click="toUserProfile">User Profile</a></li>
+ <li><a class="dropdown-item text-white dropdown-username-link" href="/news" @click="toSetting">Setting</a></li>
+ <li><a class="dropdown-item text-white dropdown-username-link" href="/news" @click="toFeedback">Feedback</a></li>
</ul>
</div>
</nav>
@@ -41,6 +42,40 @@
</nav>
</template>
<script setup lang="ts">
+
+import {useRouter} from "vue-router";
+
+const router = useRouter();
+
+function toSavingGoals(){
+ router.push('/news')
+}
+
+function toLeaderboard(){
+ router.push('/news')
+}
+
+function toNews(){
+ router.push('/news')
+}
+
+function toStore(){
+ router.push('/news')
+}
+
+function toSetting(){
+ router.push('/news')
+}
+
+function toFeedback(){
+ router.push('/news')
+}
+
+function toUserProfile(){
+ router.push('/news')
+}
+
+
</script>
<style scoped>
.ui-menu{
--
GitLab