+import { uniqBy } from 'lodash'
import { concat, Observable } from 'rxjs'
import { tap, toArray } from 'rxjs/operators'
-import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'
+import { Component, OnInit, ViewChild } from '@angular/core'
import { ActivatedRoute, Router } from '@angular/router'
-import { AuthService, ComponentPagination, ConfirmService, Notifier, RouteFilter, ScreenService, ServerService, User } from '@app/core'
+import { AuthService, ComponentPagination, ConfirmService, Notifier, ScreenService, ServerService, User } from '@app/core'
import { DisableForReuseHook } from '@app/core/routing/disable-for-reuse-hook'
-import { immutableAssign } from '@app/helpers'
+import { immutableAssign, prepareIcu } from '@app/helpers'
import { AdvancedInputFilter } from '@app/shared/shared-forms'
import { DropdownAction, Video, VideoService } from '@app/shared/shared-main'
import { LiveStreamInformationComponent } from '@app/shared/shared-video-live'
-import { MiniatureDisplayOptions, SelectionType, VideosSelectionComponent } from '@app/shared/shared-video-miniature'
-import { VideoSortField } from '@shared/models'
+import {
+ MiniatureDisplayOptions,
+ SelectionType,
+ VideoActionsDisplayType,
+ VideosSelectionComponent
+} from '@app/shared/shared-video-miniature'
+import { VideoPlaylistService } from '@app/shared/shared-video-playlist'
+import { VideoChannel, VideoExistInPlaylist, VideosExistInPlaylists, VideoSortField } from '@shared/models'
import { VideoChangeOwnershipComponent } from './modals/video-change-ownership.component'
@Component({
templateUrl: './my-videos.component.html',
styleUrls: [ './my-videos.component.scss' ]
})
-export class MyVideosComponent extends RouteFilter implements OnInit, AfterViewInit, DisableForReuseHook {
+export class MyVideosComponent implements OnInit, DisableForReuseHook {
@ViewChild('videosSelection', { static: true }) videosSelection: VideosSelectionComponent
@ViewChild('videoChangeOwnershipModal', { static: true }) videoChangeOwnershipModal: VideoChangeOwnershipComponent
@ViewChild('liveStreamInformationModal', { static: true }) liveStreamInformationModal: LiveStreamInformationComponent
+ videosContainedInPlaylists: VideosExistInPlaylists = {}
titlePage: string
selection: SelectionType = {}
pagination: ComponentPagination = {
privacyLabel: false,
privacyText: true,
state: true,
- blacklistInfo: true
- }
-
- videoActions: DropdownAction<{ video: Video }>[] = []
+ blacklistInfo: true,
+ forceChannelInBy: true
+ }
+ videoDropdownDisplayOptions: VideoActionsDisplayType = {
+ playlist: false,
+ download: false,
+ update: false,
+ blacklist: false,
+ delete: true,
+ report: false,
+ duplicate: false,
+ mute: false,
+ liveInfo: true,
+ removeFiles: false,
+ transcoding: false,
+ studio: true,
+ stats: true
+ }
+
+ moreVideoActions: DropdownAction<{ video: Video }>[][] = []
videos: Video[] = []
getVideosObservableFunction = this.getVideosObservable.bind(this)
+
sort: VideoSortField = '-publishedAt'
user: User
- inputFilters: AdvancedInputFilter[] = [
- {
- queryParams: { 'search': 'isLive:true' },
- label: $localize`Only live videos`
- }
- ]
+ inputFilters: AdvancedInputFilter[] = []
+
+ disabled = false
+
+ private search: string
+ private userChannels: VideoChannel[] = []
constructor (
protected router: Router,
protected notifier: Notifier,
protected screenService: ScreenService,
private confirmService: ConfirmService,
- private videoService: VideoService
+ private videoService: VideoService,
+ private playlistService: VideoPlaylistService
) {
- super()
-
this.titlePage = $localize`My videos`
}
this.user = this.authService.getUser()
- this.initSearch()
- this.listenToSearchChange()
+ if (this.route.snapshot.queryParams['search']) {
+ this.search = this.route.snapshot.queryParams['search']
+ }
+
+ this.authService.userInformationLoaded.subscribe(() => {
+ this.user = this.authService.getUser()
+ this.userChannels = this.user.videoChannels
+
+ const channelFilters = this.userChannels.map(c => {
+ return {
+ value: 'channel:' + c.name,
+ label: c.name
+ }
+ })
+
+ this.inputFilters = [
+ {
+ title: $localize`Advanced filters`,
+ children: [
+ {
+ value: 'isLive:true',
+ label: $localize`Only live videos`
+ }
+ ]
+ },
+
+ {
+ title: $localize`Channel filters`,
+ children: channelFilters
+ }
+ ]
+ })
}
- ngAfterViewInit () {
- if (this.search) this.setTableFilter(this.search, false)
+ onSearch (search: string) {
+ this.search = search
+ this.reloadData()
}
- loadData () {
+ reloadData () {
this.videosSelection.reloadVideos()
}
}
disableForReuse () {
- this.videosSelection.disableForReuse()
+ this.disabled = true
}
enabledForReuse () {
- this.videosSelection.enabledForReuse()
+ this.disabled = false
}
getVideosObservable (page: number) {
const newPagination = immutableAssign(this.pagination, { currentPage: page })
- return this.videoService.getMyVideos(newPagination, this.sort, this.search)
- .pipe(
- tap(res => this.pagination.totalItems = res.total)
- )
+ return this.videoService.getMyVideos({
+ videoPagination: newPagination,
+ sort: this.sort,
+ userChannels: this.userChannels,
+ search: this.search
+ }).pipe(
+ tap(res => this.pagination.totalItems = res.total),
+ tap(({ data }) => this.fetchVideosContainedInPlaylists(data))
+ )
+ }
+
+ private fetchVideosContainedInPlaylists (videos: Video[]) {
+ this.playlistService.doVideosExistInPlaylist(videos.map(v => v.id))
+ .subscribe(result => {
+ this.videosContainedInPlaylists = Object.keys(result).reduce((acc, videoId) => ({
+ ...acc,
+ [videoId]: uniqBy(result[videoId], (p: VideoExistInPlaylist) => p.playlistId)
+ }), this.videosContainedInPlaylists)
+ })
}
async deleteSelectedVideos () {
const toDeleteVideosIds = Object.keys(this.selection)
- .filter(k => this.selection[ k ] === true)
+ .filter(k => this.selection[k] === true)
.map(k => parseInt(k, 10))
const res = await this.confirmService.confirm(
- $localize`Do you really want to delete ${toDeleteVideosIds.length} videos?`,
+ prepareIcu($localize`Do you really want to delete {length, plural, =1 {this video} other {{length} videos}}?`)(
+ { length: toDeleteVideosIds.length },
+ $localize`Do you really want to delete ${toDeleteVideosIds.length} videos?`
+ ),
$localize`Delete`
)
if (res === false) return
concat(...observables)
.pipe(toArray())
- .subscribe(
- () => {
- this.notifier.success($localize`${toDeleteVideosIds.length} videos deleted.`)
+ .subscribe({
+ next: () => {
+ this.notifier.success(
+ prepareIcu($localize`{length, plural, =1 {Video has been deleted} other {{length} videos have been deleted}}`)(
+ { length: toDeleteVideosIds.length },
+ $localize`${toDeleteVideosIds.length} have been deleted.`
+ )
+ )
+
this.selection = {}
},
- err => this.notifier.error(err.message)
- )
+ error: err => this.notifier.error(err.message)
+ })
}
- async deleteVideo (video: Video) {
- const res = await this.confirmService.confirm(
- $localize`Do you really want to delete ${video.name}?`,
- $localize`Delete`
- )
- if (res === false) return
-
- this.videoService.removeVideo(video.id)
- .subscribe(
- () => {
- this.notifier.success($localize`Video ${video.name} deleted.`)
- this.removeVideoFromArray(video.id)
- },
-
- error => this.notifier.error(error.message)
- )
+ onVideoRemoved (video: Video) {
+ this.removeVideoFromArray(video.id)
}
changeOwnership (video: Video) {
this.videoChangeOwnershipModal.show(video)
}
- displayLiveInformation (video: Video) {
- this.liveStreamInformationModal.show(video)
- }
-
private removeVideoFromArray (id: number) {
this.videos = this.videos.filter(v => v.id !== id)
}
private buildActions () {
- this.videoActions = [
- {
- label: $localize`Display live information`,
- handler: ({ video }) => this.displayLiveInformation(video),
- isDisplayed: ({ video }) => video.isLive,
- iconName: 'live'
- },
- {
- label: $localize`Change ownership`,
- handler: ({ video }) => this.changeOwnership(video),
- iconName: 'ownership-change'
- },
- {
- label: $localize`Delete`,
- handler: ({ video }) => this.deleteVideo(video),
- iconName: 'delete'
- }
+ this.moreVideoActions = [
+ [
+ {
+ label: $localize`Change ownership`,
+ handler: ({ video }) => this.changeOwnership(video),
+ iconName: 'ownership-change'
+ }
+ ]
]
}
}
projects / github / Chocobozzz / PeerTube.git / blobdiff