155 lines
3.8 KiB
Vue
155 lines
3.8 KiB
Vue
<template>
|
|
<v-navigation-drawer temporary v-model="xdrawer" dark fixed app>
|
|
<template>
|
|
<v-layout row>
|
|
<v-flex xs12>
|
|
<v-card elevation="0">
|
|
|
|
|
|
<v-list two-line subheader>
|
|
<v-subheader>General</v-subheader>
|
|
|
|
<v-list-tile avatar>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Profile photo</v-list-tile-title>
|
|
<v-list-tile-sub-title>Change your Google+ profile photo</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
|
|
<v-list-tile avatar>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Show your status</v-list-tile-title>
|
|
<v-list-tile-sub-title>Your status is visible to everyone</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
</v-list>
|
|
|
|
<v-divider></v-divider>
|
|
|
|
<v-list
|
|
subheader
|
|
two-line
|
|
>
|
|
<v-subheader>Hangout notifications</v-subheader>
|
|
|
|
<v-list-tile @click="">
|
|
<v-list-tile-action>
|
|
<v-checkbox v-model="notifications"></v-checkbox>
|
|
</v-list-tile-action>
|
|
|
|
<v-list-tile-content @click="notifications = !notifications">
|
|
<v-list-tile-title>Notifications</v-list-tile-title>
|
|
<v-list-tile-sub-title>Allow notifications</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
|
|
<v-list-tile @click="">
|
|
<v-list-tile-action>
|
|
<v-checkbox v-model="sound"></v-checkbox>
|
|
</v-list-tile-action>
|
|
|
|
<v-list-tile-content @click="sound = !sound">
|
|
<v-list-tile-title>Sound</v-list-tile-title>
|
|
<v-list-tile-sub-title>Hangouts message</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
|
|
<v-list-tile @click="">
|
|
<v-list-tile-action>
|
|
<v-checkbox v-model="video"></v-checkbox>
|
|
</v-list-tile-action>
|
|
|
|
<v-list-tile-content @click="video = !video">
|
|
<v-list-tile-title>Video sounds</v-list-tile-title>
|
|
<v-list-tile-sub-title>Hangouts video call</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
|
|
<v-list-tile @click="">
|
|
<v-list-tile-action>
|
|
<v-checkbox v-model="invites"></v-checkbox>
|
|
</v-list-tile-action>
|
|
|
|
<v-list-tile-content @click="invites = !invites">
|
|
<v-list-tile-title>Invites</v-list-tile-title>
|
|
<v-list-tile-sub-title>Notify when receiving invites</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
</v-list>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout>
|
|
</template>
|
|
</v-navigation-drawer>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.tile {
|
|
margin: 5px;
|
|
border-radius: 4px;
|
|
}
|
|
.tile:hover {
|
|
background-color: #1E88E5;
|
|
}
|
|
.tile:active {
|
|
background: #bec5b7;
|
|
}
|
|
.v-list__group__header__prepend-icon .v-icon {
|
|
color: white;
|
|
}
|
|
.v-list__tile__title:hover {
|
|
color: #BBDEFB;
|
|
}
|
|
|
|
.v-navigation-drawer {
|
|
z-index: 1003;
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
<style>
|
|
.v-overlay--active {
|
|
z-index: 1002;
|
|
}
|
|
</style>
|
|
<script>
|
|
module.exports = {
|
|
props: {
|
|
drawer: Boolean
|
|
},
|
|
|
|
computed : {
|
|
xdrawer: {
|
|
get() {
|
|
return this.drawer
|
|
},
|
|
set(v) {
|
|
this.$emit("togleDrawer")
|
|
}
|
|
},
|
|
level_0 () {
|
|
return this.$store.state.system.menu_level_0
|
|
},
|
|
|
|
level_1 () {
|
|
return this.$store.state.system.menu_level_1
|
|
},
|
|
|
|
level_2 () {
|
|
return this.$store.state.system.menu_level_2
|
|
}
|
|
},
|
|
|
|
mounted () {
|
|
// this.$store.dispatch('system/get_menu')
|
|
},
|
|
|
|
methods : {
|
|
goTo (url) {
|
|
window.location = BASE_URL + '/one-ui/' + url
|
|
}
|
|
}
|
|
}
|
|
</script>
|