[chore] show menu drawer auto if on desktop

This commit is contained in:
Tim Gröger 2021-11-19 23:10:56 +01:00
parent dad88ec766
commit e96d15bc66
1 changed files with 17 additions and 2 deletions

View File

@ -77,7 +77,7 @@ import EssentialLink from 'src/components/navigation/EssentialLink.vue';
import ShortcutLink from 'src/components/navigation/ShortcutLink.vue'; import ShortcutLink from 'src/components/navigation/ShortcutLink.vue';
import Notification from 'src/components/Notification.vue'; import Notification from 'src/components/Notification.vue';
import { defineComponent, ref, inject, computed, onBeforeMount, onBeforeUnmount } from 'vue'; import { defineComponent, ref, inject, computed, onBeforeMount, onBeforeUnmount } from 'vue';
import { Screen } from 'quasar'; import { Screen, Platform } from 'quasar';
import config from 'src/config'; import config from 'src/config';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { useMainStore } from '@flaschengeist/api'; import { useMainStore } from '@flaschengeist/api';
@ -105,7 +105,22 @@ export default defineComponent({
const router = useRouter(); const router = useRouter();
const mainStore = useMainStore(); const mainStore = useMainStore();
const flaschengeist = inject<FG_Plugin.Flaschengeist>('flaschengeist'); const flaschengeist = inject<FG_Plugin.Flaschengeist>('flaschengeist');
const leftDrawer = ref(false); const _leftDrawer = ref<boolean|undefined>();
const leftDrawer = computed({
get: () => {
if (_leftDrawer.value !== undefined) {
console.log("ist undefiend")
return _leftDrawer.value
}
if (Platform.is.mobile) {
console.log("is mobile")
return false
}
console.log("is desktop")
return true
},
set: (val) => _leftDrawer.value = val
})
const leftDrawerMini = ref(false); const leftDrawerMini = ref(false);
const mainLinks = flaschengeist?.menuLinks || []; const mainLinks = flaschengeist?.menuLinks || [];
const notifications = computed(() => mainStore.notifications.slice().reverse()); const notifications = computed(() => mainStore.notifications.slice().reverse());