2017-09-20 04:11:40 +02:00
|
|
|
<template>
|
|
|
|
<v-navigation-drawer
|
|
|
|
persistent
|
|
|
|
clipped
|
|
|
|
enable-resize-watcher
|
2017-09-22 02:19:46 +02:00
|
|
|
v-model="isActive"
|
2017-09-20 04:11:40 +02:00
|
|
|
>
|
|
|
|
<v-list>
|
|
|
|
<v-list-tile :to="{ name: 'Home' }" exact>
|
|
|
|
<v-list-tile-action>
|
|
|
|
<v-icon>home</v-icon>
|
|
|
|
</v-list-tile-action>
|
|
|
|
<v-list-tile-content>
|
2017-09-22 03:05:48 +02:00
|
|
|
<v-list-tile-title>{{ $t('navigation.home') }}</v-list-tile-title>
|
2017-09-20 04:11:40 +02:00
|
|
|
</v-list-tile-content>
|
|
|
|
</v-list-tile>
|
|
|
|
<v-list-tile :to="{ name: 'Scan' }">
|
|
|
|
<v-list-tile-action>
|
2017-09-22 03:05:48 +02:00
|
|
|
<v-icon>camera_alt</v-icon>
|
2017-09-20 04:11:40 +02:00
|
|
|
</v-list-tile-action>
|
|
|
|
<v-list-tile-content>
|
2017-09-22 03:05:48 +02:00
|
|
|
<v-list-tile-title>{{ $t('navigation.scan') }}</v-list-tile-title>
|
2017-09-20 04:11:40 +02:00
|
|
|
</v-list-tile-content>
|
|
|
|
</v-list-tile>
|
|
|
|
<v-list-tile :to="{ name: 'ManualBarcode' }">
|
|
|
|
<v-list-tile-action>
|
2017-09-22 03:05:48 +02:00
|
|
|
<v-icon>keyboard</v-icon>
|
2017-09-20 04:11:40 +02:00
|
|
|
</v-list-tile-action>
|
|
|
|
<v-list-tile-content>
|
2017-09-22 03:05:48 +02:00
|
|
|
<v-list-tile-title>{{ $t('navigation.manualBarcode') }}</v-list-tile-title>
|
2017-09-20 04:11:40 +02:00
|
|
|
</v-list-tile-content>
|
|
|
|
</v-list-tile>
|
|
|
|
<v-list-tile :to="{ name: 'Preferences' }">
|
|
|
|
<v-list-tile-action>
|
|
|
|
<v-icon>settings</v-icon>
|
|
|
|
</v-list-tile-action>
|
|
|
|
<v-list-tile-content>
|
2017-09-22 03:05:48 +02:00
|
|
|
<v-list-tile-title>{{ $t('navigation.preferences') }}</v-list-tile-title>
|
2017-09-20 04:11:40 +02:00
|
|
|
</v-list-tile-content>
|
|
|
|
</v-list-tile>
|
|
|
|
</v-list>
|
|
|
|
</v-navigation-drawer>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2017-09-22 02:19:46 +02:00
|
|
|
/**
|
|
|
|
* TODO: Do not open drawer on route change.
|
|
|
|
* TODO: Should stick to the toolbar on xs screens. Should be fixed by Vuetify 0.16.
|
|
|
|
*/
|
2017-09-20 04:11:40 +02:00
|
|
|
export default {
|
|
|
|
props: {
|
2017-09-22 02:19:46 +02:00
|
|
|
value: Boolean,
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
isActive: {
|
|
|
|
get() {
|
|
|
|
return this.value;
|
|
|
|
},
|
|
|
|
set(val) {
|
|
|
|
this.$emit('input', val);
|
|
|
|
},
|
|
|
|
},
|
2017-09-20 04:11:40 +02:00
|
|
|
},
|
|
|
|
};
|
|
|
|
</script>
|