mirror of
https://github.com/em-squared/5e-drs.git
synced 2025-11-04 09:11:48 +00:00
69 lines
2.2 KiB
Vue
69 lines
2.2 KiB
Vue
<template>
|
|
<div class="magic-item">
|
|
<div class="d-flex flex-wrap align-center d-print-none">
|
|
<Breadcrumb class="mr-auto mb-4" />
|
|
<div class="d-flex flex-wrap align-center">
|
|
<v-btn color="primary" class="mr-4 mb-4" depressed link to="/creation-d-objet-magique/"><v-icon left>mdi-plus</v-icon> Créer un objet magique</v-btn>
|
|
<v-btn :outlined="!isMagicItemInTreasureChest" color="accent" class="mr-4 mb-4" depressed @click="toggleMagicItemInTreasureChest"><v-icon>mdi-book</v-icon> {{ displayToggleMagicItemButton }}</v-btn>
|
|
<MyMagicItemsButton />
|
|
</div>
|
|
</div>
|
|
<MagicItem :magicItem="$page" />
|
|
<Edit />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Breadcrumb from '@theme/components/Breadcrumb'
|
|
import MagicItem from '@theme/components/MagicItem'
|
|
import MyMagicItemsButton from '@theme/global-components/MyMagicItemsButton'
|
|
import Edit from '@theme/components/Edit'
|
|
import { isResourceInLibrary } from '@theme/util'
|
|
|
|
export default {
|
|
name: 'MagicItemLayout',
|
|
|
|
components: {
|
|
Breadcrumb,
|
|
MagicItem,
|
|
MyMagicItemsButton,
|
|
Edit
|
|
},
|
|
|
|
computed: {
|
|
isMagicItemInTreasureChest () {
|
|
return isResourceInLibrary(this.$page, this.$store.state.myMagicItems.magicItems)
|
|
},
|
|
|
|
displayToggleMagicItemButton () {
|
|
if (this.isMagicItemInTreasureChest) {
|
|
return 'Supprimer de mes objets magiques'
|
|
}
|
|
return 'Ajouter à mes objets magiques'
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
toggleMagicItemInTreasureChest () {
|
|
if (this.isMagicItemInTreasureChest) {
|
|
this.$store.commit('myMagicItems/removeMagicItem', this.$page)
|
|
this.$store.commit('setSnackbarText', "L'objet magique " + this.$page.title + " a été supprimé de votre bibliothèque")
|
|
this.$store.commit('setIsOpenSnackbar', true)
|
|
} else {
|
|
this.$store.commit('myMagicItems/addMagicItem', this.$page)
|
|
this.$store.commit('setSnackbarText', "L'objet magique " + this.$page.title + " a été ajouté à votre bibliothèque")
|
|
this.$store.commit('setIsOpenSnackbar', true)
|
|
}
|
|
}
|
|
},
|
|
|
|
mounted () {
|
|
this.$store.commit('setHasRightDrawer', false)
|
|
this.$store.commit('setRightDrawer', false)
|
|
this.$store.commit('setInRightDrawer', null)
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|