mirror of
https://github.com/em-squared/5e-drs.git
synced 2025-10-29 20:54:19 +00:00
74 lines
2.3 KiB
Vue
74 lines
2.3 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'
|
|
|
|
export default {
|
|
name: 'MagicItemLayout',
|
|
|
|
components: {
|
|
Breadcrumb,
|
|
MagicItem,
|
|
MyMagicItemsButton,
|
|
Edit
|
|
},
|
|
|
|
computed: {
|
|
isMagicItemInTreasureChest () {
|
|
let isInTreasureChest = false
|
|
for (let s of this.$store.state.myMagicItems.magicItems) {
|
|
if (s.key == this.$page.key) {
|
|
isInTreasureChest = true
|
|
}
|
|
}
|
|
return isInTreasureChest
|
|
},
|
|
|
|
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>
|