imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Router: change /Discover to /Discover/map/type/filterId

Browse Source
This commit is contained in:
chiayin
2023-06-16 17:13:59 +08:00
parent 07b35fcce0
commit af1f8f3016
20 changed files with 121 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/Navbar.vue
View File

@@ -5,13 +5,15 @@
<div class="flex flex-1 items-center">
<!-- 回 Files 頁 -->
<router-link to class="mr-4" v-if="navViewName !== 'FILES'" id="backPage">
<span @click="$router.back(-1)" class="material-symbols-outlined text-neutral-10 leading-loose">
<!-- $router.push({ name: 'Files' }) -->
<!-- $router.back(-1) -->
<span @click="$router.push({ name: 'Files' })" class="material-symbols-outlined text-neutral-10 leading-loose">
arrow_back
</span>
</router-link>
<h2 class="mr-14 py-3 text-2xl font-black text-neutral-10">{{ navViewName }}</h2>
<ul class="flex justify-center items-center space-x-4 text-xl font-semibold text-neutral-300 cursor-pointer">
<li @click="switchNavItem($event)" v-for="(item, index) in navViewData[navViewName]" :key="index">{{ item }}</li>
<li @click="switchNavItem($event, index)" v-for="(item, index) in navViewData[navViewName]" :key="index">{{ item }}</li>
</ul>
</div>
<!-- Files Page: Search and Upload -->
@@ -61,7 +63,7 @@ export default {
// FILES: ['ALL', 'DISCOVER', 'COMPARE', 'DESIGN'],
FILES: ['ALL', 'DISCOVER'],
// DISCOVER: ['MAP', 'CONFORMANCE', 'PERFORMANCE', 'DATA']
DISCOVER: ['MAP']
DISCOVER: ['MAP', 'CONFORMANCE']
},
navViewName: 'FILES',
};
@@ -92,8 +94,7 @@ export default {
savedSuccessfully
},
mounted() {
let filterId = this.$route.params.filterId;
this.createfilterId = filterId;
if(this.$route.params.type === 'filter') this.createfilterId= this.$route.params.fileId;
this.showNavbarBreadcrumb = this.$route.matched[0].name !== ('AuthContainer')? true : false;
this.getNavViewName();
},
@@ -102,12 +103,23 @@ export default {
* switch navbar item
*/
switchNavItem(event) {
this.store.filesTag = event.target.innerText;
let type;
let fileId;
if(this.navViewName === 'FILES') {
this.store.filesTag = event.target.innerText;
} else if(this.navViewName === 'DISCOVER') {
type = this.$route.params.type;
fileId = this.$route.params.fileId;
if(event.target.innerText === 'MAP') {
this.$router.push({name: 'Map', params: { type: type, fileId: fileId }})
} else if(event.target.innerText === 'CONFORMANCE') {
this.$router.push({name: 'Conformance', params: { type: type, fileId: fileId }})
}
}
},
getNavViewName() {
this.navViewName = this.$route.name.toUpperCase();
if(this.navViewName === 'DISCOVERLOG' || this.navViewName === 'DISCOVERFILTER') this.navViewName = 'DISCOVER';
this.navViewName = this.$route.matched[1].name.toUpperCase();
},
/**
* Save button' modal