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 + '"' }"
15 [src]=
"abuse.reporterAccount.avatar?.path"
16 (error)=
"switchToDefaultAvatar($event)"
20 <span class=
"text-muted">{{ abuse.reporterAccount.nameWithHost }}
</span>
24 <a [routerLink]=
"[ baseRoute ]" [queryParams]=
"{ 'search': 'reporter:"' + abuse.reporterAccount.displayName + '"' }"
25 class=
"ml-auto text-muted abuse-details-links" i18n
27 {abuse.countReportsForReporter, plural, =
1 {
1 report} other {{{ abuse.countReportsForReporter }} reports}}
<span class=
"ml-1Â glyphicon glyphicon-flag"></span>
32 <div class=
"d-flex" *
ngIf=
"abuse.flaggedAccount">
33 <span class=
"col-3 moderation-expanded-label" i18n
>Reportee
</span>
34 <span class=
"col-9 moderation-expanded-text">
35 <a [routerLink]=
"[ baseRoute ]" [queryParams]=
"{ 'search': 'reportee:"' +abuse.flaggedAccount.displayName + '"' }"
40 [src]=
"abuse.flaggedAccount?.avatar?.path"
41 (error)=
"switchToDefaultAvatar($event)"
45 <span class=
"text-muted">{{ abuse.flaggedAccount ? abuse.flaggedAccount.nameWithHost : '' }}
</span>
49 <a *
ngIf=
"isAdminView" [routerLink]=
"[ baseRoute ]" [queryParams]=
"{ 'search': 'reportee:"' +abuse.flaggedAccount.displayName + '"' }"
50 class=
"ml-auto text-muted abuse-details-links" i18n
52 {abuse.countReportsForReportee, plural, =
1 {
1 report} other {{{ abuse.countReportsForReportee }} reports}}
<span class=
"ml-1Â glyphicon glyphicon-flag"></span>
57 <div class=
"d-flex" *
ngIf=
"abuse.updatedAt">
58 <span class=
"col-3 moderation-expanded-label" i18n
>Updated
</span>
59 <time class=
"col-9 moderation-expanded-text abuse-details-date-updated">{{ abuse.updatedAt | date: 'medium' }}
</time>
63 <div class=
"mt-3 d-flex">
64 <span class=
"col-3 moderation-expanded-label">
65 <ng-container i18n
>Report
</ng-container>
66 <a [routerLink]=
"[ baseRoute ]" [queryParams]=
"{ 'search': '#' + abuse.id }" class=
"ml-1 text-muted">#{{ abuse.id }}
</a>
68 <span class=
"col-9 moderation-expanded-text" [innerHTML]=
"abuse.reasonHtml"></span>
71 <div *
ngIf=
"getPredefinedReasons()" class=
"mt-2 d-flex">
72 <span class=
"col-3"></span>
74 <a *
ngFor=
"let reason of getPredefinedReasons()" [routerLink]=
"[ baseRoute ]"
75 [queryParams]=
"{ 'search': 'tag:' + reason.id }" class=
"chip rectangular bg-secondary text-light"
77 <div>{{ reason.label }}
</div>
82 <div *
ngIf=
"abuse.video?.startAt" class=
"mt-2 d-flex">
83 <span class=
"col-3 moderation-expanded-label" i18n
>Reported part
</span>
85 {{ startAt }}
<ng-container *
ngIf=
"abuse.video.endAt"> - {{ endAt }}
</ng-container>
89 <div class=
"mt-3 d-flex" *
ngIf=
"isAdminView && abuse.moderationComment">
90 <span class=
"col-3 moderation-expanded-label" i18n
>Note
</span>
91 <span class=
"col-9 moderation-expanded-text d-block" [innerHTML]=
"abuse.moderationCommentHtml"></span>
96 <!-- report right part (video/comment details) -->
98 <div *
ngIf=
"abuse.video" class=
"screenratio">
99 <div *
ngIf=
"abuse.video.deleted" i18n
>The video was deleted
</div>
100 <div *
ngIf=
"!abuse.video.deleted" [innerHTML]=
"abuse.embedHtml"></div>
103 <div *
ngIf=
"abuse.comment" class=
"comment-html">
105 <strong i18n
>Comment:
</strong>
108 <div [innerHTML]=
"abuse.commentHtml"></div>