1 <div class=
"d-flex moderation-expanded">
2 <!-- report left part (report details) -->
5 <!-- report metadata -->
6 <div class=
"d-flex" *
ngIf=
"isAdminView && abuse.reporterAccount">
7 <span class=
"moderation-expanded-label" i18n
>Reporter
</span>
9 <span class=
"moderation-expanded-text">
10 <a [routerLink]=
"[ '.' ]" [queryParams]=
"{ 'search': 'reporter:"' + abuse.reporterAccount.displayName + '"' }"
13 <my-actor-avatar size=
"18" [actor]=
"abuse.reporterAccount" actorType=
"account"></my-actor-avatar>
15 <span class=
"muted">{{ abuse.reporterAccount.nameWithHost }}
</span>
19 <a [routerLink]=
"[ '.' ]" [queryParams]=
"{ 'search': 'reporter:"' + abuse.reporterAccount.displayName + '"' }"
20 class=
"ms-auto muted abuse-details-links" i18n
22 {abuse.countReportsForReporter, plural, =
1 {
1 report} other {{{ abuse.countReportsForReporter }} reports}}
23 <my-global-icon iconName=
"flag"></my-global-icon>
28 <div class=
"d-flex" *
ngIf=
"abuse.flaggedAccount">
29 <span class=
"moderation-expanded-label" i18n
>Reportee
</span>
30 <span class=
"moderation-expanded-text">
31 <a [routerLink]=
"[ '.' ]" [queryParams]=
"{ 'search': 'reportee:"' +abuse.flaggedAccount.displayName + '"' }"
34 <my-actor-avatar size=
"18" [actor]=
"abuse.flaggedAccount" actorType=
"account"></my-actor-avatar>
36 <span class=
"muted">{{ abuse.flaggedAccount ? abuse.flaggedAccount.nameWithHost : '' }}
</span>
40 <a *
ngIf=
"isAdminView" [routerLink]=
"[ '.' ]" [queryParams]=
"{ 'search': 'reportee:"' +abuse.flaggedAccount.displayName + '"' }"
41 class=
"ms-auto muted abuse-details-links" i18n
43 {abuse.countReportsForReportee, plural, =
1 {
1 report} other {{{ abuse.countReportsForReportee }} reports}}
44 <my-global-icon iconName=
"flag"></my-global-icon>
49 <div class=
"d-flex" *
ngIf=
"abuse.updatedAt">
50 <span class=
"moderation-expanded-label" i18n
>Updated
</span>
51 <time class=
"moderation-expanded-text abuse-details-date-updated">{{ abuse.updatedAt | date: 'medium' }}
</time>
55 <div class=
"mt-3 d-flex">
56 <span class=
"moderation-expanded-label">
57 <ng-container i18n
>Report
</ng-container>
58 <a [routerLink]=
"[ '.' ]" [queryParams]=
"{ 'search': '#' + abuse.id }" class=
"ms-1 muted">#{{ abuse.id }}
</a>
60 <span class=
"moderation-expanded-text" [innerHTML]=
"abuse.reasonHtml"></span>
63 <div *
ngIf=
"getPredefinedReasons()" class=
"mt-2 d-flex">
66 <a *
ngFor=
"let reason of getPredefinedReasons()" [routerLink]=
"[ '.' ]"
67 [queryParams]=
"{ 'search': 'tag:' + reason.id }" class=
"chip rectangular bg-secondary text-light"
69 <div>{{ reason.label }}
</div>
74 <div *
ngIf=
"abuse.video?.startAt" class=
"mt-2 d-flex">
75 <span class=
"moderation-expanded-label" i18n
>Reported part
</span>
77 {{ startAt }}
<ng-container *
ngIf=
"abuse.video.endAt"> - {{ endAt }}
</ng-container>
81 <div class=
"mt-3 d-flex" *
ngIf=
"isAdminView && abuse.moderationComment">
82 <span class=
"moderation-expanded-label" i18n
>Note
</span>
83 <span class=
"moderation-expanded-text d-block" [innerHTML]=
"abuse.moderationCommentHtml"></span>
88 <!-- report right part (video/comment details) -->
90 <div *
ngIf=
"abuse.video">
91 <div *
ngIf=
"abuse.video.deleted" i18n
>The video was deleted
</div>
92 <my-embed *
ngIf=
"!abuse.video.deleted" [video]=
"abuse.video"></my-embed>
95 <div *
ngIf=
"abuse.comment" class=
"comment-html">
97 <strong i18n
>Comment:
</strong>
100 <div [innerHTML]=
"abuse.commentHtml"></div>