1 files changed, 77 insertions, 0 deletions

diff --git a/client/src/app/+videos/+video-edit/video-add.component.ts b/client/src/app/+videos/+video-edit/video-add.component.ts
new file mode 100644
index 000000000..5bd768809
--- /dev/null
+++ b/client/src/app/+videos/+video-edit/video-add.component.ts
@@ -0,0 +1,77 @@
+import { Component, HostListener, OnInit, ViewChild } from '@angular/core'
+import { AuthService, CanComponentDeactivate, ServerService } from '@app/core'
+import { ServerConfig } from '@shared/models'
+import { VideoImportTorrentComponent } from './video-add-components/video-import-torrent.component'
+import { VideoImportUrlComponent } from './video-add-components/video-import-url.component'
+import { VideoUploadComponent } from './video-add-components/video-upload.component'
+
+@Component({
+  selector: 'my-videos-add',
+  templateUrl: './video-add.component.html',
+  styleUrls: [ './video-add.component.scss' ]
+})
+export class VideoAddComponent implements OnInit, CanComponentDeactivate {
+  @ViewChild('videoUpload') videoUpload: VideoUploadComponent
+  @ViewChild('videoImportUrl') videoImportUrl: VideoImportUrlComponent
+  @ViewChild('videoImportTorrent') videoImportTorrent: VideoImportTorrentComponent
+
+  secondStepType: 'upload' | 'import-url' | 'import-torrent'
+  videoName: string
+  serverConfig: ServerConfig
+
+  constructor (
+    private auth: AuthService,
+    private serverService: ServerService
+  ) {}
+
+  ngOnInit () {
+    this.serverConfig = this.serverService.getTmpConfig()
+
+    this.serverService.getConfig()
+      .subscribe(config => this.serverConfig = config)
+  }
+
+  onFirstStepDone (type: 'upload' | 'import-url' | 'import-torrent', videoName: string) {
+    this.secondStepType = type
+    this.videoName = videoName
+  }
+
+  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()
+
+    return { canDeactivate: true }
+  }
+
+  isVideoImportHttpEnabled () {
+    return this.serverConfig.import.videos.http.enabled
+  }
+
+  isVideoImportTorrentEnabled () {
+    return this.serverConfig.import.videos.torrent.enabled
+  }
+
+  isInSecondStep () {
+    return !!this.secondStepType
+  }
+
+  isRootUser () {
+    return this.auth.getUser().username === 'root'
+  }
+}