aboutsummaryrefslogtreecommitdiff
path: root/src/components/notification/notification.vue
diff options
context:
space:
mode:
authorShpuld Shpuldson <shp@cock.li>2021-01-06 18:31:34 +0200
committerShpuld Shpuldson <shp@cock.li>2021-01-06 18:31:34 +0200
commita4e3cccf1cba238e5bfd96ea8c60f0d12bc6b7aa (patch)
tree14ea5a3d4f845448c4bb764fa035bc85d38ff123 /src/components/notification/notification.vue
parentab2c2c66bfe96571d14cff4b8c69fe0c90d5a3c7 (diff)
somewhat workign version still with fixture
Diffstat (limited to 'src/components/notification/notification.vue')
-rw-r--r--src/components/notification/notification.vue34
1 files changed, 34 insertions, 0 deletions
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index f56aa977..39e3bda0 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -106,6 +106,9 @@
</i18n>
</small>
</span>
+ <span v-if="notification.type === 'pleroma:report'">
+ <small>{{ $t('notifications.submitted_report') }}</small>
+ </span>
</div>
<div
v-if="isStatusNotification"
@@ -180,6 +183,37 @@
@{{ notification.target.screen_name }}
</router-link>
</div>
+ <div
+ v-else-if="notification.type === 'pleroma:report'"
+ >
+ <small>Reported user:</small>
+ <router-link :to="generateUserProfileLink(notification.report.acct)">
+ @{{ notification.report.acct.screen_name }}
+ </router-link>
+ <!-- eslint-disable vue/no-v-html -->
+ <div
+ class="report-content"
+ v-html="notification.report.content"
+ />
+ <div v-if="notification.report.statuses.length">
+ <small>Reported statuses:</small>
+ <!-- eslint-enable vue/no-v-html -->
+ <router-link
+ v-for="status in notification.report.statuses"
+ :key="status.id"
+ :to="{ name: 'conversation', params: { id: status.id } }"
+ class="reported-status"
+ >
+ <span class="reported-status-name">{{ status.user.name }}</span>
+ <Timeago
+ :time="status.created_at"
+ :auto-update="240"
+ class="reported-status-timeago faint"
+ />
+ <status-content :status="status" />
+ </router-link>
+ </div>
+ </div>
<template v-else>
<status-content
class="faint"