client/src/app/+my-library/my-video-playlists/my-video-playlist-create.component.ts

   1 import { Component, OnInit } from '@angular/core'
   2 import { Router } from '@angular/router'
   3 import { AuthService, Notifier, ServerService } from '@app/core'
   4 import { listUserChannels } from '@app/helpers'
   5 import {
   6   setPlaylistChannelValidator,
   7   VIDEO_PLAYLIST_CHANNEL_ID_VALIDATOR,
   8   VIDEO_PLAYLIST_DESCRIPTION_VALIDATOR,
   9   VIDEO_PLAYLIST_DISPLAY_NAME_VALIDATOR,
  10   VIDEO_PLAYLIST_PRIVACY_VALIDATOR
  11 } from '@app/shared/form-validators/video-playlist-validators'
  12 import { FormValidatorService } from '@app/shared/shared-forms'
  13 import { VideoPlaylistService } from '@app/shared/shared-video-playlist'
  14 import { VideoPlaylistCreate } from '@shared/models/videos/playlist/video-playlist-create.model'
  15 import { VideoPlaylistPrivacy } from '@shared/models/videos/playlist/video-playlist-privacy.model'
  16 import { MyVideoPlaylistEdit } from './my-video-playlist-edit'
  17
  18 @Component({
  19   templateUrl: './my-video-playlist-edit.component.html',
  20   styleUrls: [ './my-video-playlist-edit.component.scss' ]
  21 })
  22 export class MyVideoPlaylistCreateComponent extends MyVideoPlaylistEdit implements OnInit {
  23   error: string
  24
  25   constructor (
  26     protected formValidatorService: FormValidatorService,
  27     private authService: AuthService,
  28     private notifier: Notifier,
  29     private router: Router,
  30     private videoPlaylistService: VideoPlaylistService,
  31     private serverService: ServerService
  32   ) {
  33     super()
  34   }
  35
  36   ngOnInit () {
  37     this.buildForm({
  38       displayName: VIDEO_PLAYLIST_DISPLAY_NAME_VALIDATOR,
  39       privacy: VIDEO_PLAYLIST_PRIVACY_VALIDATOR,
  40       description: VIDEO_PLAYLIST_DESCRIPTION_VALIDATOR,
  41       videoChannelId: VIDEO_PLAYLIST_CHANNEL_ID_VALIDATOR,
  42       thumbnailfile: null
  43     })
  44
  45     this.form.get('privacy').valueChanges.subscribe(privacy => {
  46       setPlaylistChannelValidator(this.form.get('videoChannelId'), privacy)
  47     })
  48
  49     listUserChannels(this.authService)
  50       .subscribe(channels => this.userVideoChannels = channels)
  51
  52     this.serverService.getVideoPlaylistPrivacies()
  53         .subscribe(videoPlaylistPrivacies => {
  54           this.videoPlaylistPrivacies = videoPlaylistPrivacies
  55
  56           this.form.patchValue({
  57             privacy: VideoPlaylistPrivacy.PRIVATE
  58           })
  59         })
  60   }
  61
  62   formValidated () {
  63     this.error = undefined
  64
  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
  72     }
  73
  74     this.videoPlaylistService.createVideoPlaylist(videoPlaylistCreate)
  75       .subscribe({
  76         next: () => {
  77           this.notifier.success($localize`Playlist ${videoPlaylistCreate.displayName} created.`)
  78           this.router.navigate([ '/my-library', 'video-playlists' ])
  79         },
  80
  81         error: err => {
  82           this.error = err.message
  83         }
  84       })
  85   }
  86
  87   isCreation () {
  88     return true
  89   }
  90
  91   getFormButtonTitle () {
  92     return $localize`Create`
  93   }
  94 }