mirror of
https://github.com/em-squared/5e-drs.git
synced 2025-10-30 13:14:20 +00:00
56 lines
1.5 KiB
Vue
56 lines
1.5 KiB
Vue
<template>
|
|
<main class="page content">
|
|
<div class="theme-default-content">
|
|
<template v-if="monsters.length > 0">
|
|
<MonsterCard v-for="(monster, idx) in monsters" :monster="monster" :showActions="true" :key="idx">
|
|
</MonsterCard>
|
|
<div class="d-none d-print-block" v-for="monster in monsters">
|
|
<div>
|
|
<h1 class="d-flex align-center">
|
|
<div class="mr-4">{{ monster.title }}</div>
|
|
<v-btn class="d-print-none mr-2" small depressed link :to="{ path: '/creation-de-monstre-pnj/', query: { key: monster.key } }"><v-icon left>mdi-pencil</v-icon> Modifier</v-btn>
|
|
<v-btn color="error" class="d-print-none" small depressed @click="$store.commit('myMonsters/removeMonster', monster)"><v-icon left>mdi-delete</v-icon> Supprimer</v-btn>
|
|
</h1>
|
|
</div>
|
|
<Monster :monster="monster" :isList="true" :hideTitle="true" />
|
|
</div>
|
|
</template>
|
|
<template v-else>
|
|
Vous n'avez recensé aucun monstre dans votre bestiaire.
|
|
</template>
|
|
</div>
|
|
|
|
</main>
|
|
</template>
|
|
|
|
<script>
|
|
import Monster from '@theme/components/Monster'
|
|
import MonsterCard from '@theme/components/MonsterCard'
|
|
|
|
export default {
|
|
name: 'MyMonsters',
|
|
|
|
components: {
|
|
Monster,
|
|
MonsterCard
|
|
},
|
|
|
|
data () {
|
|
return {
|
|
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
monsters () {
|
|
return this.$store.state.myMonsters.monsters
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
</style>
|