wbrawner/ffc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update dialog to show deck info

Browse source 
Co-authored-by: Niko Lockenvitz <nl@nikolockenvitz.de>
This commit is contained in:
Rene Fischer 2020-06-12 23:56:14 +02:00
parent b9f9749b78
commit dc4ec14e05
1 changed files with 45 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
src/components/deckselection/DialogDeckInfo.vue
View file

@ -1,48 +1,58 @@
<template>
<v-dialog
v-model="showInfo"
max-width="400"
>
<v-card color="#2e2e2e">
<v-card-title class="headline">{{deck ? deck.deckname : ""}}</v-card-title>
<v-dialog v-model="showInfo" max-width="400">
<v-card color="#2e2e2e">
<v-card-title class="headline">{{deck ? deck.name : ""}}</v-card-title>
<v-card-text class="text-left">foo bar ...</v-card-text>
<v-list v-if="deck">
<v-list-item v-for="item in fileInfos" :key="item.key">
<v-list-item-content>{{ item.name }}</v-list-item-content>
<v-list-item-content>{{ deck.meta.file[item.key] || "-" }}</v-list-item-content>
</v-list-item>
<v-list-item v-for="item in deckInfos" :key="item.key">
<v-list-item-content>{{ item.name }}</v-list-item-content>
<v-list-item-content>{{ deck.meta.deck[item.key] || "-" }}</v-list-item-content>
</v-list-item>
<v-list-item>
<v-list-item-content>Number of Cards</v-list-item-content>
<v-list-item-content>{{ deck.cards.length }}</v-list-item-content>
</v-list-item>
</v-list>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn
color="grey"
text
@click="showInfo = false"
>
Close
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="grey" text @click="showInfo = false">Close</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<script>
export default {
name: "DialogDeckInfo",
props: {
deck: Object,
},
data() {
return {
showInfo: false,
};
},
methods: {
hide() {
this.showInfo = false;
},
show() {
this.showInfo = true;
},
name: "DialogDeckInfo",
props: {
deck: Object
},
data() {
return {
showInfo: false,
fileInfos: [{ key: "author", name: "Author" }],
deckInfos: [{ key: "description", name: "Description" }]
};
},
methods: {
hide() {
this.showInfo = false;
},
show() {
this.showInfo = true;
}
}
};
</script>
<style scoped>
.v-list,
.v-sheet {
background-color: unset;
}
</style>