import { map, switchMap } from 'rxjs/operators'
-import { Component, OnInit } from '@angular/core'
+import { Component, HostListener, OnInit } from '@angular/core'
import { ActivatedRoute, Router } from '@angular/router'
import { LoadingBarService } from '@ngx-loading-bar/core'
import { Notifier } from '@app/core'
-import { VideoConstant, VideoPrivacy } from '../../../../../shared/models/videos'
import { ServerService } from '../../core'
import { FormReactive } from '../../shared'
import { VideoEdit } from '../../shared/video/video-edit.model'
video: VideoEdit
isUpdatingVideo = false
- videoPrivacies: VideoConstant<VideoPrivacy>[] = []
userVideoChannels: { id: number, label: string, support: string }[] = []
schedulePublicationPossible = false
videoCaptions: VideoCaptionEdit[] = []
ngOnInit () {
this.buildForm({})
- this.serverService.videoPrivaciesLoaded
- .subscribe(() => this.videoPrivacies = this.serverService.getVideoPrivacies())
-
this.route.data
.pipe(map(data => data.videoData))
.subscribe(({ video, videoChannels, videoCaptions }) => {
this.userVideoChannels = videoChannels
this.videoCaptions = videoCaptions
- // We cannot set private a video that was not private
- if (this.video.privacy !== VideoPrivacy.PRIVATE) {
- this.videoPrivacies = this.videoPrivacies.filter(p => p.id !== VideoPrivacy.PRIVATE)
- } else { // We can schedule video publication only if it it is private
- this.schedulePublicationPossible = this.video.privacy === VideoPrivacy.PRIVATE
- }
-
- this.videoPrivacies = this.videoService.explainedPrivacyLabels(this.videoPrivacies)
-
const videoFiles = (video as VideoDetails).files
if (videoFiles.length > 1) { // Already transcoded
this.waitTranscodingEnabled = false
)
}
- canDeactivate () {
+ @HostListener('window:beforeunload', [ '$event' ])
+ onUnload (event: any) {
+ const { text, canDeactivate } = this.canDeactivate()
+
+ if (canDeactivate) return
+
+ event.returnValue = text
+ return text
+ }
+
+ canDeactivate (): { canDeactivate: boolean, text?: string } {
if (this.updateDone === true) return { canDeactivate: true }
+ const text = this.i18n('You have unsaved changes! If you leave, your changes will be lost.')
+
for (const caption of this.videoCaptions) {
- if (caption.action) return { canDeactivate: false }
+ if (caption.action) return { canDeactivate: false, text }
}
- return { canDeactivate: this.formChanged === false }
+ return { canDeactivate: this.formChanged === false, text }
}
checkForm () {