From 296ab79bd6ee7dcf77f33e85d62408ab10e158a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Thu, 16 May 2019 08:10:03 +0200
Subject: [PATCH] crude deck edit form

---
 frontend/src/components/Deck.vue | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Deck.vue b/frontend/src/components/Deck.vue
index 6ae7878..b35861b 100644
--- a/frontend/src/components/Deck.vue
+++ b/frontend/src/components/Deck.vue
@@ -4,12 +4,12 @@
       <span class="subheading">{{ deck.name }}</span>
     </template>
 
-    <v-alert :value="deck.note" type="info">
+    <v-alert v-if="!editing" :value="deck.note" type="info">
       {{ deck.note }}
     </v-alert>
 
-    <v-container grid-list-md fluid>
-      <v-layout row wrap>
+    <v-container style="position: relative" grid-list-md fluid>
+      <v-layout v-if="!editing" row wrap>
         <v-flex v-for="part in deck_parts" :key="part.heading" xs12 sm6 md4>
           <v-card>
             <v-card-title>{{ part.count }} {{ part.heading }}</v-card-title>
@@ -24,7 +24,18 @@
             </v-list>
           </v-card>
         </v-flex>
+        
+        <v-btn fab absolute bottom right @click.native="editing = true">
+          <v-icon>edit</v-icon>
+        </v-btn>
       </v-layout>
+      <v-form v-if="editing" lazy-validation>
+        <v-textarea
+          label="Edit Deck"
+          value="The Woodman set to work at once, and so sharp was his axe that the tree was soon chopped nearly through."
+          hint="Paste a deck list"
+        ></v-textarea>
+      </v-form>
     </v-container>
   </v-expansion-panel-content>
 </template>
@@ -43,6 +54,10 @@ export default {
     Card
   },
 
+  data: () => ({
+    editing: false
+  }),
+
   computed: {
     deck_parts() {
       let retval = {