62 lines
1.6 KiB
Vue
62 lines
1.6 KiB
Vue
<template>
|
|
<q-layout view="hHh lpr lFf">
|
|
<!-- Be sure to play with the Layout demo on docs -->
|
|
|
|
<!-- (Optional) The Header -->
|
|
<q-header elevated>
|
|
<q-toolbar>
|
|
<q-toolbar-title>
|
|
<q-avatar>
|
|
<img src="logo.svg" />
|
|
</q-avatar>
|
|
<span class="gt-xs">
|
|
Flaschengeist
|
|
</span>
|
|
</q-toolbar-title>
|
|
<div>
|
|
<short-cut-link
|
|
v-for="(shortcut, index) in $flaschengeistPlugins.shortcutsOut"
|
|
:key="'shortcut' + index"
|
|
:link="shortcut.link"
|
|
:icon="shortcut.icon"
|
|
/>
|
|
</div>
|
|
<q-btn
|
|
flat
|
|
round
|
|
dense
|
|
icon="mdi-information"
|
|
v-if="$route.name != 'about_out'"
|
|
@click="$router.push({ name: 'about_out' })"
|
|
/>
|
|
<q-btn
|
|
flat
|
|
round
|
|
dense
|
|
icon="mdi-login-variant"
|
|
v-if="$route.name != 'login'"
|
|
@click="$router.push({ name: 'login' })"
|
|
/>
|
|
</q-toolbar>
|
|
</q-header>
|
|
|
|
<!-- (Optional) The Footer -->
|
|
|
|
<!-- (Optional) A Drawer; you can add one more with side="right" or change this one's side -->
|
|
|
|
<q-page-container>
|
|
<!-- This is where pages get injected -->
|
|
<router-view />
|
|
</q-page-container>
|
|
</q-layout>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from '@vue/composition-api';
|
|
import ShortCutLink from 'components/navigation/ShortCutLink.vue';
|
|
export default defineComponent({
|
|
name: 'OutLayout',
|
|
components: { ShortCutLink }
|
|
});
|
|
</script>
|