X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bvideos%2F%2Bvideo-edit%2Fvideo-update.component.ts;h=d9e8344fcde8ca6fd7aaaf708bf46ac0cff28823;hb=d0800f7661f13fabe7bb6f4aa0ea50764f106405;hp=9bef60133d7c853a9c3b2d3176bdf30e3d8073f9;hpb=9df52d660feb722404be00a50f3c8a612bec1c15;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/+videos/+video-edit/video-update.component.ts b/client/src/app/+videos/+video-edit/video-update.component.ts index 9bef60133..d9e8344fc 100644 --- a/client/src/app/+videos/+video-edit/video-update.component.ts +++ b/client/src/app/+videos/+video-edit/video-update.component.ts @@ -1,5 +1,5 @@ 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' @@ -24,7 +24,7 @@ export class VideoUpdateComponent extends FormReactive implements OnInit { liveVideo: LiveVideo isUpdatingVideo = false - schedulePublicationPossible = false + forbidScheduledPublication = false waitTranscodingEnabled = true private updateDone = false @@ -45,37 +45,28 @@ export class VideoUpdateComponent extends FormReactive implements OnInit { ngOnInit () { this.buildForm({}) - this.route.data - .pipe(map(data => data.videoData)) - .subscribe({ - next: ({ video, videoChannels, videoCaptions, liveVideo }) => { - this.video = new VideoEdit(video) - this.videoDetails = video - - this.userVideoChannels = videoChannels - this.videoCaptions = videoCaptions - this.liveVideo = liveVideo - - this.schedulePublicationPossible = this.video.privacy === VideoPrivacy.PRIVATE - - // FIXME: Angular does not detect the change inside this subscription, so use the patched setTimeout - setTimeout(() => { - hydrateFormFromVideo(this.form, this.video, true) - - if (this.liveVideo) { - this.form.patchValue({ - saveReplay: this.liveVideo.saveReplay, - permanentLive: this.liveVideo.permanentLive - }) - } - }) - }, + const { videoData } = this.route.snapshot.data + const { video, videoChannels, videoCaptions, liveVideo } = videoData - error: err => { - console.error(err) - this.notifier.error(err.message) - } - }) + this.video = new VideoEdit(video) + this.videoDetails = video + + this.userVideoChannels = videoChannels + this.videoCaptions = videoCaptions + this.liveVideo = liveVideo + + this.forbidScheduledPublication = this.video.privacy !== VideoPrivacy.PRIVATE + } + + onFormBuilt () { + hydrateFormFromVideo(this.form, this.video, true) + + if (this.liveVideo) { + this.form.patchValue({ + saveReplay: this.liveVideo.saveReplay, + permanentLive: this.liveVideo.permanentLive + }) + } } @HostListener('window:beforeunload', [ '$event' ]) @@ -100,12 +91,6 @@ export class VideoUpdateComponent extends FormReactive implements OnInit { return { canDeactivate: this.formChanged === false, text } } - checkForm () { - this.forceCheck() - - return this.form.valid - } - isWaitTranscodingEnabled () { if (this.videoDetails.getFiles().length > 1) { // Already transcoded return false @@ -118,8 +103,11 @@ export class VideoUpdateComponent extends FormReactive implements OnInit { return true } - update () { - if (this.checkForm() === false || this.isUpdatingVideo === true) { + async update () { + await this.waitPendingCheck() + this.forceCheck() + + if (!this.form.valid || this.isUpdatingVideo === true) { return }