17th-Ranger-Battalion-ORG/17th-Site-Front-End-V2
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

implemented navigation to the forms page

Browse Source
This commit is contained in:
ajdj100
2023-09-18 09:53:08 -04:00
parent b998896947
commit b1cf3c50f8
3 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
17th Website/src/components/FormsPage/forms.vue Normal file
View File

@@ -0,0 +1,9 @@
<script setup>
</script>
<template>
<h1>Here is a child component!</h1>
</template>

2
17th Website/src/components/navigation/Navbar.vue
View File

@@ -28,7 +28,7 @@ export default {
<hr class="text-white"> <hr class="text-white">
<navitem icon="carbon:home" link="/" @click="setActive('#home')" :active="activeButton === '#home'" /> <navitem icon="carbon:home" link="/" @click="setActive('#home')" :active="activeButton === '#home'" />
<navitem icon="carbon:events" link="/users" @click="setActive('#users')" :active="activeButton === '#users'"/> <navitem icon="carbon:events" link="/users" @click="setActive('#users')" :active="activeButton === '#users'"/>
<navitem icon="carbon:align-box-bottom-left" link="#" @click="setActive('#docs')" :active="activeButton === '#docs'"/> <navitem icon="carbon:align-box-bottom-left" link="/forms" @click="setActive('#docs')" :active="activeButton === '#docs'"/>
<navitem icon="carbon:tool-kit" link="#" @click="setActive('#tools')" :active="activeButton === '#tools'"/> <navitem icon="carbon:tool-kit" link="#" @click="setActive('#tools')" :active="activeButton === '#tools'"/>
</div> </div>
</template> </template>

5
17th Website/src/router.js
View File

@@ -35,6 +35,11 @@ export default createRouter({
path: '/users', path: '/users',
name: 'Users', name: 'Users',
component: () => import('./views/users.vue'), component: () => import('./views/users.vue'),
},
{
path: '/forms',
name: 'Forms',
component: () => import('./components/FormsPage/forms.vue')
} }
] ]
}) })