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