2020-05-04 04:31:12 +00:00
|
|
|
<template>
|
2021-03-10 15:10:20 +00:00
|
|
|
<div id="app" class="d-flex flex-column vh-100">
|
2021-12-19 15:57:22 +00:00
|
|
|
<NavBar />
|
2021-03-10 15:10:20 +00:00
|
|
|
<Body class="flex-fill overflow-auto" />
|
2020-09-12 14:29:41 +00:00
|
|
|
</div>
|
2020-05-04 04:31:12 +00:00
|
|
|
</template>
|
2020-05-17 18:22:03 +00:00
|
|
|
|
2020-09-08 09:53:34 +00:00
|
|
|
<script lang="ts">
|
2020-06-20 15:10:11 +00:00
|
|
|
import { Component, Vue } from 'vue-property-decorator';
|
2021-12-19 15:57:22 +00:00
|
|
|
import NavBar from '@/components/layout/NavBar.vue';
|
2020-05-18 18:10:34 +00:00
|
|
|
import Body from '@/components/layout/Body.vue';
|
2021-07-01 18:19:51 +00:00
|
|
|
import { namespace } from 'vuex-class';
|
|
|
|
|
import { SettingsGetters } from './store/modules/settings';
|
|
|
|
|
import { setTimezone } from './shared/formatters';
|
2021-12-20 19:12:57 +00:00
|
|
|
import StoreModules from './store/storeSubModules';
|
2021-07-01 18:19:51 +00:00
|
|
|
|
2021-12-20 19:12:57 +00:00
|
|
|
const uiSettingsNs = namespace(StoreModules.uiSettings);
|
2020-05-04 04:31:12 +00:00
|
|
|
|
2020-06-20 15:10:11 +00:00
|
|
|
@Component({
|
2021-12-19 15:57:22 +00:00
|
|
|
components: { NavBar, Body },
|
2020-06-20 15:10:11 +00:00
|
|
|
})
|
2021-07-01 18:19:51 +00:00
|
|
|
export default class App extends Vue {
|
|
|
|
|
@uiSettingsNs.Getter [SettingsGetters.timezone]: string;
|
|
|
|
|
|
|
|
|
|
mounted() {
|
|
|
|
|
setTimezone(this.timezone);
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-05-06 19:24:12 +00:00
|
|
|
</script>
|
2020-05-06 17:38:52 +00:00
|
|
|
|
2020-09-12 14:29:41 +00:00
|
|
|
<style scoped>
|
|
|
|
|
#app {
|
|
|
|
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
2021-06-25 18:00:40 +00:00
|
|
|
|
|
|
|
|
/* * {
|
|
|
|
|
outline: 1px solid #f00 !important;
|
|
|
|
|
} */
|
2020-09-12 14:29:41 +00:00
|
|
|
</style>
|
