1 <div i18n *ngIf="pagination.totalItems === 0">No results.</div>
3 <div myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true" 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>
9 <my-video-thumbnail [video]="video"></my-video-thumbnail>
11 <div class="video-info">
12 <a class="video-info-name" [routerLink]="['/videos/watch', video.uuid]" [attr.title]="video.name">{{ video.name }}</a>
13 <span i18n class="video-info-date-views">{{ video.createdAt | myFromNow }} - {{ video.views | myNumberFormatter }} views</span>
14 <div class="video-info-privacy">{{ video.privacy.label }}{{ getStateLabel(video) }}</div>
15 <div *ngIf="video.blacklisted" class="video-info-blacklisted">
16 <span class="blacklisted-label" i18n>Blacklisted</span>
17 <span class="blacklisted-reason" *ngIf="video.blacklistedReason">{{ video.blacklistedReason }}</span>
21 <!-- Display only once -->
22 <div class="action-selection-mode" *ngIf="isInSelectionMode() === true && i === 0">
23 <div class="action-selection-mode-child">
24 <span i18n class="action-button action-button-cancel-selection" (click)="abortSelectionMode()">
28 <span class="action-button action-button-delete-selection" (click)="deleteSelectedVideos()">
29 <my-global-icon iconName="delete"></my-global-icon>
30 <ng-container i18n>Delete</ng-container>
35 <div class="video-buttons" *ngIf="isInSelectionMode() === false">
36 <my-delete-button (click)="deleteVideo(video)"></my-delete-button>
38 <my-edit-button [routerLink]="[ '/videos', 'update', video.uuid ]"></my-edit-button>
40 <my-button i18n-label label="Change ownership"
41 className="action-button-change-ownership"
43 (click)="changeOwnership($event, video)"
49 <my-video-change-ownership #videoChangeOwnershipModal></my-video-change-ownership>