client/src/app/videos/video-list/video-list.component.html

   1 <div class="row">
   2   <div class="content-padding">
   3     <div class="videos-info">
   4       <div class="col-md-9 col-xs-5 videos-total-results">
   5         <span *ngIf="pagination.totalItems !== null">{{ pagination.totalItems }} videos</span>
   6
   7         <my-loader [loading]="loading | async"></my-loader>
   8       </div>
   9
  10       <my-video-sort class="col-md-3 col-xs-7" [currentSort]="sort" (sort)="onSort($event)"></my-video-sort>
  11     </div>
  12   </div>
  13 </div>
  14
  15 <div class="content-padding videos-miniatures">
  16   <div class="no-video" *ngIf="isThereNoVideo()">There is no video.</div>
  17
  18   <my-video-miniature
  19     class="ng-animate"
  20     *ngFor="let video of videos" [video]="video" [user]="user" [currentSort]="sort" (removed)="onRemoved(video)"
  21   >
  22   </my-video-miniature>
  23 </div>
  24
  25 <pagination *ngIf="pagination.totalItems !== null && pagination.totalItems !== 0"
  26   [totalItems]="pagination.totalItems" [itemsPerPage]="pagination.itemsPerPage" [maxSize]="6" [boundaryLinks]="true" [rotate]="false"
  27   [(ngModel)]="pagination.currentPage" (pageChanged)="onPageChanged($event)"
  28 ></pagination>