|
|
|
|
@ -19,31 +19,31 @@
|
|
|
|
|
<div class="media-body font-weight-light small">
|
|
|
|
|
<div v-if="n.type == 'favourite'">
|
|
|
|
|
<p class="my-0">
|
|
|
|
|
<a :href="n.account.url" class="font-weight-bold text-dark word-break" data-placement="bottom" data-toggle="tooltip" :title="n.account.username">{{truncate(n.account.username)}}</a> liked your <a class="font-weight-bold" v-bind:href="n.status.url">post</a>.
|
|
|
|
|
<a :href="n.account.url" class="font-weight-bold text-dark word-break" :title="n.account.username">{{truncate(n.account.username)}}</a> liked your <a class="font-weight-bold" v-bind:href="n.status.url">post</a>.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="n.type == 'comment'">
|
|
|
|
|
<p class="my-0">
|
|
|
|
|
<a :href="n.account.url" class="font-weight-bold text-dark word-break" data-placement="bottom" data-toggle="tooltip" :title="n.account.username">{{truncate(n.account.username)}}</a> commented on your <a class="font-weight-bold" v-bind:href="n.status.url">post</a>.
|
|
|
|
|
<a :href="n.account.url" class="font-weight-bold text-dark word-break" :title="n.account.username">{{truncate(n.account.username)}}</a> commented on your <a class="font-weight-bold" v-bind:href="n.status.url">post</a>.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="n.type == 'mention'">
|
|
|
|
|
<p class="my-0">
|
|
|
|
|
<a :href="n.account.url" class="font-weight-bold text-dark word-break" data-placement="bottom" data-toggle="tooltip" :title="n.account.username">{{truncate(n.account.username)}}</a> <a class="font-weight-bold" v-bind:href="mentionUrl(n.status)">mentioned</a> you.
|
|
|
|
|
<a :href="n.account.url" class="font-weight-bold text-dark word-break" :title="n.account.username">{{truncate(n.account.username)}}</a> <a class="font-weight-bold" v-bind:href="mentionUrl(n.status)">mentioned</a> you.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="n.type == 'follow'">
|
|
|
|
|
<p class="my-0">
|
|
|
|
|
<a :href="n.account.url" class="font-weight-bold text-dark word-break" data-placement="bottom" data-toggle="tooltip" :title="n.account.username">{{truncate(n.account.username)}}</a> followed you.
|
|
|
|
|
<a :href="n.account.url" class="font-weight-bold text-dark word-break" :title="n.account.username">{{truncate(n.account.username)}}</a> followed you.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="n.type == 'share'">
|
|
|
|
|
<p class="my-0">
|
|
|
|
|
<a :href="n.account.url" class="font-weight-bold text-dark word-break" data-placement="bottom" data-toggle="tooltip" :title="n.account.username">{{truncate(n.account.username)}}</a> shared your <a class="font-weight-bold" v-bind:href="n.status.reblog.url">post</a>.
|
|
|
|
|
<a :href="n.account.url" class="font-weight-bold text-dark word-break" :title="n.account.username">{{truncate(n.account.username)}}</a> shared your <a class="font-weight-bold" v-bind:href="n.status.reblog.url">post</a>.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="small text-muted" data-toggle="tooltip" data-placement="bottom" :title="n.created_at">{{timeAgo(n.created_at)}}</div>
|
|
|
|
|
<div class="small text-muted" :title="n.created_at">{{timeAgo(n.created_at)}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-if="notifications.length">
|
|
|
|
|
<infinite-loading @infinite="infiniteNotifications">
|
|
|
|
|
@ -73,13 +73,10 @@
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
mounted() {
|
|
|
|
|
if(window.outerWidth > 767) {
|
|
|
|
|
this.fetchNotifications();
|
|
|
|
|
}
|
|
|
|
|
this.fetchNotifications();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
updated() {
|
|
|
|
|
$('[data-toggle="tooltip"]').tooltip()
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
|
|