]>
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 + '"' }" |
9589907c | 11 | class="chip me-1" |
8ca56654 | 12 | > |
87fdea2f | 13 | <my-actor-avatar size="18" [actor]="abuse.reporterAccount" actorType="account"></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 + '"' }" |
9589907c | 32 | class="chip me-1" |
8ca56654 | 33 | > |
87fdea2f | 34 | <my-actor-avatar size="18" [actor]="abuse.flaggedAccount" actorType="account"></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 | ||
a28b0f69 | 63 | <div *ngIf="predefinedReasons" class="mt-2 d-flex"> |
64 | <span> | |
65 | <a *ngFor="let reason of predefinedReasons" [routerLink]="[ '.' ]" | |
9589907c | 66 | [queryParams]="{ 'search': 'tag:' + reason.id }" class="pt-badge badge-secondary" |
8ca56654 | 67 | > |
d95d1559 C |
68 | <div>{{ reason.label }}</div> |
69 | </a> | |
70 | </span> | |
71 | </div> | |
72 | ||
8ca56654 | 73 | <div *ngIf="abuse.video?.startAt" class="mt-2 d-flex"> |
d94b8ecf C |
74 | <span class="moderation-expanded-label" i18n>Reported part</span> |
75 | <span> | |
8ca56654 | 76 | {{ startAt }}<ng-container *ngIf="abuse.video.endAt"> - {{ endAt }}</ng-container> |
d95d1559 C |
77 | </span> |
78 | </div> | |
79 | ||
94148c90 | 80 | <div class="mt-3 d-flex" *ngIf="isAdminView && abuse.moderationComment"> |
d94b8ecf C |
81 | <span class="moderation-expanded-label" i18n>Note</span> |
82 | <span class="moderation-expanded-text d-block" [innerHTML]="abuse.moderationCommentHtml"></span> | |
d95d1559 C |
83 | </div> |
84 | ||
85 | </div> | |
86 | ||
8ca56654 | 87 | <!-- report right part (video/comment details) --> |
d94b8ecf | 88 | <div class="right"> |
33f6dce1 | 89 | <div *ngIf="abuse.video"> |
71ab65d0 | 90 | <div *ngIf="abuse.video.deleted" i18n>The video was deleted</div> |
33f6dce1 | 91 | <my-embed *ngIf="!abuse.video.deleted" [video]="abuse.video"></my-embed> |
d95d1559 | 92 | </div> |
8ca56654 C |
93 | |
94 | <div *ngIf="abuse.comment" class="comment-html"> | |
95 | <div> | |
96 | <strong i18n>Comment:</strong> | |
97 | </div> | |
98 | ||
99 | <div [innerHTML]="abuse.commentHtml"></div> | |
100 | </div> | |
d95d1559 C |
101 | </div> |
102 | </div> |