surya/freeplanet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix way to routing, using only one array ! ...continue

Browse Source
This commit is contained in:
Paolo Arena
2019-07-18 13:22:23 +02:00
parent a80bbe3236
commit 116703d6cc
13 changed files with 593 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/layouts/menuone/menuOne.scss
View File

@@ -52,6 +52,7 @@
}
.my-menu, .my-menu > i{
min-height: 40px;
min-width: 26px;
font-size: 1rem;
}
@@ -63,7 +64,7 @@
.my-menu-icon > i{
min-width: 26px;
font-size: 1.5rem;
font-size: 1.25rem;
}
.clexpansion{

7
src/layouts/menuone/menuOne.ts
View File

@@ -2,6 +2,7 @@ import Vue from 'vue'
import { Watch } from 'vue-property-decorator'
import { GlobalStore } from '../../store/Modules'
import Component from 'vue-class-component'
import { static_data } from '../../db/static_data'
export default class MenuOne extends Vue {
@@ -29,7 +30,7 @@ export default class MenuOne extends Vue {
public setParentVisibilityBasedOnRoute(parent) {
parent.routes.forEach((item) => {
if (this.$route.path === item.route) {
if (this.$route.path === item.path) {
parent.show = true
return
}
@@ -43,4 +44,8 @@ export default class MenuOne extends Vue {
return text
}
get static_data(){
return static_data
}
}

38
src/layouts/menuone/menuOne.vue
View File

@@ -3,8 +3,8 @@
<q-list class="rounded-borders text-primary">
<template v-for="(parent, index) in getmenu">
<!--<div class="q-list-header">{{replaceUnderlineToSpace(index)}}</div>-->
<div v-for="myitemmenu in parent.routes">
<div v-if="!!myitemmenu.routes2">
<div v-for="myitemmenu in static_data.routes">
<div v-if="!!myitemmenu.routes2 && myitemmenu.inmenu">
<q-expansion-item
:header-inset-level="myitemmenu.level_parent"
:content-inset-level="myitemmenu.level_parent"
@@ -16,7 +16,7 @@
<q-expansion-item v-for="(child2, index) in myitemmenu.routes2"
:key="index"
:to="child2.route"
:to="child2.path"
:header-inset-level="child2.level_child"
:duration="300"
:icon="child2.materialIcon"
@@ -26,7 +26,7 @@
:label="getLabelByItem(child2)">
<q-expansion-item v-if="!!child2.routes2" v-for="(child3, index) in child2.routes2"
:key="index"
:to="child3.route"
:to="child3.path"
:header-inset-level="child3.level_child"
:duration="300"
:icon="child3.materialIcon"
@@ -42,18 +42,19 @@
</q-expansion-item>
</div>
<div v-else>
<q-slide-transition :duration=200>
<div v-show="true">
<q-expansion-item
:to="myitemmenu.route"
:header-inset-level="myitemmenu.level_parent"
:content-inset-level="myitemmenu.level_parent"
:label="getLabelByItem(myitemmenu)"
:icon="myitemmenu.materialIcon"
expand-icon="none"
header-class="my-menu"
active-class="my-menu-active">
</q-expansion-item>
<div v-if="myitemmenu.inmenu && !myitemmenu.submenu">
<q-slide-transition :duration=200>
<div v-show="true">
<q-expansion-item
:to="myitemmenu.path"
:header-inset-level="myitemmenu.level_parent"
:content-inset-level="myitemmenu.level_parent"
:label="getLabelByItem(myitemmenu)"
:icon="myitemmenu.materialIcon"
expand-icon="none"
header-class="my-menu"
active-class="my-menu-active">
</q-expansion-item>
<!--
@@ -72,8 +73,9 @@
</q-item-section>
</q-item>
-->
</div>
</q-slide-transition>
</div>
</q-slide-transition>
</div>
</div>
</div>
</template>