diff options
Diffstat (limited to 'client/src/app/+admin/moderation/video-blacklist-list/video-blacklist-list.component.html')
-rw-r--r-- | client/src/app/+admin/moderation/video-blacklist-list/video-blacklist-list.component.html | 26 |
1 files changed, 21 insertions, 5 deletions
diff --git a/client/src/app/+admin/moderation/video-blacklist-list/video-blacklist-list.component.html b/client/src/app/+admin/moderation/video-blacklist-list/video-blacklist-list.component.html index 90a786ad0..6375dacd9 100644 --- a/client/src/app/+admin/moderation/video-blacklist-list/video-blacklist-list.component.html +++ b/client/src/app/+admin/moderation/video-blacklist-list/video-blacklist-list.component.html | |||
@@ -1,9 +1,20 @@ | |||
1 | <p-table | 1 | <p-table |
2 | [value]="blacklist" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage" | 2 | [value]="blacklist" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage" [rowsPerPageOptions]="rowsPerPageOptions" |
3 | [sortField]="sort.field" [sortOrder]="sort.order" (onLazyLoad)="loadLazy($event)" dataKey="id" | 3 | [sortField]="sort.field" [sortOrder]="sort.order" (onLazyLoad)="loadLazy($event)" dataKey="id" |
4 | [showCurrentPageReport]="true" i18n-currentPageReportTemplate | 4 | [showCurrentPageReport]="true" i18n-currentPageReportTemplate |
5 | currentPageReportTemplate="Showing {{'{first}'}} to {{'{last}'}} of {{'{totalRecords}'}} blacklisted videos" | 5 | currentPageReportTemplate="Showing {{'{first}'}} to {{'{last}'}} of {{'{totalRecords}'}} blacklisted videos" |
6 | > | 6 | > |
7 | <ng-template pTemplate="caption"> | ||
8 | <div class="caption"> | ||
9 | <div class="ml-auto"> | ||
10 | <input | ||
11 | type="text" name="table-filter" id="table-filter" i18n-placeholder placeholder="Filter..." | ||
12 | (keyup)="onSearch($event)" | ||
13 | > | ||
14 | </div> | ||
15 | </div> | ||
16 | </ng-template> | ||
17 | |||
7 | <ng-template pTemplate="header"> | 18 | <ng-template pTemplate="header"> |
8 | <tr> | 19 | <tr> |
9 | <th style="width: 40px"></th> | 20 | <th style="width: 40px"></th> |
@@ -33,7 +44,7 @@ | |||
33 | <div class="video-table-video-text"> | 44 | <div class="video-table-video-text"> |
34 | <div> | 45 | <div> |
35 | {{ videoBlacklist.video.name }} | 46 | {{ videoBlacklist.video.name }} |
36 | <span class="glyphicon glyphicon-new-window"></span> | 47 | <span i18n-title title="Video was blacklisted" class="glyphicon glyphicon-ban-circle"></span> |
37 | </div> | 48 | </div> |
38 | <div class="text-muted">by {{ videoBlacklist.video.channel?.displayName }} on {{ videoBlacklist.video.channel?.host }} </div> | 49 | <div class="text-muted">by {{ videoBlacklist.video.channel?.displayName }} on {{ videoBlacklist.video.channel?.host }} </div> |
39 | </div> | 50 | </div> |
@@ -53,7 +64,10 @@ | |||
53 | </ng-container> | 64 | </ng-container> |
54 | 65 | ||
55 | <td class="action-cell"> | 66 | <td class="action-cell"> |
56 | <my-action-dropdown i18n-label placement="bottom-right" label="Actions" [actions]="videoBlacklistActions" [entry]="videoBlacklist"></my-action-dropdown> | 67 | <my-action-dropdown |
68 | [ngClass]="{ 'show': expanded }" placement="bottom-right" container="body" | ||
69 | i18n-label label="Actions" [actions]="videoBlacklistActions" [entry]="videoBlacklist" | ||
70 | ></my-action-dropdown> | ||
57 | </td> | 71 | </td> |
58 | </tr> | 72 | </tr> |
59 | </ng-template> | 73 | </ng-template> |
@@ -61,8 +75,10 @@ | |||
61 | <ng-template pTemplate="rowexpansion" let-videoBlacklist> | 75 | <ng-template pTemplate="rowexpansion" let-videoBlacklist> |
62 | <tr> | 76 | <tr> |
63 | <td class="expand-cell" colspan="6"> | 77 | <td class="expand-cell" colspan="6"> |
64 | <span class="col-2 moderation-expanded-label" i18n>Blacklist reason:</span> | 78 | <div class="d-flex moderation-expanded"> |
65 | <span class="col-9 moderation-expanded-text" [innerHTML]="videoBlacklist.reasonHtml"></span> | 79 | <span class="col-2 moderation-expanded-label" i18n>Blacklist reason:</span> |
80 | <span class="col-9 moderation-expanded-text" [innerHTML]="videoBlacklist.reasonHtml"></span> | ||
81 | </div> | ||
66 | </td> | 82 | </td> |
67 | </tr> | 83 | </tr> |
68 | </ng-template> | 84 | </ng-template> |