logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe
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:

Msrc/components/status/status.js11+++++++++--
Msrc/components/status/status.vue10++++++----
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>