2020-07-23 15:09:15 +02:00
< h1 >
< my-global-icon iconName = "cross" aria-hidden = "true" > < / my-global-icon >
< ng-container i18n > Video blocks< / ng-container >
< / h1 >
2020-06-02 20:50:42 +02:00
< p-table
2022-07-12 10:19:33 +02:00
[value]="blocklist" [paginator]="totalRecords > 0" [totalRecords]="totalRecords" [rows]="rowsPerPage" [first]="pagination.start"
[rowsPerPageOptions]="rowsPerPageOptions" [sortField]="sort.field" [sortOrder]="sort.order" dataKey="id"
2021-05-03 14:33:34 +02:00
[lazy]="true" (onLazyLoad)="loadLazy($event)" [lazyLoadOnInit]="false"
2020-06-02 20:50:42 +02:00
[showCurrentPageReport]="true" i18n-currentPageReportTemplate
currentPageReportTemplate="Showing {{'{first}'}} to {{'{last}'}} of {{'{totalRecords}'}} blocked videos"
2021-12-24 15:37:42 +01:00
[expandedRowKeys]="expandedRows"
2020-06-02 20:50:42 +02:00
>
< ng-template pTemplate = "caption" >
< div class = "caption" >
2022-06-08 16:14:24 +02:00
< div class = "ms-auto" >
2021-05-03 14:33:34 +02:00
< my-advanced-input-filter [ filters ] = " inputFilters " ( search ) = " onSearch ( $ event ) " > < / my-advanced-input-filter >
2020-06-02 20:50:42 +02:00
< / div >
< / div >
< / ng-template >
< ng-template pTemplate = "header" >
< tr >
2021-08-17 14:42:53 +02:00
< th style = "width: 40px;" > < / th >
2020-11-16 14:26:50 +01:00
< th style = "width: 150px;" > < / th >
2020-06-02 20:50:42 +02:00
< th i18n pSortableColumn = "name" > Video < p-sortIcon field = "name" > < / p-sortIcon > < / th >
< th style = "width: 100px;" i18n > Sensitive< / th >
< th style = "width: 120px;" i18n > Unfederated< / th >
< th style = "width: 150px;" i18n pSortableColumn = "createdAt" > Date < p-sortIcon field = "createdAt" > < / p-sortIcon > < / th >
< / tr >
< / ng-template >
< ng-template pTemplate = "body" let-videoBlock let-expanded = "expanded" >
< tr >
< td * ngIf = "!videoBlock.reason" > < / td >
2021-10-27 11:54:48 +02:00
< td class = "expand-cell" * ngIf = "videoBlock.reason" [ pRowToggler ] = " videoBlock " >
2021-10-27 11:42:05 +02:00
< my-table-expander-icon [ expanded ] = " expanded " > < / my-table-expander-icon >
2020-06-02 20:50:42 +02:00
< / td >
2020-11-16 14:26:50 +01:00
< td class = "action-cell" >
< my-action-dropdown
2021-10-20 11:35:09 +02:00
[ngClass]="{ 'show': expanded }" placement="bottom-right auto" container="body"
2020-11-16 14:26:50 +01:00
i18n-label label="Actions" [actions]="videoBlocklistActions" [entry]="videoBlock"
>< / my-action-dropdown >
< / td >
2020-06-02 20:50:42 +02:00
< td >
2021-10-27 11:42:05 +02:00
< my-video-cell [ video ] = " videoBlock . video " >
< span name >
< my-global-icon * ngIf = "videoBlock.type === 2" i18n-title title = "The video was blocked due to automatic blocking of new videos" iconName = "robot" > < / my-global-icon >
< / span >
< / my-video-cell >
2020-06-02 20:50:42 +02:00
< / td >
2020-11-16 15:41:15 +01:00
< td >
2022-06-08 16:14:24 +02:00
< span * ngIf = "videoBlock.video.nsfw" class = "pt-badge badge-red" i18n > NSFW< / span >
2020-11-16 15:41:15 +01:00
< / td >
< td >
2022-06-08 16:14:24 +02:00
< span * ngIf = "videoBlock.unfederated" class = "pt-badge badge-blue" i18n > Unfederated< / span >
2020-11-16 15:41:15 +01:00
< / td >
< td >
{{ videoBlock.createdAt | date: 'short' }}
< / td >
2020-06-02 20:50:42 +02:00
< / tr >
< / ng-template >
< ng-template pTemplate = "rowexpansion" let-videoBlock >
< tr >
2023-05-26 10:27:02 +02:00
< td class = "expand-cell" myAutoColspan >
2020-06-02 20:50:42 +02:00
< div class = "d-flex moderation-expanded" >
2020-07-02 16:30:33 +02:00
2021-10-20 11:35:09 +02:00
< div class = "left" >
< span class = "moderation-expanded-label" i18n > Block reason:< / span >
< span class = "moderation-expanded-text" [ innerHTML ] = " videoBlock . reasonHtml " > < / span >
2020-07-02 16:30:33 +02:00
< / div >
2021-10-20 11:35:09 +02:00
< div class = "right" >
2021-10-27 11:42:05 +02:00
< my-embed [ video ] = " videoBlock . video " > < / my-embed >
2020-07-02 16:30:33 +02:00
< / div >
2020-06-02 20:50:42 +02:00
< / div >
< / td >
< / tr >
< / ng-template >
< ng-template pTemplate = "emptymessage" >
< tr >
2023-05-26 10:27:02 +02:00
< td myAutoColspan >
2020-06-15 13:18:22 +02:00
< div class = "no-results" >
2020-06-02 20:50:42 +02:00
< ng-container * ngIf = "search" i18n > No blocked video found matching current filters.< / ng-container >
< ng-container * ngIf = "!search" i18n > No blocked video found.< / ng-container >
< / div >
< / td >
< / tr >
< / ng-template >
< / p-table >