1
0
Fork 0
mirror of https://github.com/em-squared/5e-drs.git synced 2025-10-30 13:14:20 +00:00

les sorts/monstres/objets magiques sont visibles directement depuis les listes d'un simple clic

This commit is contained in:
Maxime Moraine 2020-05-06 17:34:35 +02:00
parent 65fa675c6f
commit 2a3f9b153a
8 changed files with 80 additions and 16 deletions

View file

@ -24,8 +24,16 @@
:page.sync="page"
@page-count="pageCount = $event"
hide-default-footer
show-expand
@click:row="onClickRow"
>
<template v-slot:expanded-item="{ headers, item }">
<td :colspan="headers.length" class="pa-4">
<MagicItem :magicItem="item" />
</td>
</template>
<template v-slot:item.isInTreasureChest="{ item }">
<v-simple-checkbox off-icon="mdi-bookmark-outline" on-icon="mdi-bookmark" @input="toggleItemInTreasureChest(item)" :value="isItemInTreasureChest(item)"></v-simple-checkbox>
</template>
@ -55,9 +63,10 @@
import { mapState } from 'vuex'
import Breadcrumb from '@theme/components/Breadcrumb'
import { setUrlParams, getUrlParameter } from '@theme/util/filterHelpers'
import MagicItem from '@theme/components/MagicItem'
export default {
components: { Breadcrumb },
components: { Breadcrumb, MagicItem },
data () {
return {
@ -161,6 +170,10 @@ export default {
changePage (page) {
console.log(page)
setUrlParams("page", [page])
},
onClickRow (row, item) {
item.expand(!item.isExpanded)
}
},

View file

@ -24,8 +24,16 @@
:page.sync="page"
@page-count="pageCount = $event"
hide-default-footer
show-expand
@click:row="onClickRow"
>
<template v-slot:expanded-item="{ headers, item }">
<td :colspan="headers.length" class="pa-4">
<Monster class="column-count-2" :monster="item" />
</td>
</template>
<template v-slot:item.isInBestiary="{ item }">
<v-simple-checkbox off-icon="mdi-bookmark-outline" on-icon="mdi-bookmark" @input="toggleMonsterInBestiary(item)" :value="isMonsterInBestiary(item)"></v-simple-checkbox>
</template>
@ -64,9 +72,10 @@ import { mapState } from 'vuex'
import Breadcrumb from '@theme/components/Breadcrumb'
import { displayChallenge } from '@theme/util/monsterHelpers'
import { setUrlParams, getUrlParameter } from '@theme/util/filterHelpers'
import Monster from '@theme/components/Monster'
export default {
components: { Breadcrumb },
components: { Breadcrumb, Monster },
data () {
return {
@ -209,6 +218,10 @@ export default {
changePage (page) {
console.log(page)
setUrlParams("page", [page])
},
onClickRow (row, item) {
item.expand(!item.isExpanded)
}
},

View file

@ -25,8 +25,16 @@
:page.sync="page"
@page-count="pageCount = $event"
hide-default-footer
show-expand
@click:row="onClickRow"
>
<template v-slot:expanded-item="{ headers, item }">
<td :colspan="headers.length" class="pa-4">
<Spell :spell="item" />
</td>
</template>
<template v-slot:item.isInSpellBook="{ item }">
<v-simple-checkbox off-icon="mdi-bookmark-outline" on-icon="mdi-bookmark" @input="toggleSpellInSpellBook(item)" :value="isSpellInSpellBook(item)"></v-simple-checkbox>
</template>
@ -77,9 +85,10 @@
import { mapState } from 'vuex'
import Breadcrumb from '@theme/components/Breadcrumb'
import { setUrlParams, getUrlParameter } from '@theme/util/filterHelpers'
import Spell from '@theme/components/Spell'
export default {
components: { Breadcrumb },
components: { Breadcrumb, Spell },
data () {
return {
@ -232,6 +241,10 @@ export default {
changePage (page) {
console.log(page)
setUrlParams("page", [page])
},
onClickRow (row, item) {
item.expand(!item.isExpanded)
}
},