aboutsummaryrefslogtreecommitdiff
path: root/src/components/status/status.vue
diff options
context:
space:
mode:
authorShpuld Shpuldson <shpuld@gmail.com>2017-05-31 11:47:18 +0300
committerShpuld Shpuldson <shpuld@gmail.com>2017-05-31 11:47:18 +0300
commit5ad4d043e7514a26a395cf72215a74362c4ca2e0 (patch)
treee30d6a51857fa3ee59a982537004a3f504482cfb /src/components/status/status.vue
parente621be1428f844a39fdb0bf44ff6d0f2af7ff253 (diff)
Enable reply/rt/fav for mention notifications by using a barebones status in place of plain notification content.
Diffstat (limited to 'src/components/status/status.vue')
-rw-r--r--src/components/status/status.vue17
1 files changed, 16 insertions, 1 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index db33a200..e06fc29a 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -1,5 +1,20 @@
<template>
- <div class="status-el base00-background base03-border" v-if="!status.deleted" v-bind:class="[{ 'base01-background': isFocused }, { 'status-conversation': inConversation }]" >
+ <div class="status-el base00-background" v-if="compact">
+ <div @click.prevent="linkClicked" class="status-content" v-html="status.statusnet_html"></div>
+ <div v-if="loggedIn">
+ <div class='status-actions'>
+ <div>
+ <a href="#" v-on:click.prevent="toggleReplying">
+ <i class="fa icon-reply" :class="{'icon-reply-active': replying}"></i>
+ </a>
+ </div>
+ <retweet-button :status=status></retweet-button>
+ <favorite-button :status=status></favorite-button>
+ </div>
+ </div>
+ <post-status-form class="reply-body" :reply-to="status.id" :attentions="status.attentions" :repliedUser="status.user" v-on:posted="toggleReplying" v-if="replying"/>
+ </div>
+ <div class="status-el base00-background base03-border" v-else-if="!status.deleted" v-bind:class="[{ 'base01-background': isFocused }, { 'status-conversation': inConversation }]" >
<template v-if="muted">
<div class="media status container muted">
<small><router-link :to="{ name: 'user-profile', params: { id: status.user.id } }">{{status.user.screen_name}}</router-link></small>