From 79805584613bd3d3ec5fba6481fc1ba02986a1a8 Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Sun, 30 Oct 2016 16:53:58 +0100
Subject: Basic status posting.

---
 src/components/post_status_form/post_status_form.js  | 20 ++++++++++++++++++++
 src/components/post_status_form/post_status_form.vue | 20 ++++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 src/components/post_status_form/post_status_form.js
 create mode 100644 src/components/post_status_form/post_status_form.vue

(limited to 'src/components/post_status_form')

diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
new file mode 100644
index 00000000..596c9f58
--- /dev/null
+++ b/src/components/post_status_form/post_status_form.js
@@ -0,0 +1,20 @@
+import statusPoster from '../../services/status_poster/status_poster.service.js'
+
+const PostStatusForm = {
+  data() {
+    return {
+      newStatus: { }
+    }
+  },
+  methods: {
+    postStatus(newStatus) {
+      statusPoster.postStatus({
+        status: newStatus.status,
+        store: this.$store
+      })
+      this.newStatus = { }
+    }
+  }
+}
+
+export default PostStatusForm
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
new file mode 100644
index 00000000..d2106d5a
--- /dev/null
+++ b/src/components/post_status_form/post_status_form.vue
@@ -0,0 +1,20 @@
+<template>
+  <div class="post-status-form">
+    <form v-on:submit.prevent="postStatus(newStatus)">
+      <div class="form-group" >
+        <textarea v-model="newStatus.status" placeholder="Just landed in L.A." rows="3" class="form-control"></textarea>
+      </div>
+      <div class="attachments">
+        <div class="attachment" v-for="file in newStatus.files">
+          <img class="thumbnail media-upload" :src="file.image"></img>
+        </div>
+      </div>
+      <div class='form-bottom'>
+        <media-upload files="newStatus.files"></media-upload>
+        <button type="submit" class="btn btn-default" >Submit</button>
+      </div>
+    </form>
+  </div>
+</template>
+
+<script src="./post_status_form.js"></script>
-- 
cgit v1.2.3-70-g09d2