From 2269e815e1829558295e8c1d83ed1235644e02dd Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Sat, 4 Feb 2017 13:53:28 +0100
Subject: [PATCH] Make status expandable into conversation.

---
 src/components/status/status.js  | 11 +++++++++--
 src/components/status/status.vue | 10 ++++++----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/components/status/status.js b/src/components/status/status.js
index 27911478..40589ea5 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -5,9 +5,13 @@ import DeleteButton from '../delete_button/delete_button.vue'
 import PostStatusForm from '../post_status_form/post_status_form.vue'
 
 const Status = {
-  props: [ 'statusoid' ],
+  props: [
+    'statusoid',
+    'expandable'
+  ],
   data: () => ({
-    replying: false
+    replying: false,
+    expanded: false
   }),
   computed: {
     retweet () { return !!this.statusoid.retweeted_status },
@@ -33,6 +37,9 @@ const Status = {
   methods: {
     toggleReplying () {
       this.replying = !this.replying
+    },
+    toggleExpanded () {
+      this.$emit('toggleExpanded')
     }
   }
 }
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 10e321a1..f113fb7e 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -30,6 +30,12 @@
                 <timeago :since="status.created_at" :auto-update="60"></timeago>
               </router-link>
             </small>
+            <template v-if="expandable">
+              -
+              <small>
+                <a href="#" @click.prevent="toggleExpanded" >Expand</a>
+              </small>
+            </template>
             <small v-if="!status.is_local" class="source_url">
               <a :href="status.external_url" target="_blank" >Source</a>
             </small>
@@ -122,8 +128,4 @@
      padding-right: 1em;
      border-bottom: 1px solid;
  }
-
- .status-el:last-child .status {
-     border-bottom: none
- }
 </style>