109 lines
2.9 KiB
JavaScript
109 lines
2.9 KiB
JavaScript
var smartNavbarComponent = {
|
|
template: `
|
|
<span>
|
|
<v-navigation-drawer v-model="drawer" fixed app>
|
|
<v-list>
|
|
<v-list-group no-action group="l1home">
|
|
<v-list-tile slot="activator">
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>
|
|
L1 Home
|
|
</v-list-tile-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
|
|
<v-list-tile>
|
|
<v-list-tile-action>
|
|
<v-icon>restaurant</v-icon>
|
|
</v-list-tile-action>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>
|
|
Sub of Home
|
|
</v-list-tile-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
|
|
<v-list-group no-action sub-group group="l2home" >
|
|
<v-list-tile slot="activator">
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>
|
|
L2 Home
|
|
</v-list-tile-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
<v-list-tile>
|
|
<v-list-tile-action>
|
|
<v-icon>restaurant</v-icon>
|
|
</v-list-tile-action>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>
|
|
Sub of L2 Home
|
|
</v-list-tile-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
|
|
<v-list-group no-action sub-group group="l2home.l3home" >
|
|
<v-list-tile slot="activator">
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>
|
|
L3 Home
|
|
</v-list-tile-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
<v-list-tile>
|
|
<v-list-tile-action>
|
|
<v-icon>restaurant</v-icon>
|
|
</v-list-tile-action>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>
|
|
Sub of L3 Home
|
|
</v-list-tile-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
</v-list-group>
|
|
|
|
</v-list-group>
|
|
|
|
</v-list-group>
|
|
|
|
<v-list-group no-action >
|
|
<v-list-tile slot="activator">
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>
|
|
L1 School
|
|
</v-list-tile-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
|
|
<v-list-tile>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>
|
|
Sub of School
|
|
</v-list-tile-title>
|
|
</v-list-tile-content>
|
|
<v-list-tile-action>
|
|
<v-icon>school</v-icon>
|
|
</v-list-tile-action>
|
|
</v-list-tile>
|
|
</v-list-group>
|
|
|
|
|
|
|
|
</v-list>
|
|
</v-navigation-drawer>
|
|
<v-toolbar color="indigo" dark fixed app>
|
|
<v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
|
|
<v-toolbar-title>Application</v-toolbar-title>
|
|
</v-toolbar>
|
|
</span>
|
|
`,
|
|
data: function() {
|
|
return {
|
|
drawer: true
|
|
};
|
|
},
|
|
methods: {}
|
|
};
|
|
|
|
export { smartNavbarComponent };
|