-import { Component, OnDestroy, OnInit } from '@angular/core'
-import { ActivatedRoute, Router } from '@angular/router'
-import { immutableAssign } from '@app/shared/misc/utils'
-import { AuthService } from '../../core/auth'
-import { ConfirmService } from '../../core/confirm'
-import { AbstractVideoList } from '../../shared/video/abstract-video-list'
-import { VideoService } from '../../shared/video/video.service'
-import { VideoChannelService } from '@app/shared/video-channel/video-channel.service'
-import { VideoChannel } from '@app/shared/video-channel/video-channel.model'
-import { first, tap } from 'rxjs/operators'
-import { I18n } from '@ngx-translate/i18n-polyfill'
import { Subscription } from 'rxjs'
-import { ScreenService } from '@app/shared/misc/screen.service'
-import { Notifier, ServerService } from '@app/core'
-import { UserService } from '@app/shared'
-import { LocalStorageService } from '@app/shared/misc/storage.service'
+import { first } from 'rxjs/operators'
+import { Component, OnDestroy, OnInit } from '@angular/core'
+import { ComponentPaginationLight, DisableForReuseHook, ScreenService } from '@app/core'
+import { VideoChannel, VideoChannelService, VideoService } from '@app/shared/shared-main'
+import { MiniatureDisplayOptions, VideoFilters } from '@app/shared/shared-video-miniature'
+import { VideoSortField } from '@shared/models/videos'
@Component({
selector: 'my-video-channel-videos',
- templateUrl: '../../shared/video/abstract-video-list.html',
- styleUrls: [
- '../../shared/video/abstract-video-list.scss',
- './video-channel-videos.component.scss'
- ]
+ templateUrl: './video-channel-videos.component.html'
})
-export class VideoChannelVideosComponent extends AbstractVideoList implements OnInit, OnDestroy {
- titlePage: string
- loadOnInit = false
+export class VideoChannelVideosComponent implements OnInit, OnDestroy, DisableForReuseHook {
+ getVideosObservableFunction = this.getVideosObservable.bind(this)
+ getSyndicationItemsFunction = this.getSyndicationItems.bind(this)
+
+ title = $localize`Videos`
+ defaultSort = '-publishedAt' as VideoSortField
+
+ displayOptions: MiniatureDisplayOptions = {
+ date: true,
+ views: true,
+ by: false,
+ avatar: false,
+ privacyLabel: true,
+ privacyText: false,
+ state: false,
+ blacklistInfo: false
+ }
+
+ videoChannel: VideoChannel
+ disabled = false
- private videoChannel: VideoChannel
private videoChannelSub: Subscription
constructor (
- protected i18n: I18n,
- protected router: Router,
- protected serverService: ServerService,
- protected route: ActivatedRoute,
- protected authService: AuthService,
- protected userService: UserService,
- protected notifier: Notifier,
- protected confirmService: ConfirmService,
- protected screenService: ScreenService,
- protected storageService: LocalStorageService,
+ private screenService: ScreenService,
private videoChannelService: VideoChannelService,
private videoService: VideoService
) {
- super()
-
- this.titlePage = this.i18n('Published videos')
}
ngOnInit () {
- super.ngOnInit()
-
// Parent get the video channel for us
- this.videoChannelSub = this.videoChannelService.videoChannelLoaded
- .pipe(first())
- .subscribe(videoChannel => {
- this.videoChannel = videoChannel
-
- this.reloadVideos()
- this.generateSyndicationList()
- })
+ this.videoChannelService.videoChannelLoaded.pipe(first())
+ .subscribe(videoChannel => {
+ this.videoChannel = videoChannel
+ })
}
ngOnDestroy () {
if (this.videoChannelSub) this.videoChannelSub.unsubscribe()
+ }
+
+ getVideosObservable (pagination: ComponentPaginationLight, filters: VideoFilters) {
+ const params = {
+ ...filters.toVideosAPIObject(),
+
+ videoPagination: pagination,
+ videoChannel: this.videoChannel,
+ skipCount: true
+ }
- super.ngOnDestroy()
+ return this.videoService.getVideoChannelVideos(params)
}
- getVideosObservable (page: number) {
- const newPagination = immutableAssign(this.pagination, { currentPage: page })
+ getSyndicationItems () {
+ return this.videoService.getVideoChannelFeedUrls(this.videoChannel.id)
+ }
+
+ displayAsRow () {
+ return this.screenService.isInMobileView()
+ }
- return this.videoService
- .getVideoChannelVideos(this.videoChannel, newPagination, this.sort)
- .pipe(
- tap(({ total }) => {
- this.titlePage = this.i18n(`{total, plural, =1 {Published 1 video} other {Published {{total}} videos}}`, { total })
- })
- )
+ disableForReuse () {
+ this.disabled = true
}
- generateSyndicationList () {
- this.syndicationItems = this.videoService.getVideoChannelFeedUrls(this.videoChannel.id)
+ enabledForReuse () {
+ this.disabled = false
}
}