From 97e30fa4c63eac0ed8230993c55b5f4940687bd3 Mon Sep 17 00:00:00 2001
From: Sijisu <mail@sijisu.eu>
Date: Sat, 23 Jan 2021 02:01:29 +0100
Subject: [PATCH] WIP

---
 .../src/components/edit/Hlava.vue             | 20 ++++---------------
 form/res-judicata/src/views/Edit.vue          |  5 ++++-
 2 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/form/res-judicata/src/components/edit/Hlava.vue b/form/res-judicata/src/components/edit/Hlava.vue
index e79872b..085cd79 100644
--- a/form/res-judicata/src/components/edit/Hlava.vue
+++ b/form/res-judicata/src/components/edit/Hlava.vue
@@ -16,7 +16,7 @@
                 <b-input placeholder="Text hlavy" v-model="text" type="textarea"></b-input>
             </p>
             <p>
-                a
+                <b-button type="is-danger" class="mt-3" v-on:click="$emit('deletehlava', index)" expanded>Smazat hlavu</b-button>
             </p>
         </div>
     </div>
@@ -29,7 +29,7 @@
 <script>
 export default {
     name: "Hlava",
-    props: ['title', 'text'],
+    props: ['title', 'text', 'index'],
     data: () => {
         return {
             isactive: false
@@ -40,6 +40,8 @@ export default {
             this.isactive = true;
         },
         makeinactive: function () {
+            this.$emit('update:text', this.text)
+            this.$emit('update:title', this.title)
             this.isactive = false;
         }
     },
@@ -57,20 +59,6 @@ export default {
             } else {
                 return this.text
             }
-        },
-        textOut: function () {
-            return this.text
-        },
-        titleOut: function () {
-            return this.title
-        }
-    },
-    watch: {
-        titleOut: function (oldVal,newVal) {
-            this.$emit('update:title', newVal)
-        },
-        textOut: function (oldVal,newVal) {
-            this.$emit('update:text', newVal)
         }
     }
 }
diff --git a/form/res-judicata/src/views/Edit.vue b/form/res-judicata/src/views/Edit.vue
index 3f5e74e..2d288c3 100644
--- a/form/res-judicata/src/views/Edit.vue
+++ b/form/res-judicata/src/views/Edit.vue
@@ -48,7 +48,7 @@
         {{ zaloba.title }}
       </div>
       <div>
-        <Hlava v-for="hlava in zaloba.hlavy" :key="hlava.nazev" v-bind:title.sync="hlava.nazev" v-bind:text.sync="hlava.text" />
+        <Hlava v-for="(hlava,index) in zaloba.hlavy" :key="hlava.nazev" v-bind:index="index" v-bind:title.sync="hlava.nazev" v-bind:text.sync="hlava.text" v-on:deletehlava="deleteHlava" />
       </div>
       <b-button type="is-light" class="mt-3" v-on:click="addHlava" expanded>+</b-button>
     </div>
@@ -77,6 +77,9 @@ export default {
   methods: {
     addHlava: function () {
       this.zaloba.hlavy.push({"title":"","text":""})
+    },
+    deleteHlava: function (index) {
+          this.zaloba.hlavy.splice(index, 1)
     }
   },
   data: () => {