import { of } from 'rxjs'
-import { map, switchMap } from 'rxjs/operators'
+import { switchMap } from 'rxjs/operators'
import { SelectChannelItem } from 'src/types/select-options-item.model'
import { Component, HostListener, OnInit } from '@angular/core'
import { ActivatedRoute, Router } from '@angular/router'
private loadingBar: LoadingBarService,
private videoCaptionService: VideoCaptionService,
private liveVideoService: LiveVideoService
- ) {
+ ) {
super()
}
ngOnInit () {
this.buildForm({})
- this.route.data
- .pipe(map(data => data.videoData))
- .subscribe(({ video, videoChannels, videoCaptions, liveVideo }) => {
- this.video = new VideoEdit(video)
- this.videoDetails = video
+ const { videoData } = this.route.snapshot.data
+ const { video, videoChannels, videoCaptions, liveVideo } = videoData
- this.userVideoChannels = videoChannels
- this.videoCaptions = videoCaptions
- this.liveVideo = liveVideo
+ this.video = new VideoEdit(video)
+ this.videoDetails = video
- this.schedulePublicationPossible = this.video.privacy === VideoPrivacy.PRIVATE
+ this.userVideoChannels = videoChannels
+ this.videoCaptions = videoCaptions
+ this.liveVideo = liveVideo
- // FIXME: Angular does not detect the change inside this subscription, so use the patched setTimeout
- setTimeout(() => {
- hydrateFormFromVideo(this.form, this.video, true)
+ this.schedulePublicationPossible = this.video.privacy === VideoPrivacy.PRIVATE
+ }
- if (this.liveVideo) {
- this.form.patchValue({
- saveReplay: this.liveVideo.saveReplay,
- permanentLive: this.liveVideo.permanentLive
- })
- }
- })
- },
+ onFormBuilt () {
+ hydrateFormFromVideo(this.form, this.video, true)
- err => {
- console.error(err)
- this.notifier.error(err.message)
- }
- )
+ if (this.liveVideo) {
+ this.form.patchValue({
+ saveReplay: this.liveVideo.saveReplay,
+ permanentLive: this.liveVideo.permanentLive
+ })
+ }
}
@HostListener('window:beforeunload', [ '$event' ])
}
update () {
- if (this.checkForm() === false
- || this.isUpdatingVideo === true) {
+ if (this.checkForm() === false || this.isUpdatingVideo === true) {
return
}
return this.liveVideoService.updateLive(this.video.id, liveVideoUpdate)
})
)
- .subscribe(
- () => {
+ .subscribe({
+ next: () => {
this.updateDone = true
this.isUpdatingVideo = false
this.loadingBar.useRef().complete()
this.router.navigateByUrl(Video.buildWatchUrl(this.video))
},
- err => {
+ error: err => {
this.loadingBar.useRef().complete()
this.isUpdatingVideo = false
this.notifier.error(err.message)
console.error(err)
}
- )
+ })
}
hydratePluginFieldsFromVideo () {