diff options
| author | Roger Braun <roger@rogerbraun.net> | 2017-02-20 18:58:18 +0100 |
|---|---|---|
| committer | Roger Braun <roger@rogerbraun.net> | 2017-02-20 18:58:18 +0100 |
| commit | 5d8b2eb8b57efa36f9bde45fbbffc2e19f675eb4 (patch) | |
| tree | f7883fdbe27a2cfd81ff72437450976cc243d2f2 /src/components/notifications/notifications.vue | |
| parent | 9d0d1f7de1e37cb40d7ecd34fd93744f55142e2b (diff) | |
| parent | 73afa8e075cd8e97b09526e2393b0aafc9c8e4e5 (diff) | |
Merge branch 'develop' into feature/hash-routed
Diffstat (limited to 'src/components/notifications/notifications.vue')
| -rw-r--r-- | src/components/notifications/notifications.vue | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue index 0846c27b..785cc019 100644 --- a/src/components/notifications/notifications.vue +++ b/src/components/notifications/notifications.vue @@ -1,13 +1,14 @@ <template> <div class="notifications"> <div class="panel panel-default base00-background"> - <div class="panel-heading base01-background base04">Notifications ({{visibleNotifications.length}})</div> + <div class="panel-heading base01-background base04">Notifications ({{unseenCount}}) <button @click.prevent="markAsSeen">Read!</button></div> <div class="panel-body"> - <div v-for="notification in visibleNotifications" class="notification"> + <div v-for="notification in visibleNotifications" class="notification" :class='{"base01-background": notification.seen}'> <a :href="notification.action.user.statusnet_profile_url"> <img class='avatar' :src="notification.action.user.profile_image_url_original"> </a> <div class='text'> + <timeago :since="notification.action.created_at" :auto-update="240"></timeago> <div v-if="notification.type === 'favorite'"> <h1>{{ notification.action.user.name }}<br><i class="fa icon-star"></i> favorited your <router-link :to="{ name: 'conversation', params: { id: notification.status.id } }">status</h1> <p>{{ notification.status.text }}</p> |