1 import { AfterViewChecked, Component, OnInit, ViewChild } from '@angular/core'
2 import { ConfigService } from '@app/+admin/config/shared/config.service'
3 import { ServerService } from '@app/core/server/server.service'
4 import { CustomConfigValidatorsService, FormReactive, UserValidatorsService } from '@app/shared'
5 import { Notifier } from '@app/core'
6 import { CustomConfig } from '../../../../../../shared/models/server/custom-config.model'
7 import { I18n } from '@ngx-translate/i18n-polyfill'
8 import { FormValidatorService } from '@app/shared/forms/form-validators/form-validator.service'
9 import { SelectItem } from 'primeng/api'
10 import { forkJoin } from 'rxjs'
11 import { ServerConfig } from '@shared/models'
12 import { ViewportScroller } from '@angular/common'
13 import { NgbNav } from '@ng-bootstrap/ng-bootstrap'
16 selector: 'my-edit-custom-config',
17 templateUrl: './edit-custom-config.component.html',
18 styleUrls: [ './edit-custom-config.component.scss' ]
20 export class EditCustomConfigComponent extends FormReactive implements OnInit, AfterViewChecked {
21 // FIXME: use built-in router
22 @ViewChild('nav') nav: NgbNav
25 customConfig: CustomConfig
27 resolutions: { id: string, label: string, description?: string }[] = []
28 transcodingThreadOptions: { label: string, value: number }[] = []
30 languageItems: SelectItem[] = []
31 categoryItems: SelectItem[] = []
33 private serverConfig: ServerConfig
36 private viewportScroller: ViewportScroller,
37 protected formValidatorService: FormValidatorService,
38 private customConfigValidatorsService: CustomConfigValidatorsService,
39 private userValidatorsService: UserValidatorsService,
40 private notifier: Notifier,
41 private configService: ConfigService,
42 private serverService: ServerService,
50 label: this.i18n('Audio-only'),
51 description: this.i18n('A <code>.mp4</code> that keeps the original audio track, with no video')
55 label: this.i18n('240p')
59 label: this.i18n('360p')
63 label: this.i18n('480p')
67 label: this.i18n('720p')
71 label: this.i18n('1080p')
75 label: this.i18n('2160p')
79 this.transcodingThreadOptions = [
80 { value: 0, label: this.i18n('Auto (via ffmpeg)') },
81 { value: 1, label: '1' },
82 { value: 2, label: '2' },
83 { value: 4, label: '4' },
84 { value: 8, label: '8' }
88 get videoQuotaOptions () {
89 return this.configService.videoQuotaOptions
92 get videoQuotaDailyOptions () {
93 return this.configService.videoQuotaDailyOptions
96 get availableThemes () {
97 return this.serverConfig.theme.registered
101 getResolutionKey (resolution: string) {
102 return 'transcoding.resolutions.' + resolution
106 this.serverConfig = this.serverService.getTmpConfig()
107 this.serverService.getConfig()
108 .subscribe(config => this.serverConfig = config)
110 const formGroupData: { [key in keyof CustomConfig ]: any } = {
112 name: this.customConfigValidatorsService.INSTANCE_NAME,
113 shortDescription: this.customConfigValidatorsService.INSTANCE_SHORT_DESCRIPTION,
117 defaultNSFWPolicy: null,
122 creationReason: null,
123 moderationInformation: null,
125 maintenanceLifetime: null,
128 hardwareInformation: null,
133 defaultClientRoute: null,
145 username: this.customConfigValidatorsService.SERVICES_TWITTER_USERNAME,
151 size: this.customConfigValidatorsService.CACHE_PREVIEWS_SIZE
154 size: this.customConfigValidatorsService.CACHE_CAPTIONS_SIZE
159 limit: this.customConfigValidatorsService.SIGNUP_LIMIT,
160 requiresEmailVerification: null
173 email: this.customConfigValidatorsService.ADMIN_EMAIL
179 videoQuota: this.userValidatorsService.USER_VIDEO_QUOTA,
180 videoQuotaDaily: this.userValidatorsService.USER_VIDEO_QUOTA_DAILY
184 threads: this.customConfigValidatorsService.TRANSCODING_THREADS,
185 allowAdditionalExtensions: null,
186 allowAudioFiles: null,
215 indexUrl: this.customConfigValidatorsService.INDEX_URL
232 url: this.customConfigValidatorsService.SEARCH_INDEX_URL,
233 disableLocalSearch: null,
234 isDefaultSearch: null
239 const defaultValues = {
244 for (const resolution of this.resolutions) {
245 defaultValues.transcoding.resolutions[resolution.id] = 'false'
246 formGroupData.transcoding.resolutions[resolution.id] = null
249 this.buildForm(formGroupData)
251 this.checkTranscodingFields()
254 ngAfterViewChecked () {
255 if (!this.initDone) {
261 isTranscodingEnabled () {
262 return this.form.value['transcoding']['enabled'] === true
266 return this.form.value['signup']['enabled'] === true
269 isSearchIndexEnabled () {
270 return this.form.value['search']['searchIndex']['enabled'] === true
273 isAutoFollowIndexEnabled () {
274 return this.form.value['followings']['instance']['autoFollowIndex']['enabled'] === true
277 async formValidated () {
278 this.configService.updateCustomConfig(this.form.getRawValue())
281 this.customConfig = res
283 // Reload general configuration
284 this.serverService.resetConfig()
288 this.notifier.success(this.i18n('Configuration updated.'))
291 err => this.notifier.error(err.message)
295 getSelectedLanguageLabel () {
296 return this.i18n('{{\'{0} languages selected')
299 getDefaultLanguageLabel () {
300 return this.i18n('No language')
303 getSelectedCategoryLabel () {
304 return this.i18n('{{\'{0} categories selected')
307 getDefaultCategoryLabel () {
308 return this.i18n('No category')
313 'customizations': 'advanced-configuration'
315 const hash = window.location.hash.replace('#', '')
317 if (hash && Object.keys(hashToNav).includes(hash)) {
318 this.nav.select(hashToNav[hash])
319 setTimeout(() => this.viewportScroller.scrollToAnchor(hash), 100)
323 private updateForm () {
324 this.form.patchValue(this.customConfig)
327 private loadForm () {
329 this.configService.getCustomConfig(),
330 this.serverService.getVideoLanguages(),
331 this.serverService.getVideoCategories()
333 ([ config, languages, categories ]) => {
334 this.customConfig = config
336 this.languageItems = languages.map(l => ({ label: l.label, value: l.id }))
337 this.categoryItems = categories.map(l => ({ label: l.label, value: l.id }))
340 // Force form validation
344 err => this.notifier.error(err.message)
348 private checkTranscodingFields () {
349 const hlsControl = this.form.get('transcoding.hls.enabled')
350 const webtorrentControl = this.form.get('transcoding.webtorrent.enabled')
352 webtorrentControl.valueChanges
353 .subscribe(newValue => {
354 if (newValue === false && !hlsControl.disabled) {
358 if (newValue === true && !hlsControl.enabled) {
363 hlsControl.valueChanges
364 .subscribe(newValue => {
365 if (newValue === false && !webtorrentControl.disabled) {
366 webtorrentControl.disable()
369 if (newValue === true && !webtorrentControl.enabled) {
370 webtorrentControl.enable()