58 lines
1.4 KiB
Vue
58 lines
1.4 KiB
Vue
<template>
|
|
<q-layout view="hHh lpr lFf">
|
|
<q-header elevated>
|
|
<q-toolbar>
|
|
<q-toolbar-title>
|
|
<q-avatar rounded>
|
|
<img src="flaschengeist-logo-white.svg" />
|
|
</q-avatar>
|
|
<span class="gt-xs"> Flaschengeist </span>
|
|
</q-toolbar-title>
|
|
<div>
|
|
<short-cut-link
|
|
v-for="(shortcut, index) in plugins.shortcutsOut"
|
|
:key="'shortcut' + index"
|
|
:link="shortcut.link"
|
|
:icon="shortcut.icon"
|
|
/>
|
|
</div>
|
|
<q-btn
|
|
v-if="$route.name != 'about_out'"
|
|
flat
|
|
round
|
|
dense
|
|
icon="mdi-information"
|
|
@click="$router.push({ name: 'about_out' })"
|
|
/>
|
|
<q-btn
|
|
v-if="$route.name != 'login'"
|
|
flat
|
|
round
|
|
dense
|
|
icon="mdi-login-variant"
|
|
@click="$router.push({ name: 'login' })"
|
|
/>
|
|
</q-toolbar>
|
|
</q-header>
|
|
|
|
<q-page-container>
|
|
<router-view />
|
|
</q-page-container>
|
|
</q-layout>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { FG_Plugin } from 'src/plugins';
|
|
import { defineComponent, inject } from 'vue';
|
|
import ShortCutLink from 'components/navigation/ShortCutLink.vue';
|
|
|
|
export default defineComponent({
|
|
name: 'OutLayout',
|
|
components: { ShortCutLink },
|
|
setup() {
|
|
const plugins = inject<FG_Plugin.LoadedPlugins>('flaschengeistPlugins');
|
|
return { plugins };
|
|
},
|
|
});
|
|
</script>
|