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=
"col-3 moderation-expanded-label" i18n
>Reporter
</span>
9 <span class=
"col-9 moderation-expanded-text">
10 <a [routerLink]=
"[ baseRoute ]" [queryParams]=
"{ 'search': 'reporter:"' + abuse.reporterAccount.displayName + '"' }"
13 <my-actor-avatar [account]=
"abuse.reporterAccount"></my-actor-avatar>
15 <span class=
"text-muted">{{ abuse.reporterAccount.nameWithHost }}
</span>
19 <a [routerLink]=
"[ baseRoute ]" [queryParams]=
"{ 'search': 'reporter:"' + abuse.reporterAccount.displayName + '"' }"
20 class=
"ml-auto text-muted abuse-details-links" i18n
22 {abuse.countReportsForReporter, plural, =
1 {
1 report} other {{{ abuse.countReportsForReporter }} reports}}
<span class=
"ml-1Â glyphicon glyphicon-flag"></span>
27 <div class=
"d-flex" *
ngIf=
"abuse.flaggedAccount">
28 <span class=
"col-3 moderation-expanded-label" i18n
>Reportee
</span>
29 <span class=
"col-9 moderation-expanded-text">
30 <a [routerLink]=
"[ baseRoute ]" [queryParams]=
"{ 'search': 'reportee:"' +abuse.flaggedAccount.displayName + '"' }"
33 <my-actor-avatar [account]=
"abuse.flaggedAccount"></my-actor-avatar>
35 <span class=
"text-muted">{{ abuse.flaggedAccount ? abuse.flaggedAccount.nameWithHost : '' }}
</span>
39 <a *
ngIf=
"isAdminView" [routerLink]=
"[ baseRoute ]" [queryParams]=
"{ 'search': 'reportee:"' +abuse.flaggedAccount.displayName + '"' }"
40 class=
"ml-auto text-muted abuse-details-links" i18n
42 {abuse.countReportsForReportee, plural, =
1 {
1 report} other {{{ abuse.countReportsForReportee }} reports}}
<span class=
"ml-1Â glyphicon glyphicon-flag"></span>
47 <div class=
"d-flex" *
ngIf=
"abuse.updatedAt">
48 <span class=
"col-3 moderation-expanded-label" i18n
>Updated
</span>
49 <time class=
"col-9 moderation-expanded-text abuse-details-date-updated">{{ abuse.updatedAt | date: 'medium' }}
</time>
53 <div class=
"mt-3 d-flex">
54 <span class=
"col-3 moderation-expanded-label">
55 <ng-container i18n
>Report
</ng-container>
56 <a [routerLink]=
"[ baseRoute ]" [queryParams]=
"{ 'search': '#' + abuse.id }" class=
"ml-1 text-muted">#{{ abuse.id }}
</a>
58 <span class=
"col-9 moderation-expanded-text" [innerHTML]=
"abuse.reasonHtml"></span>
61 <div *
ngIf=
"getPredefinedReasons()" class=
"mt-2 d-flex">
62 <span class=
"col-3"></span>
64 <a *
ngFor=
"let reason of getPredefinedReasons()" [routerLink]=
"[ baseRoute ]"
65 [queryParams]=
"{ 'search': 'tag:' + reason.id }" class=
"chip rectangular bg-secondary text-light"
67 <div>{{ reason.label }}
</div>
72 <div *
ngIf=
"abuse.video?.startAt" class=
"mt-2 d-flex">
73 <span class=
"col-3 moderation-expanded-label" i18n
>Reported part
</span>
75 {{ startAt }}
<ng-container *
ngIf=
"abuse.video.endAt"> - {{ endAt }}
</ng-container>
79 <div class=
"mt-3 d-flex" *
ngIf=
"isAdminView && abuse.moderationComment">
80 <span class=
"col-3 moderation-expanded-label" i18n
>Note
</span>
81 <span class=
"col-9 moderation-expanded-text d-block" [innerHTML]=
"abuse.moderationCommentHtml"></span>
86 <!-- report right part (video/comment details) -->
88 <div *
ngIf=
"abuse.video" class=
"screenratio">
89 <div *
ngIf=
"abuse.video.deleted" i18n
>The video was deleted
</div>
90 <div *
ngIf=
"!abuse.video.deleted" [innerHTML]=
"abuse.embedHtml"></div>
93 <div *
ngIf=
"abuse.comment" class=
"comment-html">
95 <strong i18n
>Comment:
</strong>
98 <div [innerHTML]=
"abuse.commentHtml"></div>