1 import { Component, OnInit } from '@angular/core'
2 import { Router } from '@angular/router'
3 import { AuthService, Notifier, ServerService } from '@app/core'
4 import { MyAccountVideoPlaylistEdit } from './my-account-video-playlist-edit'
5 import { I18n } from '@ngx-translate/i18n-polyfill'
6 import { FormValidatorService } from '@app/shared/forms/form-validators/form-validator.service'
7 import { VideoPlaylistValidatorsService } from '@app/shared'
8 import { VideoPlaylistCreate } from '@shared/models/videos/playlist/video-playlist-create.model'
9 import { VideoPlaylistService } from '@app/shared/video-playlist/video-playlist.service'
10 import { VideoConstant } from '@shared/models'
11 import { VideoPlaylistPrivacy } from '@shared/models/videos/playlist/video-playlist-privacy.model'
12 import { populateAsyncUserVideoChannels } from '@app/shared/misc/utils'
15 selector: 'my-account-video-playlist-create',
16 templateUrl: './my-account-video-playlist-edit.component.html',
17 styleUrls: [ './my-account-video-playlist-edit.component.scss' ]
19 export class MyAccountVideoPlaylistCreateComponent extends MyAccountVideoPlaylistEdit implements OnInit {
21 videoPlaylistPrivacies: VideoConstant<VideoPlaylistPrivacy>[] = []
24 protected formValidatorService: FormValidatorService,
25 private authService: AuthService,
26 private videoPlaylistValidatorsService: VideoPlaylistValidatorsService,
27 private notifier: Notifier,
28 private router: Router,
29 private videoPlaylistService: VideoPlaylistService,
30 private serverService: ServerService,
38 displayName: this.videoPlaylistValidatorsService.VIDEO_PLAYLIST_DISPLAY_NAME,
39 privacy: this.videoPlaylistValidatorsService.VIDEO_PLAYLIST_PRIVACY,
40 description: this.videoPlaylistValidatorsService.VIDEO_PLAYLIST_DESCRIPTION,
41 videoChannelId: this.videoPlaylistValidatorsService.VIDEO_PLAYLIST_CHANNEL_ID,
45 this.form.get('privacy').valueChanges.subscribe(privacy => {
46 this.videoPlaylistValidatorsService.setChannelValidator(this.form.get('videoChannelId'), privacy)
49 populateAsyncUserVideoChannels(this.authService, this.userVideoChannels)
51 this.serverService.videoPlaylistPrivaciesLoaded.subscribe(
53 this.videoPlaylistPrivacies = this.serverService.getVideoPlaylistPrivacies()
55 this.form.patchValue({
56 privacy: VideoPlaylistPrivacy.PRIVATE
63 this.error = undefined
65 const body = this.form.value
66 const videoPlaylistCreate: VideoPlaylistCreate = {
67 displayName: body.displayName,
68 privacy: body.privacy,
69 description: body.description || null,
70 videoChannelId: body.videoChannelId || null,
71 thumbnailfile: body.thumbnailfile || null
74 this.videoPlaylistService.createVideoPlaylist(videoPlaylistCreate).subscribe(
76 this.notifier.success(
77 this.i18n('Playlist {{playlistName}} created.', { playlistName: videoPlaylistCreate.displayName })
79 this.router.navigate([ '/my-account', 'video-playlists' ])
82 err => this.error = err.message
90 getFormButtonTitle () {
91 return this.i18n('Create')