+import { forkJoin } from 'rxjs'
import { map, switchMap } from 'rxjs/operators'
import { AfterViewInit, Component, EventEmitter, OnInit, Output } from '@angular/core'
import { Router } from '@angular/router'
import { AuthService, CanComponentDeactivate, HooksService, Notifier, ServerService } from '@app/core'
-import { getAbsoluteAPIUrl, scrollToTop } from '@app/helpers'
+import { scrollToTop } from '@app/helpers'
import { FormValidatorService } from '@app/shared/shared-forms'
import { VideoCaptionService, VideoEdit, VideoImportService, VideoService } from '@app/shared/shared-main'
import { LoadingBarService } from '@ngx-loading-bar/core'
-import { VideoPrivacy, VideoUpdate } from '@shared/models'
+import { VideoUpdate } from '@shared/models'
import { hydrateFormFromVideo } from '../shared/video-edit-utils'
import { VideoSend } from './video-send'
video: VideoEdit
error: string
- protected readonly DEFAULT_VIDEO_PRIVACY = VideoPrivacy.PUBLIC
-
constructor (
protected formValidatorService: FormValidatorService,
protected loadingBar: LoadingBarService,
}
isTargetUrlValid () {
- return this.targetUrl && this.targetUrl.match(/https?:\/\//)
+ return this.targetUrl?.match(/https?:\/\//)
}
importVideo () {
this.isImportingVideo = true
const videoUpdate: VideoUpdate = {
- privacy: VideoPrivacy.PRIVATE,
+ privacy: this.highestPrivacy,
waitTranscoding: false,
- commentsEnabled: true,
- downloadEnabled: true,
channelId: this.firstStepChannelId
}
this.videoImportService
.importVideoUrl(this.targetUrl, videoUpdate)
.pipe(
- switchMap(res => {
- return this.videoCaptionService
- .listCaptions(res.video.id)
- .pipe(
- map(result => ({ video: res.video, videoCaptions: result.data }))
- )
+ switchMap(previous => {
+ return forkJoin([
+ this.videoCaptionService.listCaptions(previous.video.uuid),
+ this.videoService.getVideo({ videoId: previous.video.uuid })
+ ]).pipe(map(([ videoCaptionsResult, video ]) => ({ videoCaptions: videoCaptionsResult.data, video })))
})
)
- .subscribe(
- ({ video, videoCaptions }) => {
+ .subscribe({
+ next: ({ video, videoCaptions }) => {
this.loadingBar.useRef().complete()
this.firstStepDone.emit(video.name)
this.isImportingVideo = false
this.hasImportedVideo = true
- const absoluteAPIUrl = getAbsoluteAPIUrl()
-
- const thumbnailUrl = video.thumbnailPath
- ? absoluteAPIUrl + video.thumbnailPath
- : null
-
- const previewUrl = video.previewPath
- ? absoluteAPIUrl + video.previewPath
- : null
-
- this.video = new VideoEdit(Object.assign(video, {
- commentsEnabled: videoUpdate.commentsEnabled,
- downloadEnabled: videoUpdate.downloadEnabled,
- privacy: { id: this.firstStepPrivacyId },
- support: null,
- thumbnailUrl,
- previewUrl
- }))
+ this.video = new VideoEdit(video)
+ this.video.patch({ privacy: this.firstStepPrivacyId })
this.videoCaptions = videoCaptions
hydrateFormFromVideo(this.form, this.video, true)
},
- err => {
+ error: err => {
this.loadingBar.useRef().complete()
this.isImportingVideo = false
this.firstStepError.emit()
this.notifier.error(err.message)
}
- )
+ })
}
- updateSecondStep () {
- if (this.checkForm() === false) {
- return
- }
+ async updateSecondStep () {
+ if (!await this.isFormValid()) return
this.video.patch(this.form.value)
// Update the video
this.updateVideoAndCaptions(this.video)
- .subscribe(
- () => {
+ .subscribe({
+ next: () => {
this.isUpdatingVideo = false
this.notifier.success($localize`Video to import updated.`)
this.router.navigate([ '/my-library', 'video-imports' ])
},
- err => {
+ error: err => {
this.error = err.message
scrollToTop()
console.error(err)
}
- )
+ })
}
}