1
0
Fork 0
mirror of https://github.com/em-squared/5e-drs.git synced 2025-10-29 04:34:19 +00:00
5e-drs/docs/.vuepress/theme/layouts/GlobalLayout.vue
2020-04-15 16:27:16 +02:00

79 lines
1.9 KiB
Vue

<template>
<v-app class="srd">
<NavDrawer class="d-print-none" />
<RightDrawer class="d-print-none" v-if="hasRightDrawer" />
<Navbar class="d-print-none" />
<v-content>
<v-container fluid ref="container">
<v-row align="start" justify="center">
<v-col cols="12">
<DefaultGlobalLayout/>
</v-col>
</v-row>
</v-container>
<v-overlay :value="loading">
<v-progress-circular indeterminate size="64"></v-progress-circular>
</v-overlay>
</v-content>
</v-app>
</template>
<script>
import GlobalLayout from '@app/components/GlobalLayout.vue'
import Navbar from '@theme/components/Navbar.vue'
import NavDrawer from '@theme/components/NavDrawer.vue'
import RightDrawer from '@theme/components/RightDrawer.vue'
import Vue from 'vue'
import RuleTooltip from '@theme/global-components/RT'
export default {
name: 'GlobalLayout',
components: {
DefaultGlobalLayout: GlobalLayout,
Navbar,
NavDrawer,
RightDrawer
},
data () {
return {
}
},
computed: {
loading () {
return this.$store.state.loading
},
hasRightDrawer() {
return this.$store.state.hasRightDrawer
}
},
mounted () {
this.$store.commit('setDrawer', this.$vuetify.breakpoint.lgAndUp)
this.$vuetify.theme.dark = this.$store.state.isThemeDark
// let conditionLinks = document.links
// conditionLinks.forEach((link, idx) => {
// if (link.hash == "#a-terre") {
// let RTClass = Vue.extend(RuleTooltip)
// let rtInstance = new RTClass({
// propsData: { l: link.text, t: link.hash.substring(1, link.hash.length) },
// parent: this.$root
// })
// rtInstance.$mount()
// console.log(link)
// link = rtInstance.$el
// console.log(link)
// }
// })
},
methods: {
}
}
</script>