Skip to content

ToU: navigation panel component #1140

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
deer-wmde wants to merge 13 commits into
base: main
Choose a base branch
from
+63 −0
Open

ToU: navigation panel component #1140

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
a9902c0
add NaviagationPanel component
deer-wmde Jun 16, 2026
ddf9afc
delete obsolete NavgationLinks.js
deer-wmde Jun 18, 2026
4ec97b9
use route path instead of name
deer-wmde Jun 18, 2026
c5a41e6
refactor
deer-wmde Jun 18, 2026
f42c5a3
style
deer-wmde Jun 18, 2026
7f3e8e6
remove debug logs
deer-wmde Jun 18, 2026
a68f5a8
better initialization
deer-wmde Jun 18, 2026
9f40cbd
remove examples pages
deer-wmde Jun 19, 2026
976836a
add legacy ToU sfc
deer-wmde Jun 19, 2026
0f77e53
restore router
deer-wmde Jun 19, 2026
f571e73
use strict comparison operator
deer-wmde Jun 19, 2026
9155207
remove duplicate element
deer-wmde Jun 19, 2026
b5bab85
remove unused style section
deer-wmde Jun 19, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 36 additions & 0 deletions src/components/Pages/Components/PolicyNavigationPanel.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<template>
<v-expansion-panels v-bind:value="$vuetify.breakpoint.mdAndUp ? 0 : null" v-if="links">
Comment thread
deer-wmde marked this conversation as resolved.
<v-expansion-panel>
<v-expansion-panel-header>{{ title }}</v-expansion-panel-header>

<v-expansion-panel-content>
<v-list class="wrap">
<v-list-item v-for="(link) in links" :key="link.routePath">
<v-list-item-content>
<v-list-item-title v-if="link.routePath === currentPath">
{{ link.title }}
</v-list-item-title>

<v-list-item-title v-else>
Comment thread
deer-wmde marked this conversation as resolved.
<router-link :to="{ path: link.routePath }" class="text-decoration-none">
{{ link.title }}
</router-link>
</v-list-item-title>
</v-list-item-content>
</v-list-item>
</v-list>
</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</template>

<script>
export default {
name: 'NavigationPanel',
props: {
title: String,
currentPath: String,
links: Array,
},
}
</script>
27 changes: 27 additions & 0 deletions src/components/Pages/TermsOfUse/TermsOfUseNavigationPanel.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<template>
<PolicyNavigationPanel title="All Versions" :links="termsOfUseLinks" :currentPath="currentPath" />
</template>

<script>
import PolicyNavigationPanel from '../Components/PolicyNavigationPanel.vue'

export default {
name: 'TermsOfUseNavigationPanel',
components: {
PolicyNavigationPanel,
},
data: () => ({
termsOfUseLinks: [
{ title: 'Upcoming Version', routePath: '/terms-of-use/upcoming' },
{ title: 'April 11th 2022 (current)', routePath: '/terms-of-use' },
Comment thread
deer-wmde marked this conversation as resolved.
],
currentPath: null,
}),
mounted () {
this.currentPath = this.$route.path
},
}

</script>

<style scoped></style>
Loading