1 import { forkJoin } from 'rxjs'
2 import { ViewportScroller } from '@angular/common'
3 import { AfterViewChecked, Component, OnInit, ViewChild } from '@angular/core'
4 import { ConfigService } from '@app/+admin/config/shared/config.service'
5 import { Notifier } from '@app/core'
6 import { ServerService } from '@app/core/server/server.service'
9 CACHE_CAPTIONS_SIZE_VALIDATOR,
10 CACHE_PREVIEWS_SIZE_VALIDATOR,
12 INSTANCE_NAME_VALIDATOR,
13 INSTANCE_SHORT_DESCRIPTION_VALIDATOR,
14 SEARCH_INDEX_URL_VALIDATOR,
15 SERVICES_TWITTER_USERNAME_VALIDATOR,
16 SIGNUP_LIMIT_VALIDATOR,
17 TRANSCODING_THREADS_VALIDATOR
18 } from '@app/shared/form-validators/custom-config-validators'
19 import { USER_VIDEO_QUOTA_DAILY_VALIDATOR, USER_VIDEO_QUOTA_VALIDATOR } from '@app/shared/form-validators/user-validators'
20 import { FormReactive, FormValidatorService, SelectOptionsItem } from '@app/shared/shared-forms'
21 import { NgbNav } from '@ng-bootstrap/ng-bootstrap'
22 import { CustomConfig, ServerConfig } from '@shared/models'
23 import { pairwise } from 'rxjs/operators'
26 selector: 'my-edit-custom-config',
27 templateUrl: './edit-custom-config.component.html',
28 styleUrls: [ './edit-custom-config.component.scss' ]
30 export class EditCustomConfigComponent extends FormReactive implements OnInit, AfterViewChecked {
31 // FIXME: use built-in router
32 @ViewChild('nav') nav: NgbNav
35 customConfig: CustomConfig
37 resolutions: { id: string, label: string, description?: string }[] = []
38 liveResolutions: { id: string, label: string, description?: string }[] = []
39 transcodingThreadOptions: { label: string, value: number }[] = []
40 liveMaxDurationOptions: { label: string, value: number }[] = []
42 languageItems: SelectOptionsItem[] = []
43 categoryItems: SelectOptionsItem[] = []
45 signupAlertMessage: string
47 private serverConfig: ServerConfig
50 private viewportScroller: ViewportScroller,
51 protected formValidatorService: FormValidatorService,
52 private notifier: Notifier,
53 private configService: ConfigService,
54 private serverService: ServerService
61 label: $localize`Audio-only`,
62 description: $localize`A <code>.mp4</code> that keeps the original audio track, with no video`
66 label: $localize`240p`
70 label: $localize`360p`
74 label: $localize`480p`
78 label: $localize`720p`
82 label: $localize`1080p`
86 label: $localize`1440p`
90 label: $localize`2160p`
94 this.liveResolutions = this.resolutions.filter(r => r.id !== '0p')
96 this.transcodingThreadOptions = [
97 { value: 0, label: $localize`Auto (via ffmpeg)` },
98 { value: 1, label: '1' },
99 { value: 2, label: '2' },
100 { value: 4, label: '4' },
101 { value: 8, label: '8' }
104 this.liveMaxDurationOptions = [
105 { value: -1, label: $localize`No limit` },
106 { value: 1000 * 3600, label: $localize`1 hour` },
107 { value: 1000 * 3600 * 3, label: $localize`3 hours` },
108 { value: 1000 * 3600 * 5, label: $localize`5 hours` },
109 { value: 1000 * 3600 * 10, label: $localize`10 hours` }
113 get videoQuotaOptions () {
114 return this.configService.videoQuotaOptions
117 get videoQuotaDailyOptions () {
118 return this.configService.videoQuotaDailyOptions
121 get availableThemes () {
122 return this.serverConfig.theme.registered
126 get liveRTMPPort () {
127 return this.serverConfig.live.rtmp.port
130 getTotalTranscodingThreads () {
131 const transcodingEnabled = this.form.value['transcoding']['enabled']
132 const transcodingThreads = this.form.value['transcoding']['threads']
133 const liveTranscodingEnabled = this.form.value['live']['transcoding']['enabled']
134 const liveTranscodingThreads = this.form.value['live']['transcoding']['threads']
136 // checks whether all enabled method are on fixed values and not on auto (= 0)
137 let noneOnAuto = !transcodingEnabled || +transcodingThreads > 0
138 noneOnAuto &&= !liveTranscodingEnabled || +liveTranscodingThreads > 0
140 // count total of fixed value, repalcing auto by a single thread (knowing it will display "at least")
142 if (transcodingEnabled) value += +transcodingThreads || 1
143 if (liveTranscodingEnabled) value += +liveTranscodingThreads || 1
147 atMost: noneOnAuto, // auto switches everything to a least estimation since ffmpeg will take as many threads as possible
154 getResolutionKey (resolution: string) {
155 return 'transcoding.resolutions.' + resolution
159 this.serverConfig = this.serverService.getTmpConfig()
160 this.serverService.getConfig()
161 .subscribe(config => {
162 this.serverConfig = config
165 const formGroupData: { [key in keyof CustomConfig ]: any } = {
167 name: INSTANCE_NAME_VALIDATOR,
168 shortDescription: INSTANCE_SHORT_DESCRIPTION_VALIDATOR,
172 defaultNSFWPolicy: null,
177 creationReason: null,
178 moderationInformation: null,
180 maintenanceLifetime: null,
183 hardwareInformation: null,
188 defaultClientRoute: null,
200 username: SERVICES_TWITTER_USERNAME_VALIDATOR,
206 size: CACHE_PREVIEWS_SIZE_VALIDATOR
209 size: CACHE_CAPTIONS_SIZE_VALIDATOR
214 limit: SIGNUP_LIMIT_VALIDATOR,
215 requiresEmailVerification: null
236 email: ADMIN_EMAIL_VALIDATOR
242 videoQuota: USER_VIDEO_QUOTA_VALIDATOR,
243 videoQuotaDaily: USER_VIDEO_QUOTA_DAILY_VALIDATOR
247 threads: TRANSCODING_THREADS_VALIDATOR,
248 allowAdditionalExtensions: null,
249 allowAudioFiles: null,
262 maxInstanceLives: null,
268 threads: TRANSCODING_THREADS_VALIDATOR,
292 indexUrl: INDEX_URL_VALIDATOR
309 url: SEARCH_INDEX_URL_VALIDATOR,
310 disableLocalSearch: null,
311 isDefaultSearch: null
316 const defaultValues = {
327 for (const resolution of this.resolutions) {
328 defaultValues.transcoding.resolutions[resolution.id] = 'false'
329 formGroupData.transcoding.resolutions[resolution.id] = null
332 for (const resolution of this.liveResolutions) {
333 defaultValues.live.transcoding.resolutions[resolution.id] = 'false'
334 formGroupData.live.transcoding.resolutions[resolution.id] = null
337 this.buildForm(formGroupData)
340 this.checkTranscodingFields()
341 this.checkSignupField()
344 ngAfterViewChecked () {
345 if (!this.initDone) {
351 isTranscodingEnabled () {
352 return this.form.value['transcoding']['enabled'] === true
356 return this.form.value['live']['enabled'] === true
359 isLiveTranscodingEnabled () {
360 return this.form.value['live']['transcoding']['enabled'] === true
364 return this.form.value['signup']['enabled'] === true
367 isSearchIndexEnabled () {
368 return this.form.value['search']['searchIndex']['enabled'] === true
371 isAutoFollowIndexEnabled () {
372 return this.form.value['followings']['instance']['autoFollowIndex']['enabled'] === true
375 trendingVideosAlgorithmsEnabledIncludes (algorithm: string) {
376 return this.form.value['trending']['videos']['algorithms']['enabled'].find((e: string) => e === algorithm)
379 async formValidated () {
380 const value: CustomConfig = this.form.getRawValue()
382 this.configService.updateCustomConfig(value)
385 this.customConfig = res
387 // Reload general configuration
388 this.serverService.resetConfig()
392 this.notifier.success($localize`Configuration updated.`)
395 err => this.notifier.error(err.message)
401 'customizations': 'advanced-configuration'
403 const hash = window.location.hash.replace('#', '')
405 if (hash && Object.keys(hashToNav).includes(hash)) {
406 this.nav.select(hashToNav[hash])
407 setTimeout(() => this.viewportScroller.scrollToAnchor(hash), 100)
411 hasConsistentOptions () {
412 if (this.hasLiveAllowReplayConsistentOptions()) return true
417 hasLiveAllowReplayConsistentOptions () {
418 if (this.isTranscodingEnabled() === false && this.isLiveEnabled() && this.form.value['live']['allowReplay'] === true) {
425 private updateForm () {
426 this.form.patchValue(this.customConfig)
429 private loadForm () {
431 this.configService.getCustomConfig(),
432 this.serverService.getVideoLanguages(),
433 this.serverService.getVideoCategories()
435 ([ config, languages, categories ]) => {
436 this.customConfig = config
438 this.languageItems = languages.map(l => ({ label: l.label, id: l.id }))
439 this.categoryItems = categories.map(l => ({ label: l.label, id: l.id + '' }))
442 // Force form validation
446 err => this.notifier.error(err.message)
450 private checkTranscodingFields () {
451 const hlsControl = this.form.get('transcoding.hls.enabled')
452 const webtorrentControl = this.form.get('transcoding.webtorrent.enabled')
454 webtorrentControl.valueChanges
455 .subscribe(newValue => {
456 if (newValue === false && !hlsControl.disabled) {
460 if (newValue === true && !hlsControl.enabled) {
465 hlsControl.valueChanges
466 .subscribe(newValue => {
467 if (newValue === false && !webtorrentControl.disabled) {
468 webtorrentControl.disable()
471 if (newValue === true && !webtorrentControl.enabled) {
472 webtorrentControl.enable()
477 private checkSignupField () {
478 const signupControl = this.form.get('signup.enabled')
480 signupControl.valueChanges
482 .subscribe(([ oldValue, newValue ]) => {
483 if (oldValue !== true && newValue === true) {
484 // tslint:disable:max-line-length
485 this.signupAlertMessage = $localize`You enabled signup: we automatically enabled the "Block new videos automatically" checkbox of the "Videos" section just below.`
487 this.form.patchValue({