client/src/app/videos/video-list/video-search.component.ts

   1 import { Component, OnDestroy, OnInit } from '@angular/core'
   2 import { ActivatedRoute, Router } from '@angular/router'
   3 import { Location } from '@angular/common'
   4 import { RedirectService } from '@app/core'
   5 import { immutableAssign } from '@app/shared/misc/utils'
   6 import { NotificationsService } from 'angular2-notifications'
   7 import { Subscription } from 'rxjs/Subscription'
   8 import { AuthService } from '../../core/auth'
   9 import { AbstractVideoList } from '../../shared/video/abstract-video-list'
  10 import { VideoService } from '../../shared/video/video.service'
  11
  12 @Component({
  13   selector: 'my-videos-search',
  14   styleUrls: [ '../../shared/video/abstract-video-list.scss' ],
  15   templateUrl: '../../shared/video/abstract-video-list.html'
  16 })
  17 export class VideoSearchComponent extends AbstractVideoList implements OnInit, OnDestroy {
  18   titlePage = 'Search'
  19   currentRoute = '/videos/search'
  20   loadOnInit = false
  21
  22   protected otherRouteParams = {
  23     search: ''
  24   }
  25   private subActivatedRoute: Subscription
  26
  27   constructor (protected router: Router,
  28                protected route: ActivatedRoute,
  29                protected notificationsService: NotificationsService,
  30                protected authService: AuthService,
  31                protected location: Location,
  32                private videoService: VideoService,
  33                private redirectService: RedirectService
  34   ) {
  35     super()
  36   }
  37
  38   ngOnInit () {
  39     super.ngOnInit()
  40
  41     this.subActivatedRoute = this.route.queryParams.subscribe(
  42       queryParams => {
  43         const querySearch = queryParams['search']
  44
  45         if (!querySearch) return this.redirectService.redirectToHomepage()
  46         if (this.otherRouteParams.search === querySearch) return
  47
  48         this.otherRouteParams.search = querySearch
  49         this.reloadVideos()
  50       },
  51
  52       err => this.notificationsService.error('Error', err.text)
  53     )
  54   }
  55
  56   ngOnDestroy () {
  57     super.ngOnDestroy()
  58
  59     if (this.subActivatedRoute) this.subActivatedRoute.unsubscribe()
  60   }
  61
  62   getVideosObservable (page: number) {
  63     const newPagination = immutableAssign(this.pagination, { currentPage: page })
  64     return this.videoService.searchVideos(this.otherRouteParams.search, newPagination, this.sort)
  65   }
  66
  67   generateSyndicationList () {
  68     throw new Error('Search does not support syndication.')
  69   }
  70 }