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 | 66 |
1 files changed, 60 insertions, 6 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 c1ce093d7..67ef28408 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 | |||
@@ -54,7 +54,13 @@ | |||
54 | <td *ngIf="!videoAbuse.video.deleted"> | 54 | <td *ngIf="!videoAbuse.video.deleted"> |
55 | <a [href]="getVideoUrl(videoAbuse)" class="video-abuse-video-link" i18n-title title="Open video in a new tab" target="_blank" rel="noopener noreferrer"> | 55 | <a [href]="getVideoUrl(videoAbuse)" class="video-abuse-video-link" i18n-title title="Open video in a new tab" target="_blank" rel="noopener noreferrer"> |
56 | <div class="video-abuse-video"> | 56 | <div class="video-abuse-video"> |
57 | <div class="video-abuse-video-image"><img [src]="videoAbuse.video.thumbnailPath"></div> | 57 | <div class="video-abuse-video-image"> |
58 | <img [src]="videoAbuse.video.thumbnailPath"> | ||
59 | <span | ||
60 | class="video-abuse-video-image-label" *ngIf="videoAbuse.count > 1" | ||
61 | i18n-title title="This video has been reported multiple times." | ||
62 | >{{ videoAbuse.nth }}/{{ videoAbuse.count }}</span> | ||
63 | </div> | ||
58 | <div class="video-abuse-video-text"> | 64 | <div class="video-abuse-video-text"> |
59 | <div> | 65 | <div> |
60 | {{ videoAbuse.video.name }} | 66 | {{ videoAbuse.video.name }} |
@@ -85,11 +91,14 @@ | |||
85 | <td class="c-hand video-abuse-states" [pRowToggler]="videoAbuse"> | 91 | <td class="c-hand video-abuse-states" [pRowToggler]="videoAbuse"> |
86 | <span *ngIf="isVideoAbuseAccepted(videoAbuse)" [title]="videoAbuse.state.label" class="glyphicon glyphicon-ok"></span> | 92 | <span *ngIf="isVideoAbuseAccepted(videoAbuse)" [title]="videoAbuse.state.label" class="glyphicon glyphicon-ok"></span> |
87 | <span *ngIf="isVideoAbuseRejected(videoAbuse)" [title]="videoAbuse.state.label" class="glyphicon glyphicon-remove"></span> | 93 | <span *ngIf="isVideoAbuseRejected(videoAbuse)" [title]="videoAbuse.state.label" class="glyphicon glyphicon-remove"></span> |
88 | <span *ngIf="videoAbuse.moderationComment" [title]="videoAbuse.moderationComment" class="glyphicon glyphicon-comment"></span> | 94 | <span *ngIf="videoAbuse.moderationComment" container="body" placement="left auto" [ngbTooltip]="videoAbuse.moderationComment" class="glyphicon glyphicon-comment"></span> |
89 | </td> | 95 | </td> |
90 | 96 | ||
91 | <td class="action-cell"> | 97 | <td class="action-cell"> |
92 | <my-action-dropdown placement="bottom-right auto" container="body" i18n-label label="Actions" [actions]="videoAbuseActions" [entry]="videoAbuse"></my-action-dropdown> | 98 | <my-action-dropdown |
99 | [ngClass]="{ 'show': expanded }" placement="bottom-right auto" container="body" | ||
100 | i18n-label label="Actions" [actions]="videoAbuseActions" [entry]="videoAbuse" | ||
101 | ></my-action-dropdown> | ||
93 | </td> | 102 | </td> |
94 | </tr> | 103 | </tr> |
95 | </ng-template> | 104 | </ng-template> |
@@ -97,14 +106,59 @@ | |||
97 | <ng-template pTemplate="rowexpansion" let-videoAbuse> | 106 | <ng-template pTemplate="rowexpansion" let-videoAbuse> |
98 | <tr> | 107 | <tr> |
99 | <td class="expand-cell" colspan="6"> | 108 | <td class="expand-cell" colspan="6"> |
100 | <div class="d-flex"> | 109 | <div class="d-flex moderation-expanded"> |
110 | <!-- report metadata --> | ||
101 | <div class="col-8"> | 111 | <div class="col-8"> |
102 | <div class="d-flex"> | 112 | <div class="d-flex"> |
103 | <span class="col-3 moderation-expanded-label" i18n>Reason:</span> | 113 | <span class="col-3 moderation-expanded-label" i18n>Reporter</span> |
114 | <span class="col-9 moderation-expanded-text"> | ||
115 | <div class="chip"> | ||
116 | <img | ||
117 | class="avatar" | ||
118 | [src]="videoAbuse.reporterAccount.avatar.path" | ||
119 | (error)="switchToDefaultAvatar($event)" | ||
120 | alt="Avatar" | ||
121 | > | ||
122 | <div> | ||
123 | <span class="text-muted">{{ createByString(videoAbuse.reporterAccount) }}</span> | ||
124 | </div> | ||
125 | </div> | ||
126 | <a routerLink="/admin/moderation/video-abuses/list" class="ml-auto text-muted video-abuse-links" i18n> | ||
127 | {videoAbuse.countReportsForReporter, plural, =1 {1 report} other {{{ videoAbuse.countReportsForReporter }} reports}}<span class="ml-1Â glyphicon glyphicon-flag"></span> | ||
128 | </a> | ||
129 | </span> | ||
130 | </div> | ||
131 | <div class="d-flex"> | ||
132 | <span class="col-3 moderation-expanded-label" i18n>Reportee</span> | ||
133 | <span class="col-9 moderation-expanded-text"> | ||
134 | <div class="chip"> | ||
135 | <img | ||
136 | class="avatar" | ||
137 | [src]="videoAbuse.video.channel.ownerAccount?.avatar.path" | ||
138 | (error)="switchToDefaultAvatar($event)" | ||
139 | alt="Avatar" | ||
140 | > | ||
141 | <div> | ||
142 | <span class="text-muted">{{ videoAbuse.video.channel.ownerAccount ? createByString(videoAbuse.video.channel.ownerAccount) : '' }}</span> | ||
143 | </div> | ||
144 | </div> | ||
145 | <a routerLink="/admin/moderation/video-abuses/list" class="ml-auto text-muted video-abuse-links" *ngIf="!videoAbuse.video.deleted" i18n> | ||
146 | {videoAbuse.countReportsForReportee, plural, =1 {1 report} other {{{ videoAbuse.countReportsForReportee }} reports}}<span class="ml-1Â glyphicon glyphicon-flag"></span> | ||
147 | </a> | ||
148 | </span> | ||
149 | </div> | ||
150 | <div class="d-flex"> | ||
151 | <span class="col-3 moderation-expanded-label" i18n>Updated</span> | ||
152 | <time class="col-9 moderation-expanded-text video-abuse-date-updated">{{ videoAbuse.updatedAt | date: 'medium' }}</time> | ||
153 | </div> | ||
154 | |||
155 | <!-- report text --> | ||
156 | <div class="mt-3 d-flex"> | ||
157 | <span class="col-3 moderation-expanded-label" i18n>Report</span> | ||
104 | <span class="col-9 moderation-expanded-text" [innerHTML]="videoAbuse.reasonHtml"></span> | 158 | <span class="col-9 moderation-expanded-text" [innerHTML]="videoAbuse.reasonHtml"></span> |
105 | </div> | 159 | </div> |
106 | <div class="mt-3 d-flex" *ngIf="videoAbuse.moderationComment"> | 160 | <div class="mt-3 d-flex" *ngIf="videoAbuse.moderationComment"> |
107 | <span class="col-3 moderation-expanded-label" i18n>Note:</span> | 161 | <span class="col-3 moderation-expanded-label" i18n>Note</span> |
108 | <span class="col-9 moderation-expanded-text" [innerHTML]="videoAbuse.moderationCommentHtml"></span> | 162 | <span class="col-9 moderation-expanded-text" [innerHTML]="videoAbuse.moderationCommentHtml"></span> |
109 | </div> | 163 | </div> |
110 | </div> | 164 | </div> |