diff options
| -rw-r--r-- | src/components/TimelineEntry.vue | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/src/components/TimelineEntry.vue b/src/components/TimelineEntry.vue index 756e0afb..f495b726 100644 --- a/src/components/TimelineEntry.vue +++ b/src/components/TimelineEntry.vue @@ -1,5 +1,19 @@ <template> <div class="timeline-entry"> + <div v-if="item.type === 'Announce'" class="boost"> + <span class="icon-container"><span class="icon-boost"></span></span> + <router-link v-if="item.actor_info" :to="{ name: 'profile', params: { account: item.local ? item.actor_info.preferredUsername : item.actor_info.account }}"> + <span v-tooltip.bottom="item.actor_info.account" class="post-author"> + {{ userDisplayName(item.actor_info) }} + </span> + </router-link> + <a v-else :href="item.attributedTo"> + <span class="post-author-id"> + {{ item.attributedTo }} + </span> + </a> + {{ boosted }} + </div> <div class="entry-content"> <div v-if="item.actor_info" class="post-avatar"> <avatar v-if="item.local" :size="32" :user="item.actor_info.preferredUsername" @@ -111,6 +125,9 @@ export default { message = this.$twemoji.parse(message) return message }, + boosted() { + return t('social', 'boosted') + }, avatarUrl() { return OC.generateUrl('/apps/social/api/v1/global/actor/avatar?id=' + this.item.attributedTo) } @@ -159,6 +176,17 @@ export default { flex-shrink: 0; } + .boost { + .icon-container { + width: 44px; + display: inline-block; + } + .icon-boost { + display: inline-block; + float: right; + } + } + .post-actions { margin-left: -13px; height: 44px; |