From 424e1c7f48d9f762f6651fe823fa2646d72a70ad Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Mon, 10 Sep 2018 17:13:07 +0200
Subject: [PATCH] Add title change event hook

---
 client/src/components/ContentBlockTitleInput.vue |  9 ++++++++-
 client/src/components/NewContentBlockWizard.vue  | 14 +++++++++-----
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/client/src/components/ContentBlockTitleInput.vue b/client/src/components/ContentBlockTitleInput.vue
index 53cec2c2..f8a92ce5 100644
--- a/client/src/components/ContentBlockTitleInput.vue
+++ b/client/src/components/ContentBlockTitleInput.vue
@@ -1,9 +1,16 @@
 <template>
   <div class="content-block-title-input">
-    <input placeholder="Titel für Inhaltsblock erfassen" class="content-block-title-input__inputfield skillbox-input">
+    <input placeholder="Titel für Inhaltsblock erfassen" class="content-block-title-input__inputfield skillbox-input"
+           v-on:input="$emit('update-title', $event.target.value)">
   </div>
 </template>
 
+<script>
+  export default {
+    props: ['title']
+  }
+</script>
+
 <style scoped lang="scss">
   @import "@/styles/_variables.scss";
 
diff --git a/client/src/components/NewContentBlockWizard.vue b/client/src/components/NewContentBlockWizard.vue
index b930ecbc..476f3eef 100644
--- a/client/src/components/NewContentBlockWizard.vue
+++ b/client/src/components/NewContentBlockWizard.vue
@@ -1,9 +1,6 @@
 <template>
   <modal>
-    <content-block-title-input slot="header"></content-block-title-input>
-    <!--<div>-->
-      <!--<span v-for="(e, i) in elements" :key="i">{{e.text}}</span>-->
-    <!--</div>-->
+    <content-block-title-input slot="header" v-on:update-title="updateTitle" :title="title"></content-block-title-input>
     <div v-for="(element, index) in elements" :key="index" class="new-content-block-wizard__element">
       <component
         class="new-content-block-wizard__element-component"
@@ -92,7 +89,6 @@
         this._updateProperty(value, index, 'text')
       },
       changeVideoUrl(value, index) {
-        console.log('changing url');
         this._updateProperty(value, index, 'url')
       },
       removeElement(index) {
@@ -101,6 +97,9 @@
       addElement(index) {
         this.elements.splice(index + 1, 0, {})
       },
+      updateTitle(title) {
+        this.title = title;
+      },
       changeType(index, type) {
         let el = {
           type: type
@@ -122,6 +121,7 @@
       },
       saveContentBlock() {
         this.$store.dispatch('saveContentBlock', {
+          title: this.title,
           elements: this.elements
         });
       }
@@ -129,7 +129,11 @@
 
     data() {
       return {
+        title: '',
         elements: [
+          {
+            type: 'image'
+          },
           {
             type: 'video',
             url: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ'