77 lines
1.8 KiB
Vue
77 lines
1.8 KiB
Vue
<template>
|
|
<q-layout view="lHh Lpr lFf">
|
|
<q-header elevated>
|
|
<q-toolbar>
|
|
<q-btn
|
|
flat
|
|
dense
|
|
round
|
|
icon="menu"
|
|
aria-label="Menu"
|
|
@click="toggleLeftDrawer"
|
|
/>
|
|
|
|
<q-toolbar-title>Register pravinickych osob TISK</q-toolbar-title>
|
|
|
|
<div>Quasar v{{ $q.version }}</div>
|
|
</q-toolbar>
|
|
</q-header>
|
|
|
|
<q-page-container>
|
|
<slot />
|
|
</q-page-container>
|
|
</q-layout>
|
|
</template>
|
|
|
|
<script>
|
|
import { defineComponent, ref } from "vue";
|
|
import EssentialLink from "../components/EssentialLink.vue";
|
|
|
|
const linksList = [
|
|
{
|
|
title: "Github",
|
|
caption: "https://github.com/laraquasar",
|
|
icon: "code",
|
|
link: "https://github.com/laraquasar",
|
|
},
|
|
{
|
|
title: "Packagist",
|
|
caption: "https://packagist.org/packages/laraquasar/laraquasar",
|
|
icon: "code",
|
|
link: "https://packagist.org/packages/laraquasar/laraquasar",
|
|
},
|
|
{
|
|
title: "Docs Quasar",
|
|
caption: "quasar.dev",
|
|
icon: "school",
|
|
link: "https://quasar.dev",
|
|
},
|
|
{
|
|
title: "Docs Laravel",
|
|
caption: "laravel.com/docs",
|
|
icon: "school",
|
|
link: "https://laravel.com/docs",
|
|
},
|
|
];
|
|
|
|
export default defineComponent({
|
|
name: "MainLayout",
|
|
|
|
components: {
|
|
EssentialLink,
|
|
},
|
|
|
|
setup() {
|
|
const leftDrawerOpen = ref(false);
|
|
|
|
return {
|
|
essentialLinks: linksList,
|
|
leftDrawerOpen,
|
|
toggleLeftDrawer() {
|
|
leftDrawerOpen.value = !leftDrawerOpen.value;
|
|
},
|
|
};
|
|
},
|
|
});
|
|
</script>
|