commit: 2269e815e1829558295e8c1d83ed1235644e02dd
parent: b420b5838ca614df1d60f8a42541cadde0fa3d98
Author: Roger Braun <roger@rogerbraun.net>
Date: Sat, 4 Feb 2017 13:53:28 +0100
Make status expandable into conversation.
Diffstat:
2 files changed, 15 insertions(+), 6 deletions(-)
diff --git 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
@@ -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>