diff options
Diffstat (limited to 'src/components/notification/notification.vue')
| -rw-r--r-- | src/components/notification/notification.vue | 34 |
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" |