118 lines
3.9 KiB
Vue
118 lines
3.9 KiB
Vue
<template>
|
|
<v-layout row justify-center>
|
|
<v-dialog v-model="dialog_start" fullscreen persistense hide-overlay transition="dialog-bottom-transition">
|
|
<v-card>
|
|
<v-toolbar dark color="primary">
|
|
<v-btn icon dark @click="dialog = false">
|
|
<v-icon>close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Settings</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-btn dark flat @click="dialog = false">Save</v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-list three-line subheader>
|
|
<v-subheader>User Controls</v-subheader>
|
|
<v-list-tile avatar>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Content filtering</v-list-tile-title>
|
|
<v-list-tile-sub-title>Set the content filtering level to restrict apps that can be downloaded</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
<v-list-tile avatar>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Password</v-list-tile-title>
|
|
<v-list-tile-sub-title>Require password for purchase or use password to restrict purchase</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
</v-list>
|
|
<v-divider></v-divider>
|
|
<v-list three-line subheader>
|
|
<v-subheader>General</v-subheader>
|
|
<v-list-tile avatar>
|
|
<v-list-tile-action>
|
|
<v-checkbox v-model="notifications"></v-checkbox>
|
|
</v-list-tile-action>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Notifications</v-list-tile-title>
|
|
<v-list-tile-sub-title>Notify me about updates to apps or games that I downloaded</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
<v-list-tile avatar>
|
|
<v-list-tile-action>
|
|
<v-checkbox v-model="sound"></v-checkbox>
|
|
</v-list-tile-action>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Sound</v-list-tile-title>
|
|
<v-list-tile-sub-title>Auto-update apps at any time. Data charges may apply</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
<v-list-tile avatar>
|
|
<v-list-tile-action>
|
|
<v-checkbox v-model="widgets"></v-checkbox>
|
|
</v-list-tile-action>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Auto-add widgets</v-list-tile-title>
|
|
<v-list-tile-sub-title>Automatically add home screen widgets</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
</v-list>
|
|
</v-card>
|
|
</v-dialog>
|
|
</v-layout>
|
|
</template>
|
|
|
|
<style scoped>
|
|
table.v-table tbody td,table.v-table tbody th {
|
|
height: 40px;
|
|
}
|
|
|
|
table.v-table thead tr {
|
|
height: 40px;
|
|
}
|
|
|
|
.one-btn-icon { font-size: 1.5em; float: right }
|
|
</style>
|
|
|
|
<script>
|
|
module.exports = {
|
|
computed : {
|
|
dialog_start: {
|
|
get() {
|
|
return this.$store.state.order.dialog_start
|
|
},
|
|
set(val) {
|
|
this.$store.commit('order/update_dialog_start',val)
|
|
}
|
|
},
|
|
status_start: {
|
|
get() {
|
|
return this.$store.state.order.status_start
|
|
},
|
|
set(val) {
|
|
this.$store.commit('order/update_status_start',val)
|
|
}
|
|
},
|
|
time_start: {
|
|
get() {
|
|
return this.$store.state.order.time_start
|
|
},
|
|
set(val) {
|
|
this.$store.commit('order/update_time_start',val)
|
|
}
|
|
}
|
|
},
|
|
|
|
data() {
|
|
return {
|
|
|
|
};
|
|
},
|
|
|
|
methods : {
|
|
|
|
}
|
|
}
|
|
</script>
|