diff options
Diffstat (limited to 'client/src/app/+admin/moderation/video-abuse-list/video-abuse-list.component.html')
-rw-r--r-- | client/src/app/+admin/moderation/video-abuse-list/video-abuse-list.component.html | 39 |
1 files changed, 29 insertions, 10 deletions
diff --git a/client/src/app/+admin/moderation/video-abuse-list/video-abuse-list.component.html b/client/src/app/+admin/moderation/video-abuse-list/video-abuse-list.component.html index cf7b61d2a..155d10dda 100644 --- a/client/src/app/+admin/moderation/video-abuse-list/video-abuse-list.component.html +++ b/client/src/app/+admin/moderation/video-abuse-list/video-abuse-list.component.html | |||
@@ -24,8 +24,19 @@ | |||
24 | </td> | 24 | </td> |
25 | 25 | ||
26 | <td> | 26 | <td> |
27 | <a [href]="videoAbuse.reporterAccount.url" i18n-title title="Go to the account" target="_blank" rel="noopener noreferrer"> | 27 | <a [href]="videoAbuse.reporterAccount.url" i18n-title title="Open account in a new tab" target="_blank" rel="noopener noreferrer"> |
28 | {{ createByString(videoAbuse.reporterAccount) }} | 28 | <div class="chip two-lines"> |
29 | <img | ||
30 | class="avatar" | ||
31 | [src]="videoAbuse.reporterAccount.avatar.path" | ||
32 | (error)="switchToDefaultAvatar($event)" | ||
33 | alt="Avatar" | ||
34 | > | ||
35 | <div> | ||
36 | {{ videoAbuse.reporterAccount.displayName }} | ||
37 | <span class="text-muted">{{ createByString(videoAbuse.reporterAccount) }}</span> | ||
38 | </div> | ||
39 | </div> | ||
29 | </a> | 40 | </a> |
30 | </td> | 41 | </td> |
31 | 42 | ||
@@ -50,14 +61,22 @@ | |||
50 | 61 | ||
51 | <ng-template pTemplate="rowexpansion" let-videoAbuse> | 62 | <ng-template pTemplate="rowexpansion" let-videoAbuse> |
52 | <tr> | 63 | <tr> |
53 | <td class="moderation-expanded" colspan="6"> | 64 | <td class="expand-cell" colspan="6"> |
54 | <div> | 65 | <div class="d-flex"> |
55 | <span i18n class="moderation-expanded-label">Reason:</span> | 66 | <div class="col-8"> |
56 | <span class="moderation-expanded-text" [innerHTML]="videoAbuse.reasonHtml"></span> | 67 | <div class="d-flex"> |
57 | </div> | 68 | <span class="col-3 moderation-expanded-label" i18n>Reason:</span> |
58 | <div *ngIf="videoAbuse.moderationComment"> | 69 | <span class="col-9 moderation-expanded-text" [innerHTML]="videoAbuse.reasonHtml"></span> |
59 | <span i18n class="moderation-expanded-label">Moderation comment:</span> | 70 | </div> |
60 | <span class="moderation-expanded-text" [innerHTML]="videoAbuse.moderationCommentHtml"></span> | 71 | <div class="mt-3 d-flex" *ngIf="videoAbuse.moderationComment"> |
72 | <span class="col-3 moderation-expanded-label" i18n>Note:</span> | ||
73 | <span class="col-9 moderation-expanded-text" [innerHTML]="videoAbuse.moderationCommentHtml"></span> | ||
74 | </div> | ||
75 | </div> | ||
76 | |||
77 | <div class="col-4"> | ||
78 | <div class="screenratio" [innerHTML]="videoAbuse.embedHtml"></div> | ||
79 | </div> | ||
61 | </div> | 80 | </div> |
62 | </td> | 81 | </td> |
63 | </tr> | 82 | </tr> |