diff options
Diffstat (limited to 'client/src/app/videos/video-list/shared/abstract-video-list.html')
-rw-r--r-- | client/src/app/videos/video-list/shared/abstract-video-list.html | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/client/src/app/videos/video-list/shared/abstract-video-list.html b/client/src/app/videos/video-list/shared/abstract-video-list.html new file mode 100644 index 000000000..680fba3f5 --- /dev/null +++ b/client/src/app/videos/video-list/shared/abstract-video-list.html | |||
@@ -0,0 +1,28 @@ | |||
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" | ||
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> | ||