Add user/instance block by users in the client
[oweals/peertube.git] / client / src / app / +admin / moderation / video-blacklist-list / video-blacklist-list.component.html
1 <p-table
2   [value]="blacklist" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage"
3   [sortField]="sort.field" [sortOrder]="sort.order" (onLazyLoad)="loadLazy($event)" dataKey="id"
4 >
5   <ng-template pTemplate="header">
6     <tr>
7       <th style="width: 40px"></th>
8       <th i18n pSortableColumn="name">Video name <p-sortIcon field="name"></p-sortIcon></th>
9       <th i18n>Sensitive</th>
10       <th i18n pSortableColumn="createdAt">Date <p-sortIcon field="createdAt"></p-sortIcon></th>
11       <th style="width: 120px;"></th>
12     </tr>
13   </ng-template>
14
15   <ng-template pTemplate="body" let-videoBlacklist let-expanded="expanded">
16     <tr>
17       <td>
18         <span *ngIf="videoBlacklist.reason" class="expander" [pRowToggler]="videoBlacklist">
19           <i [ngClass]="expanded ? 'glyphicon glyphicon-menu-down' : 'glyphicon glyphicon-menu-right'"></i>
20         </span>
21       </td>
22
23       <td>
24         <a [href]="getVideoUrl(videoBlacklist)" i18n-title title="Go to the video" target="_blank" rel="noopener noreferrer">
25           {{ videoBlacklist.video.name }}
26         </a>
27       </td>
28
29       <td>{{ videoBlacklist.video.nsfw }}</td>
30       <td>{{ videoBlacklist.createdAt }}</td>
31
32       <td class="action-cell">
33         <my-action-dropdown i18n-label label="Actions" [actions]="videoBlacklistActions" [entry]="videoBlacklist"></my-action-dropdown>
34       </td>
35     </tr>
36   </ng-template>
37
38   <ng-template pTemplate="rowexpansion" let-videoBlacklist>
39     <tr>
40       <td class="moderation-expanded" colspan="5">
41         <span i18n class="moderation-expanded-label">Blacklist reason:</span>
42         <span class="moderation-expanded-text">{{ videoBlacklist.reason }}</span>
43       </td>
44     </tr>
45   </ng-template>
46 </p-table>
47