-import { Component, ViewChild } from '@angular/core'
+import { Component, HostListener, ViewChild } from '@angular/core'
import { CanComponentDeactivate } from '@app/shared/guards/can-deactivate-guard.service'
import { VideoImportUrlComponent } from '@app/videos/+video-edit/video-add-components/video-import-url.component'
import { VideoUploadComponent } from '@app/videos/+video-edit/video-add-components/video-upload.component'
styleUrls: [ './video-add.component.scss' ]
})
export class VideoAddComponent implements CanComponentDeactivate {
- @ViewChild('videoUpload') videoUpload: VideoUploadComponent
- @ViewChild('videoImportUrl') videoImportUrl: VideoImportUrlComponent
- @ViewChild('videoImportTorrent') videoImportTorrent: VideoImportTorrentComponent
+ @ViewChild('videoUpload', { static: false }) videoUpload: VideoUploadComponent
+ @ViewChild('videoImportUrl', { static: false }) videoImportUrl: VideoImportUrlComponent
+ @ViewChild('videoImportTorrent', { static: false }) videoImportTorrent: VideoImportTorrentComponent
secondStepType: 'upload' | 'import-url' | 'import-torrent'
videoName: string
this.videoName = videoName
}
- canDeactivate () {
+ onError () {
+ this.videoName = undefined
+ this.secondStepType = undefined
+ }
+
+ @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.secondStepType === 'upload') return this.videoUpload.canDeactivate()
if (this.secondStepType === 'import-url') return this.videoImportUrl.canDeactivate()
if (this.secondStepType === 'import-torrent') return this.videoImportTorrent.canDeactivate()
}
isVideoImportTorrentEnabled () {
- return this.serverService.getConfig().import.videos.http.enabled
+ return this.serverService.getConfig().import.videos.torrent.enabled
}
}