2021-05-03 12:33:34 +00:00
|
|
|
<div class="no-results" i18n *ngIf="hasDoneFirstQuery && videos.length === 0">{{ noResultMessage }}</div>
|
2019-04-04 08:44:18 +00:00
|
|
|
|
2021-08-19 07:24:29 +00:00
|
|
|
<div
|
|
|
|
class="videos"
|
2021-10-08 13:59:05 +00:00
|
|
|
myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [dataObservable]="onDataSubject.asObservable()"
|
|
|
|
[parentDisabled]="disabled" [setAngularState]="true"
|
2021-08-19 07:24:29 +00:00
|
|
|
>
|
2019-05-21 08:54:38 +00:00
|
|
|
<div class="video" *ngFor="let video of videos; let i = index; trackBy: videoById">
|
|
|
|
|
2021-05-03 12:33:34 +00:00
|
|
|
<div class="checkbox-container" *ngIf="enableSelection">
|
2019-04-04 08:44:18 +00:00
|
|
|
<my-peertube-checkbox [inputName]="'video-check-' + video.id" [(ngModel)]="_selection[video.id]"></my-peertube-checkbox>
|
|
|
|
</div>
|
|
|
|
|
2020-06-16 09:44:54 +00:00
|
|
|
<my-video-miniature
|
|
|
|
[video]="video" [displayAsRow]="true" [displayOptions]="miniatureDisplayOptions"
|
2021-03-31 06:59:52 +00:00
|
|
|
[displayVideoActions]="false" [user]="user"
|
2020-06-16 09:44:54 +00:00
|
|
|
></my-video-miniature>
|
2019-04-04 08:44:18 +00:00
|
|
|
|
|
|
|
<!-- Display only once -->
|
|
|
|
<div class="action-selection-mode" *ngIf="isInSelectionMode() === true && i === 0">
|
|
|
|
<div class="action-selection-mode-child">
|
|
|
|
<span i18n class="action-button action-button-cancel-selection" (click)="abortSelectionMode()">
|
|
|
|
Cancel
|
|
|
|
</span>
|
|
|
|
|
|
|
|
<ng-container *ngTemplateOutlet="globalButtonsTemplate"></ng-container>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<ng-container *ngIf="isInSelectionMode() === false">
|
|
|
|
<ng-container *ngTemplateOutlet="rowButtonsTemplate; context: {$implicit: video}"></ng-container>
|
|
|
|
</ng-container>
|
|
|
|
</div>
|
|
|
|
</div>
|