aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/videos/video-list/video-list.component.html
blob: 0e17ef2c43f4abaf3850c0947cc65b27e3bb79a2 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="row videos-info">
  <div class="col-md-9 videos-total-results">
    <span *ngIf="pagination.totalItems !== null">{{ pagination.totalItems }} videos</span>

    <my-loader [loading]="loading | async"></my-loader>
  </div>
  <my-video-sort class="col-md-3" [currentSort]="sort" (sort)="onSort($event)"></my-video-sort>
</div>

<div class="videos-miniatures">
  <div class="col-md-12 no-video" *ngIf="noVideo()">There is no video.</div>

  <my-video-miniature class="ng-animate "*ngFor="let video of videos" [video]="video" [user]="user" (removed)="onRemoved(video)">
  </my-video-miniature>
</div>

<pagination *ngIf="pagination.totalItems !== null"
  [totalItems]="pagination.totalItems" [itemsPerPage]="pagination.itemsPerPage" [maxSize]="6" [boundaryLinks]="true" [rotate]="false"
  [(ngModel)]="pagination.currentPage" (pageChanged)="getVideos()"
></pagination>