add post/event (fix): Fix add/post event toggle

This allows and event to toggle the visibility of the creation form.
mrmod · Mar 15, 2020 · 6b9e11b · 6b9e11b
1 parent 31d2d82
commit 6b9e11b
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 7 deletions.
diff --git a/app/javascript/components/AddEvent.vue b/app/javascript/components/AddEvent.vue
@@ -1,7 +1,11 @@
 <template>
   <div id="add-event">
     <span class="md-display-1" @click='toggleShowAddEvent'>Create a new event</span>
-    <EditableEvent v-if='showAddEvent' :event='event' v-on:createEvent='createEvent'/>
+    <EditableEvent
+      v-if='showAddEvent'
+      :event='event'
+      v-on:createEvent='createEvent'
+      v-on:changeMode='toggleShowAddEvent' />
   </div>
 </template>
 <script>
@@ -25,6 +29,7 @@ export default {
                 business_id: this.event.business_id,
                 parent_id: this.event.parent_id,
                 errors: null,
+                showAddEvent: false,
             }
         }
         return {

diff --git a/app/javascript/components/AddPost.vue b/app/javascript/components/AddPost.vue
@@ -1,7 +1,12 @@
 <template>
   <div id="add-post">
-      <span class="md-display-1" @click='toggleShowAddPost'>Create a new post</span>
-      <EditablePost v-if='showAddPost' v-on:createPost='createPost' :post='post' />
+      <span class="md-display-1"
+        @click='toggleShowAddPost'>Create a new post</span>
+      <EditablePost
+        v-if='showAddPost'
+        v-on:createPost='createPost'
+        v-on:changeMode='toggleShowAddPost'
+        :post='post' />
   </div>
 </template>
 <script>
@@ -20,6 +25,7 @@ export default {
                 private: this.post.private,
                 text: this.post.text,
                 topic: this.post.topic,
+                showAddPost: false,
             }
         }
         return {

diff --git a/app/javascript/components/EventList.vue b/app/javascript/components/EventList.vue
@@ -1,6 +1,8 @@
 <template>
   <div id="event-list">
-      <AddEvent v-on:eventAdded='$emit("eventAdded")' />
+      <AddEvent
+        :event='newEvent'
+        v-on:eventAdded='$emit("eventAdded")' />
       <Event
         v-on:eventDeleted='$emit("eventDeleted")'
         v-for='event in events'
@@ -20,5 +22,19 @@ export default {
     props: {
         events: Array, // id, name, theme, description, start/end_time, parent/business_id
     },
+    computed: {
+      newEvent: function() {
+        return {
+            name: '',
+            theme: '',
+            description: '',
+            start_time: '',
+            end_time: '',
+            business_id: this.$currentUser.business_id,
+            showAddEvent: false,
+            errors: null,
+        }
+      }
+    }
 }
 </script>
diff --git a/app/javascript/components/PostList.vue b/app/javascript/components/PostList.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="post-list">
-        <AddPost v-on:addedPost='$emit("reloadPosts")' />
+        <AddPost :post='newPost' v-on:addedPost='$emit("reloadPosts")' />
         <Post
           :loadMedia='true'
           :post='post'
@@ -18,8 +18,14 @@ export default {
         posts: Array,
     },
     components: { AddPost, Post },
-    data: () => {
-        return {
+    computed: {
+        newPost: function() {
+            return {
+                employee_id: this.$currentUser.employee_id,
+                private: false,
+                text: '',
+                topic: '',
+            }
         }
     }
 }