+import { uniqBy } from 'lodash'
import { concat, Observable } from 'rxjs'
import { tap, toArray } from 'rxjs/operators'
import { Component, OnInit, ViewChild } from '@angular/core'
import { ActivatedRoute, Router } from '@angular/router'
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'
VideoActionsDisplayType,
VideosSelectionComponent
} from '@app/shared/shared-video-miniature'
-import { VideoChannel, VideoSortField } from '@shared/models'
+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({
@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
+ blacklistInfo: true,
+ forceChannelInBy: true
}
videoDropdownDisplayOptions: VideoActionsDisplayType = {
playlist: false,
protected notifier: Notifier,
protected screenService: ScreenService,
private confirmService: ConfirmService,
- private videoService: VideoService
+ private videoService: VideoService,
+ private playlistService: VideoPlaylistService
) {
this.titlePage = $localize`My videos`
}
sort: this.sort,
userChannels: this.userChannels,
search: this.search
- })
- .pipe(
- tap(res => this.pagination.totalItems = res.total)
- )
+ }).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 () {
.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
.pipe(toArray())
.subscribe({
next: () => {
- this.notifier.success($localize`${toDeleteVideosIds.length} videos deleted.`)
+ 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 = {}
},