-<div class="row videos-info">
- <div class="col-md-9 videos-total-results">
- {{ pagination.total }} videos
+<div class="row col-md-12 videos-info">
+ <div class="col-md-9 col-xs-5 videos-total-results">
+ <span *ngIf="pagination.totalItems !== null">{{ pagination.totalItems }} videos</span>
- <my-loader [loading]="loading"></my-loader>
+ <my-loader [loading]="loading | async"></my-loader>
</div>
- <my-video-sort class="col-md-3" [currentSort]="sort" (sort)="onSort($event)"></my-video-sort>
+
+
+ <my-video-sort class="col-md-3 col-xs-7" [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>
+ <div class="col-md-12 no-video" *ngIf="isThereNoVideo()">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
+ class="ng-animate"
+ *ngFor="let video of videos" [video]="video" [user]="user" [currentSort]="sort" (removed)="onRemoved(video)"
+ >
</my-video-miniature>
</div>
-<pagination
- [totalItems]="pagination.total" [itemsPerPage]="pagination.itemsPerPage" [maxSize]="6" [boundaryLinks]="true" [rotate]="false"
- (ngModelChange)="getVideos()" [(ngModel)]="pagination.currentPage"
+<pagination *ngIf="pagination.totalItems !== null"
+ [totalItems]="pagination.totalItems" [itemsPerPage]="pagination.itemsPerPage" [maxSize]="6" [boundaryLinks]="true" [rotate]="false"
+ [(ngModel)]="pagination.currentPage" (pageChanged)="onPageChanged($event)"
></pagination>