]>
Commit | Line | Data |
---|---|---|
d95d1559 C |
1 | <div class="d-flex moderation-expanded"> |
2 | <!-- report left part (report details) --> | |
d94b8ecf | 3 | <div class="left"> |
d95d1559 C |
4 | |
5 | <!-- report metadata --> | |
94148c90 | 6 | <div class="d-flex" *ngIf="isAdminView && abuse.reporterAccount"> |
d94b8ecf | 7 | <span class="moderation-expanded-label" i18n>Reporter</span> |
8ca56654 | 8 | |
d94b8ecf | 9 | <span class="moderation-expanded-text"> |
1fd61899 | 10 | <a [routerLink]="[ '.' ]" [queryParams]="{ 'search': 'reporter:"' + abuse.reporterAccount.displayName + '"' }" |
8ca56654 C |
11 | class="chip" |
12 | > | |
12e41549 | 13 | <my-actor-avatar size="18" [account]="abuse.reporterAccount"></my-actor-avatar> |
d95d1559 | 14 | <div> |
b788e691 | 15 | <span class="muted">{{ abuse.reporterAccount.nameWithHost }}</span> |
d95d1559 C |
16 | </div> |
17 | </a> | |
8ca56654 | 18 | |
1fd61899 | 19 | <a [routerLink]="[ '.' ]" [queryParams]="{ 'search': 'reporter:"' + abuse.reporterAccount.displayName + '"' }" |
4c8749cb | 20 | class="ms-auto muted abuse-details-links" i18n |
8ca56654 | 21 | > |
93c728a2 C |
22 | {abuse.countReportsForReporter, plural, =1 {1 report} other {{{ abuse.countReportsForReporter }} reports}} |
23 | <my-global-icon iconName="flag"></my-global-icon> | |
d95d1559 C |
24 | </a> |
25 | </span> | |
26 | </div> | |
27 | ||
8ca56654 | 28 | <div class="d-flex" *ngIf="abuse.flaggedAccount"> |
d94b8ecf C |
29 | <span class="moderation-expanded-label" i18n>Reportee</span> |
30 | <span class="moderation-expanded-text"> | |
1fd61899 | 31 | <a [routerLink]="[ '.' ]" [queryParams]="{ 'search': 'reportee:"' +abuse.flaggedAccount.displayName + '"' }" |
8ca56654 C |
32 | class="chip" |
33 | > | |
12e41549 | 34 | <my-actor-avatar size="18" [account]="abuse.flaggedAccount"></my-actor-avatar> |
d95d1559 | 35 | <div> |
b788e691 | 36 | <span class="muted">{{ abuse.flaggedAccount ? abuse.flaggedAccount.nameWithHost : '' }}</span> |
d95d1559 C |
37 | </div> |
38 | </a> | |
8ca56654 | 39 | |
1fd61899 | 40 | <a *ngIf="isAdminView" [routerLink]="[ '.' ]" [queryParams]="{ 'search': 'reportee:"' +abuse.flaggedAccount.displayName + '"' }" |
4c8749cb | 41 | class="ms-auto muted abuse-details-links" i18n |
8ca56654 | 42 | > |
93c728a2 C |
43 | {abuse.countReportsForReportee, plural, =1 {1 report} other {{{ abuse.countReportsForReportee }} reports}} |
44 | <my-global-icon iconName="flag"></my-global-icon> | |
d95d1559 C |
45 | </a> |
46 | </span> | |
47 | </div> | |
48 | ||
49 | <div class="d-flex" *ngIf="abuse.updatedAt"> | |
d94b8ecf C |
50 | <span class="moderation-expanded-label" i18n>Updated</span> |
51 | <time class="moderation-expanded-text abuse-details-date-updated">{{ abuse.updatedAt | date: 'medium' }}</time> | |
d95d1559 C |
52 | </div> |
53 | ||
54 | <!-- report text --> | |
55 | <div class="mt-3 d-flex"> | |
d94b8ecf | 56 | <span class="moderation-expanded-label"> |
d95d1559 | 57 | <ng-container i18n>Report</ng-container> |
4c8749cb | 58 | <a [routerLink]="[ '.' ]" [queryParams]="{ 'search': '#' + abuse.id }" class="ms-1 muted">#{{ abuse.id }}</a> |
d95d1559 | 59 | </span> |
d94b8ecf | 60 | <span class="moderation-expanded-text" [innerHTML]="abuse.reasonHtml"></span> |
d95d1559 C |
61 | </div> |
62 | ||
63 | <div *ngIf="getPredefinedReasons()" class="mt-2 d-flex"> | |
d94b8ecf C |
64 | <span class="></span> |
65 | <span class="> | |
1fd61899 | 66 | <a *ngFor="let reason of getPredefinedReasons()" [routerLink]="[ '.' ]" |
8ca56654 C |
67 | [queryParams]="{ 'search': 'tag:' + reason.id }" class="chip rectangular bg-secondary text-light" |
68 | > | |
d95d1559 C |
69 | <div>{{ reason.label }}</div> |
70 | </a> | |
71 | </span> | |
72 | </div> | |
73 | ||
8ca56654 | 74 | <div *ngIf="abuse.video?.startAt" class="mt-2 d-flex"> |
d94b8ecf C |
75 | <span class="moderation-expanded-label" i18n>Reported part</span> |
76 | <span> | |
8ca56654 | 77 | {{ startAt }}<ng-container *ngIf="abuse.video.endAt"> - {{ endAt }}</ng-container> |
d95d1559 C |
78 | </span> |
79 | </div> | |
80 | ||
94148c90 | 81 | <div class="mt-3 d-flex" *ngIf="isAdminView && abuse.moderationComment"> |
d94b8ecf C |
82 | <span class="moderation-expanded-label" i18n>Note</span> |
83 | <span class="moderation-expanded-text d-block" [innerHTML]="abuse.moderationCommentHtml"></span> | |
d95d1559 C |
84 | </div> |
85 | ||
86 | </div> | |
87 | ||
8ca56654 | 88 | <!-- report right part (video/comment details) --> |
d94b8ecf | 89 | <div class="right"> |
33f6dce1 | 90 | <div *ngIf="abuse.video"> |
71ab65d0 | 91 | <div *ngIf="abuse.video.deleted" i18n>The video was deleted</div> |
33f6dce1 | 92 | <my-embed *ngIf="!abuse.video.deleted" [video]="abuse.video"></my-embed> |
d95d1559 | 93 | </div> |
8ca56654 C |
94 | |
95 | <div *ngIf="abuse.comment" class="comment-html"> | |
96 | <div> | |
97 | <strong i18n>Comment:</strong> | |
98 | </div> | |
99 | ||
100 | <div [innerHTML]="abuse.commentHtml"></div> | |
101 | </div> | |
d95d1559 C |
102 | </div> |
103 | </div> |