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 { NotificationsService } from 'angular2-notifications'
-import { VideoConstant, VideoPrivacy } from '../../../../../shared/models/videos'
+import { Notifier } from '@app/core'
import { ServerService } from '../../core'
import { FormReactive } from '../../shared'
import { VideoEdit } from '../../shared/video/video-edit.model'
import { VideoCaptionService } from '@app/shared/video-caption'
import { VideoCaptionEdit } from '@app/shared/video-caption/video-caption-edit.model'
import { VideoDetails } from '@app/shared/video/video-details.model'
+import { VideoPrivacy } from '@shared/models'
@Component({
selector: 'my-videos-update',
video: VideoEdit
isUpdatingVideo = false
- videoPrivacies: VideoConstant<VideoPrivacy>[] = []
userVideoChannels: { id: number, label: string, support: string }[] = []
schedulePublicationPossible = false
videoCaptions: VideoCaptionEdit[] = []
protected formValidatorService: FormValidatorService,
private route: ActivatedRoute,
private router: Router,
- private notificationsService: NotificationsService,
+ private notifier: Notifier,
private serverService: ServerService,
private videoService: VideoService,
private loadingBar: LoadingBarService,
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)
+ this.schedulePublicationPossible = this.video.privacy === VideoPrivacy.PRIVATE
const videoFiles = (video as VideoDetails).files
if (videoFiles.length > 1) { // Already transcoded
err => {
console.error(err)
- this.notificationsService.error(this.i18n('Error'), err.message)
+ this.notifier.error(err.message)
}
)
}
- 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 () {
this.updateDone = true
this.isUpdatingVideo = false
this.loadingBar.complete()
- this.notificationsService.success(this.i18n('Success'), this.i18n('Video updated.'))
+ this.notifier.success(this.i18n('Video updated.'))
this.router.navigate([ '/videos/watch', this.video.uuid ])
},
err => {
this.loadingBar.complete()
this.isUpdatingVideo = false
- this.notificationsService.error(this.i18n('Error'), err.message)
+ this.notifier.error(err.message)
console.error(err)
}
)