47 lines
958 B
Vue
47 lines
958 B
Vue
<template lang="pug">
|
|
.flex.flex-col.w-full.h-full.gap-y-2
|
|
the-header(
|
|
:is-open-form="isOpenForm",
|
|
:close-form="closeForm",
|
|
:open-form="openForm",
|
|
:current-year="currentYear"
|
|
)
|
|
.flex.flex-auto
|
|
the-sidebar
|
|
router-view(
|
|
:open-form="openForm",
|
|
:is-open-form="isOpenForm",
|
|
:current-year="currentYear"
|
|
)
|
|
</template>
|
|
|
|
<script>
|
|
import TheHeader from "@/components/TheHeader";
|
|
import TheSidebar from "@/components/TheSidebar";
|
|
|
|
export default {
|
|
name: "LoggedInLayout",
|
|
components: { TheHeader, TheSidebar },
|
|
data() {
|
|
return {
|
|
isOpenForm: false,
|
|
currentYear: null,
|
|
};
|
|
},
|
|
methods: {
|
|
openForm() {
|
|
this.isOpenForm = true;
|
|
},
|
|
closeForm() {
|
|
this.isOpenForm = false;
|
|
},
|
|
printCurrentYear() {
|
|
return new Date().getFullYear();
|
|
},
|
|
},
|
|
mounted: function () {
|
|
this.currentYear = this.printCurrentYear();
|
|
},
|
|
};
|
|
</script>
|