1 import { OnInit } from '@angular/core'
2 import { ActivatedRoute, Router } from '@angular/router'
3 import { NotificationsService } from 'angular2-notifications'
4 import { Observable } from 'rxjs/Observable'
5 import { SortField } from './sort-field.type'
6 import { VideoPagination } from './video-pagination.model'
7 import { Video } from './video.model'
9 export abstract class AbstractVideoList implements OnInit {
10 pagination: VideoPagination = {
15 sort: SortField = '-createdAt'
16 defaultSort: SortField = '-createdAt'
20 protected notificationsService: NotificationsService
21 protected router: Router
22 protected route: ActivatedRoute
24 protected abstract currentRoute: string
26 abstract titlePage: string
27 private loadedPages: { [ id: number ]: boolean } = {}
29 abstract getVideosObservable (): Observable<{ videos: Video[], totalVideos: number}>
32 // Subscribe to route changes
33 const routeParams = this.route.snapshot.params
34 this.loadRouteParams(routeParams)
36 if (this.loadOnInit === true) this.loadMoreVideos('after')
40 if (this.pagination.currentPage > 1) {
46 if (this.hasMoreVideos()) {
54 this.loadMoreVideos('before')
57 loadMoreVideos (where: 'before' | 'after') {
58 if (this.loadedPages[this.pagination.currentPage] === true) return
60 const observable = this.getVideosObservable()
63 ({ videos, totalVideos }) => {
64 // Paging is too high, return to the first one
65 if (totalVideos <= ((this.pagination.currentPage - 1) * this.pagination.itemsPerPage)) {
66 this.pagination.currentPage = 1
67 this.setNewRouteParams()
68 return this.reloadVideos()
71 this.loadedPages[this.pagination.currentPage] = true
72 this.pagination.totalItems = totalVideos
74 if (where === 'before') {
75 this.videos = videos.concat(this.videos)
77 this.videos = this.videos.concat(videos)
80 error => this.notificationsService.error('Error', error.text)
84 protected hasMoreVideos () {
85 if (!this.pagination.totalItems) return true
87 const maxPage = this.pagination.totalItems / this.pagination.itemsPerPage
88 return maxPage > this.pagination.currentPage
91 protected previousPage () {
92 this.pagination.currentPage--
94 this.setNewRouteParams()
95 this.loadMoreVideos('before')
98 protected nextPage () {
99 this.pagination.currentPage++
101 this.setNewRouteParams()
102 this.loadMoreVideos('after')
105 protected buildRouteParams () {
106 // There is always a sort and a current page
109 page: this.pagination.currentPage
115 protected loadRouteParams (routeParams: { [ key: string ]: any }) {
116 this.sort = routeParams['sort'] as SortField || this.defaultSort
118 if (routeParams['page'] !== undefined) {
119 this.pagination.currentPage = parseInt(routeParams['page'], 10)
121 this.pagination.currentPage = 1
125 protected setNewRouteParams () {
126 const routeParams = this.buildRouteParams()
127 this.router.navigate([ this.currentRoute, routeParams ])