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  placement="bottom-right" 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