]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/+admin/moderation/video-auto-blacklist-list/video-auto-blacklist-list.component.html
Restore videos list components
[github/Chocobozzz/PeerTube.git] / client / src / app / +admin / moderation / video-auto-blacklist-list / video-auto-blacklist-list.component.html
1 <div i18n *ngIf="pagination.totalItems === 0">No results.</div>
2
3 <div myInfiniteScroller [autoInit]="true" (nearOfBottom)="onNearOfBottom()" class="videos">
4 <div class="video" *ngFor="let video of videos; let i = index">
5 <div class="checkbox-container">
6 <my-peertube-checkbox [inputName]="'video-check-' + video.id" [(ngModel)]="checkedVideos[video.id]"></my-peertube-checkbox>
7 </div>
8
9 <my-video-thumbnail [video]="video"></my-video-thumbnail>
10
11 <div class="video-info">
12 <a class="video-info-name" [routerLink]="['/videos/watch', video.uuid]" [attr.title]="video.name">{{ video.name }}</a>
13 <div>{{ video.account.displayName }}</div>
14 <div>{{ video.publishedAt | myFromNow }}</div>
15 <div><span i18n>Privacy: </span><span>{{ video.privacy.label }}</span></div>
16 <div><span i18n>Sensitive: </span><span> {{ video.nsfw }}</span></div>
17 </div>
18
19 <!-- Display only once -->
20 <div class="action-selection-mode" *ngIf="isInSelectionMode() === true && i === 0 && j === 0">
21 <div class="action-selection-mode-child">
22 <span i18n class="action-button action-button-cancel-selection" (click)="abortSelectionMode()">
23 Cancel
24 </span>
25
26 <span class="action-button action-button-unblacklist-selection" (click)="removeSelectedVideosFromBlacklist()">
27 <my-global-icon iconName="tick"></my-global-icon>
28 <ng-container i18n>Unblacklist</ng-container>
29 </span>
30 </div>
31 </div>
32
33 <div class="video-buttons" *ngIf="isInSelectionMode() === false">
34 <my-button
35 i18n-label
36 label="Unblacklist"
37 icon="tick"
38 (click)="removeVideoFromBlacklist(video)"
39 ></my-button>
40 </div>
41 </div>
42 </div>