98 lines
2.2 KiB
Vue
98 lines
2.2 KiB
Vue
<template>
|
|
<dialog-base>
|
|
<template #toolbar>
|
|
<v-toolbar-title>
|
|
{{ creature && creature.name }}
|
|
</v-toolbar-title>
|
|
</template>
|
|
<template #unwrapped-content>
|
|
<character-sheet
|
|
show-menu-button
|
|
embedded
|
|
:creature-id="creatureId"
|
|
/>
|
|
</template>
|
|
<v-bottom-navigation
|
|
slot="actions"
|
|
shift
|
|
mandatory
|
|
class="bottom-nav-btns"
|
|
style="position: relative;"
|
|
:value="$store.getters.tabById(creatureId)"
|
|
@change="e => $store.commit(
|
|
'setTabForCharacterSheet',
|
|
{id: creatureId, tab: e}
|
|
)"
|
|
>
|
|
<v-btn>
|
|
<span>Stats</span>
|
|
<v-icon>mdi-chart-box</v-icon>
|
|
</v-btn>
|
|
<v-btn>
|
|
<span>Actions</span>
|
|
<v-icon>mdi-lightning-bolt</v-icon>
|
|
</v-btn>
|
|
<v-btn v-if="!creature.settings.hideSpellsTab">
|
|
<span>Spells</span>
|
|
<v-icon>mdi-fire</v-icon>
|
|
</v-btn>
|
|
<v-btn>
|
|
<span>Inventory</span>
|
|
<v-icon>mdi-cube</v-icon>
|
|
</v-btn>
|
|
<v-btn>
|
|
<span>Features</span>
|
|
<v-icon>mdi-text</v-icon>
|
|
</v-btn>
|
|
<v-btn>
|
|
<span>Journal</span>
|
|
<v-icon>mdi-book-open-variant</v-icon>
|
|
</v-btn>
|
|
<v-btn>
|
|
<span>Build</span>
|
|
<v-icon>mdi-wrench</v-icon>
|
|
</v-btn>
|
|
</v-bottom-navigation>
|
|
</dialog-base>
|
|
</template>
|
|
|
|
<script lang="js">
|
|
import DialogBase from '/imports/client/ui/dialogStack/DialogBase.vue';
|
|
import CharacterSheet from '/imports/client/ui/creature/character/CharacterSheet.vue';
|
|
import Creatures from '/imports/api/creature/creatures/Creatures';
|
|
|
|
export default {
|
|
components: {
|
|
DialogBase,
|
|
CharacterSheet,
|
|
},
|
|
props: {
|
|
creatureId: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
},
|
|
meteor: {
|
|
creature() {
|
|
if (!this.creatureId) return;
|
|
return Creatures.findOne(this.creatureId);
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="css" scoped>
|
|
.bottom-nav-btns {
|
|
margin: -8px;
|
|
box-shadow: none !important;
|
|
flex-grow: 1;
|
|
max-width: unset !important;
|
|
}
|
|
.bottom-nav-btns > .v-btn{
|
|
min-width: 0 !important;
|
|
padding: 0 !important;
|
|
flex: 1 1 auto !important;
|
|
font-size: 0.6rem !important;
|
|
}
|
|
</style>
|