mirror of
https://github.com/em-squared/5e-drs.git
synced 2025-10-30 05:04:21 +00:00
67 lines
1.5 KiB
Vue
67 lines
1.5 KiB
Vue
<template>
|
|
<v-navigation-drawer class="right-drawer" v-model="rightDrawer" :clipped="$vuetify.breakpoint.lgAndUp" width="300" app right>
|
|
<PageToc v-if="hasPageToc" />
|
|
<SpellFilters v-if="hasSpellFilters" />
|
|
<MagicItemFilters v-if="hasMagicItemFilters" />
|
|
<MonsterFilters v-if="hasMonsterFilters" />
|
|
<EncounterCalculator v-if="hasMonsterFilters" />
|
|
</v-navigation-drawer>
|
|
</template>
|
|
|
|
<script>
|
|
import PageToc from '@theme/components/PageToc'
|
|
import SpellFilters from '@theme/components/SpellFilters'
|
|
import MagicItemFilters from '@theme/components/MagicItemFilters'
|
|
import MonsterFilters from '@theme/components/MonsterFilters'
|
|
import EncounterCalculator from '@theme/components/EncounterCalculator'
|
|
|
|
export default {
|
|
name: 'RightDrawer',
|
|
|
|
components: {
|
|
SpellFilters,
|
|
MagicItemFilters,
|
|
MonsterFilters,
|
|
EncounterCalculator,
|
|
PageToc
|
|
},
|
|
|
|
data () {
|
|
return {
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
rightDrawer: {
|
|
get () {
|
|
return this.$store.state.rightDrawer
|
|
},
|
|
set (newValue) {
|
|
this.$store.commit('setRightDrawer', newValue)
|
|
}
|
|
},
|
|
hasPageToc () {
|
|
return this.$store.state.inRightDrawer == 'pageToc'
|
|
},
|
|
hasSpellFilters () {
|
|
return this.$store.state.inRightDrawer == 'spellFilters'
|
|
},
|
|
hasMagicItemFilters () {
|
|
return this.$store.state.inRightDrawer == 'magicItemFilters'
|
|
},
|
|
hasMonsterFilters () {
|
|
return this.$store.state.inRightDrawer == 'monsterFilters'
|
|
},
|
|
},
|
|
|
|
mounted () {
|
|
|
|
},
|
|
|
|
methods: {
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
</style>
|