-import { Component, OnDestroy, OnInit } from '@angular/core'
+import { forkJoin, Subscription } from 'rxjs'
+import { first, tap } from 'rxjs/operators'
+import { Component, ComponentFactoryResolver, OnDestroy, OnInit } from '@angular/core'
import { ActivatedRoute, Router } from '@angular/router'
-import { Location } from '@angular/common'
-import { immutableAssign } from '@app/shared/misc/utils'
-import { NotificationsService } from 'angular2-notifications'
-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 { tap } from 'rxjs/operators'
-import { I18n } from '@ngx-translate/i18n-polyfill'
+import { AuthService, ConfirmService, LocalStorageService, Notifier, ScreenService, ServerService, UserService } from '@app/core'
+import { immutableAssign } from '@app/helpers'
+import { VideoChannel, VideoChannelService, VideoService } from '@app/shared/shared-main'
+import { AbstractVideoList } from '@app/shared/shared-video-miniature'
+import { VideoFilter } from '@shared/models'
@Component({
selector: 'my-video-channel-videos',
- templateUrl: '../../shared/video/abstract-video-list.html',
+ templateUrl: '../../shared/shared-video-miniature/abstract-video-list.html',
styleUrls: [
- '../../shared/video/abstract-video-list.scss',
- './video-channel-videos.component.scss'
+ '../../shared/shared-video-miniature/abstract-video-list.scss'
]
})
export class VideoChannelVideosComponent extends AbstractVideoList implements OnInit, OnDestroy {
titlePage: string
- marginContent = false // Disable margin
- currentRoute = '/video-channel/videos'
loadOnInit = false
+ loadUserVideoPreferences = true
+
+ filter: VideoFilter = null
private videoChannel: VideoChannel
+ private videoChannelSub: Subscription
constructor (
protected router: Router,
+ protected serverService: ServerService,
protected route: ActivatedRoute,
protected authService: AuthService,
- protected notificationsService: NotificationsService,
+ protected userService: UserService,
+ protected notifier: Notifier,
protected confirmService: ConfirmService,
- protected location: Location,
- protected i18n: I18n,
+ protected screenService: ScreenService,
+ protected storageService: LocalStorageService,
+ protected cfr: ComponentFactoryResolver,
private videoChannelService: VideoChannelService,
private videoService: VideoService
) {
super()
- this.titlePage = this.i18n('Published videos')
+ this.titlePage = $localize`Published videos`
+ this.displayOptions = {
+ ...this.displayOptions,
+ avatar: false
+ }
}
ngOnInit () {
super.ngOnInit()
+ this.enableAllFilterIfPossible()
+
// Parent get the video channel for us
- this.videoChannelService.videoChannelLoaded
- .subscribe(videoChannel => {
- this.videoChannel = videoChannel
- this.currentRoute = '/video-channel/' + this.videoChannel.uuid + '/videos'
-
- this.loadMoreVideos(this.pagination.currentPage)
- this.generateSyndicationList()
- })
+ this.videoChannelSub = forkJoin([
+ this.videoChannelService.videoChannelLoaded.pipe(first()),
+ this.onUserLoadedSubject.pipe(first())
+ ]).subscribe(([ videoChannel ]) => {
+ this.videoChannel = videoChannel
+
+ this.reloadVideos()
+ this.generateSyndicationList()
+ })
}
ngOnDestroy () {
+ if (this.videoChannelSub) this.videoChannelSub.unsubscribe()
+
super.ngOnDestroy()
}
getVideosObservable (page: number) {
const newPagination = immutableAssign(this.pagination, { currentPage: page })
+ const options = {
+ videoChannel: this.videoChannel,
+ videoPagination: newPagination,
+ sort: this.sort,
+ nsfwPolicy: this.nsfwPolicy,
+ videoFilter: this.filter
+ }
return this.videoService
- .getVideoChannelVideos(this.videoChannel, newPagination, this.sort)
+ .getVideoChannelVideos(options)
.pipe(
- tap(({ totalVideos }) => {
- this.titlePage = this.i18n('Published {{totalVideos}} videos', { totalVideos })
+ tap(({ total }) => {
+ this.titlePage = total === 1
+ ? $localize`Published 1 video`
+ : $localize`Published ${total} videos`
})
)
}
generateSyndicationList () {
this.syndicationItems = this.videoService.getVideoChannelFeedUrls(this.videoChannel.id)
}
+
+ toggleModerationDisplay () {
+ this.filter = this.buildLocalFilter(this.filter, null)
+
+ this.reloadVideos()
+ }
}