-import { concat, Observable } from 'rxjs'
-import { tap, toArray } from 'rxjs/operators'
-import { Component, ViewChild } from '@angular/core'
+import { concat, Observable, Subject } from 'rxjs'
+import { tap, toArray, debounceTime } from 'rxjs/operators'
+import { Component, ViewChild, OnInit } from '@angular/core'
import { ActivatedRoute, Router } from '@angular/router'
import { immutableAssign } from '@app/shared/misc/utils'
import { ComponentPagination } from '@app/shared/rest/component-pagination.model'
templateUrl: './my-account-videos.component.html',
styleUrls: [ './my-account-videos.component.scss' ]
})
-export class MyAccountVideosComponent implements DisableForReuseHook {
- @ViewChild('videosSelection') videosSelection: VideosSelectionComponent
- @ViewChild('videoChangeOwnershipModal') videoChangeOwnershipModal: VideoChangeOwnershipComponent
+export class MyAccountVideosComponent implements OnInit, DisableForReuseHook {
+ @ViewChild('videosSelection', { static: true }) videosSelection: VideosSelectionComponent
+ @ViewChild('videoChangeOwnershipModal', { static: true }) videoChangeOwnershipModal: VideoChangeOwnershipComponent
titlePage: string
selection: SelectionType = {}
blacklistInfo: true
}
videos: Video[] = []
+ videosSearch: string
+ videosSearchChanged = new Subject<string>()
getVideosObservableFunction = this.getVideosObservable.bind(this)
constructor (
this.titlePage = this.i18n('My videos')
}
+ ngOnInit () {
+ this.videosSearchChanged
+ .pipe(
+ debounceTime(500))
+ .subscribe(() => {
+ this.videosSelection.reloadVideos()
+ })
+ }
+
+ onVideosSearchChanged () {
+ this.videosSearchChanged.next()
+ }
+
disableForReuse () {
this.videosSelection.disableForReuse()
}
getVideosObservable (page: number, sort: VideoSortField) {
const newPagination = immutableAssign(this.pagination, { currentPage: page })
- return this.videoService.getMyVideos(newPagination, sort)
+ return this.videoService.getMyVideos(newPagination, sort, this.videosSearch)
+ .pipe(
+ tap(res => this.pagination.totalItems = res.total)
+ )
}
async deleteSelectedVideos () {