web-development/onmyoji-deck-builder
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

applying formatting

Browse Source
This commit is contained in:
Daniel Tomlinson
2021-03-17 15:43:54 +00:00
parent 31015e8b31
commit dba90cd1ce
1 changed files with 48 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
src/views/DeckBuilder.vue
View File

@@ -76,65 +76,59 @@
width="100%" width="100%"
></v-img> ></v-img>
</div> </div>
<div cols="12">
<!-- {{ index }} -->
<!-- {{ selected_shikigami_decks[index][index].length }} -->
<v-select
v-model="selected_shikigami_decks[index][index]"
v-on:input="limit_decks"
:items="selected_shikigami_data[index].cards"
item-text="name"
item-value="id"
chips
multiple
hint="Choose 8 cards for your deck."
persistent-hint
return-object
>
<template v-slot:selection="{ data, pos }">
<v-chip
v-if="pos === 0"
v-bind="data.attrs"
:input-value="data.selected"
close
label
@click="data.select"
@click:close="remove_decks(index, data.index)"
color="#04002E"
>{{ data.item.name }}</v-chip
>
<span v-if="pos === 1" class="grey--text caption">
(+{{ selected_shikigami_decks[index][index].length - 1 }}
others)
</span></template
>
</v-select>
</div>
</div> </div>
</v-col> </v-col>
<v-col cols="10" class="d-flex align-center"> <v-col cols="10" class="d-flex flex-column"
<div cols="12"> ><v-row cols="12">
<!-- {{ selected_shikigami_decks[index][index] }} --> <!-- {{ index }} -->
</div> <!-- {{ selected_shikigami_decks[index][index].length }} -->
<v-row cols="12" class=""> <v-select
<v-card v-model="selected_shikigami_decks[index][index]"
v-for="i in selected_shikigami_decks[index][index]" v-on:input="limit_decks"
:key="i.id" :items="selected_shikigami_data[index].cards"
width="12.4%" item-text="name"
color="#070042" item-value="id"
class="" chips
multiple
hint="Choose 8 cards for your deck."
persistent-hint
return-object
clearable
>
<template v-slot:selection="data">
<v-chip
v-bind="data.attrs"
:input-value="data.selected"
close
label
@click="data.select"
@click:close="remove_decks(index, data.index)"
color="#04002E"
>{{ data.item.name }}</v-chip
></template
> >
<!-- <div class="text-center"> </v-select>
</v-row>
<!-- <div cols="12">
{{ selected_shikigami_decks[index][index] }}
</div> -->
<v-row cols="12">
<v-card
v-for="i in selected_shikigami_decks[index][index]"
:key="i.id"
width="12.3%"
color="#070042"
>
<!-- <div class="text-center">
{{ i.name }} {{ i.name }}
</div> --> </div> -->
<div class=""> <div class="">
<v-img <v-img
:src="require(`@/assets/deck_of_cards/${i.url}`)" :src="require(`@/assets/deck_of_cards/${i.url}`)"
class="deck-card" class="deck-card"
></v-img></div ></v-img></div
></v-card> ></v-card> </v-row
</v-row> ></v-col>
</v-col>
</v-row> </v-row>
</v-card> </v-card>
</v-row> </v-row>