import { catchError, switchMap, tap } from 'rxjs/operators'
-import { EventEmitter, OnInit } from '@angular/core'
+import { SelectChannelItem } from 'src/types/select-options-item.model'
+import { Directive, EventEmitter, OnInit } from '@angular/core'
import { AuthService, CanComponentDeactivateResult, Notifier, ServerService } from '@app/core'
-import { populateAsyncUserVideoChannels } from '@app/helpers'
+import { listUserChannels } from '@app/helpers'
import { FormReactive } from '@app/shared/shared-forms'
import { VideoCaptionEdit, VideoCaptionService, VideoEdit, VideoService } from '@app/shared/shared-main'
import { LoadingBarService } from '@ngx-loading-bar/core'
-import { ServerConfig, VideoConstant, VideoPrivacy } from '@shared/models'
+import { HTMLServerConfig, VideoConstant, VideoPrivacy } from '@shared/models'
+@Directive()
+// tslint:disable-next-line: directive-class-suffix
export abstract class VideoSend extends FormReactive implements OnInit {
- userVideoChannels: { id: number, label: string, support: string }[] = []
+ userVideoChannels: SelectChannelItem[] = []
videoPrivacies: VideoConstant<VideoPrivacy>[] = []
videoCaptions: VideoCaptionEdit[] = []
abstract firstStepDone: EventEmitter<string>
abstract firstStepError: EventEmitter<void>
- protected abstract readonly DEFAULT_VIDEO_PRIVACY: VideoPrivacy
protected loadingBar: LoadingBarService
protected notifier: Notifier
protected serverService: ServerService
protected videoService: VideoService
protected videoCaptionService: VideoCaptionService
- protected serverConfig: ServerConfig
+ protected serverConfig: HTMLServerConfig
abstract canDeactivate (): CanComponentDeactivateResult
ngOnInit () {
this.buildForm({})
- populateAsyncUserVideoChannels(this.authService, this.userVideoChannels)
- .then(() => this.firstStepChannelId = this.userVideoChannels[ 0 ].id)
+ listUserChannels(this.authService)
+ .subscribe(channels => {
+ this.userVideoChannels = channels
+ this.firstStepChannelId = this.userVideoChannels[0].id
+ })
- this.serverConfig = this.serverService.getTmpConfig()
- this.serverService.getConfig()
- .subscribe(config => this.serverConfig = config)
+ this.serverConfig = this.serverService.getHTMLConfig()
this.serverService.getVideoPrivacies()
.subscribe(
privacies => {
- this.videoPrivacies = privacies
+ const { videoPrivacies, defaultPrivacyId } = this.videoService.explainedPrivacyLabels(privacies)
- this.firstStepPrivacyId = this.DEFAULT_VIDEO_PRIVACY
+ this.videoPrivacies = videoPrivacies
+ this.firstStepPrivacyId = defaultPrivacyId
})
}
}
protected updateVideoAndCaptions (video: VideoEdit) {
- this.loadingBar.start()
+ this.loadingBar.useRef().start()
return this.videoService.updateVideo(video)
.pipe(
// Then update captions
switchMap(() => this.videoCaptionService.updateCaptions(video.id, this.videoCaptions)),
- tap(() => this.loadingBar.complete()),
+ tap(() => this.loadingBar.useRef().complete()),
catchError(err => {
- this.loadingBar.complete()
+ this.loadingBar.useRef().complete()
throw err
})
)