admin/raven-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Browse Source
This commit is contained in:
John Cardinal
2019-04-17 23:06:31 +00:00
parent 3610c44ad7
commit 5e69bbb8ea
1 changed files with 42 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
ayanova/src/App.vue
View File

@@ -19,42 +19,51 @@
<span>{{ appBar.title}}</span> <span>{{ appBar.title}}</span>
</v-toolbar-title> </v-toolbar-title>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-toolbar-items>
<v-btn icon> <template v-for="(item) in appBar.menuItems">
<v-icon>fa-save</v-icon> <v-btn
</v-btn> class="hidden-sm-and-down"
<v-btn icon> right
<v-icon>fa-search</v-icon> flat
</v-btn> icon
v-if="item.surface"
<v-menu bottom left> :key="item.key"
<template v-slot:activator="{ on }"> :disabled="item.disabled"
<v-btn dark icon v-on="on"> @click="$gzevent.$emit('menu-click',item)"
<v-icon>fa-ellipsis-v</v-icon> >
<v-icon :color="item.color?item.color:''">{{ "fa-" + item.icon }}</v-icon>
</v-btn> </v-btn>
</template> </template>
<v-list> <v-spacer></v-spacer>
<template v-for="(item,index) in appBar.menuItems"> <v-menu bottom left>
<v-subheader v-if="item.header" :key="index">{{ item.header }}</v-subheader> <template v-slot:activator="{ on }">
<v-divider v-else-if="item.divider" :key="index" :inset="item.inset"></v-divider> <v-btn flat dark icon v-on="on">
<v-list-tile <v-icon>fa-ellipsis-v</v-icon>
v-else </v-btn>
:key="item.key"
:disabled="item.disabled"
@click="$gzevent.$emit('menu-click',item)"
>
<v-list-tile-action>
<v-icon v-if="item.icon" :color="item.color?item.color:''">{{ "fa-" + item.icon }}</v-icon>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title>
<span>{{ item.title }}</span>
</v-list-tile-title>
</v-list-tile-content>
</v-list-tile>
</template> </template>
</v-list> <v-list>
</v-menu> <template v-for="(item,index) in appBar.menuItems">
<v-subheader v-if="item.header" :key="index">{{ item.header }}</v-subheader>
<v-divider v-else-if="item.divider" :key="index" :inset="item.inset"></v-divider>
<v-list-tile
v-else
:key="item.key"
:disabled="item.disabled"
@click="$gzevent.$emit('menu-click',item)"
>
<v-list-tile-action>
<v-icon v-if="item.icon" :color="item.color?item.color:''">{{ "fa-" + item.icon }}</v-icon>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title>
<span>{{ item.title }}</span>
</v-list-tile-title>
</v-list-tile-content>
</v-list-tile>
</template>
</v-list>
</v-menu>
</v-toolbar-items>
</v-toolbar> </v-toolbar>
<v-content> <v-content>
<v-container fluid fill-height> <v-container fluid fill-height>