X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Badmin%2Fconfig%2Fedit-custom-config%2Fedit-custom-config.component.ts;h=2c3b7560d616606c9b72c6252d17409c1a49148b;hb=54909304287f3c04dcfb39660be8ead57dc95440;hp=4b35d65fca8292b8c6b78cd678430caa1b0b9437;hpb=b3d5cb92b100406df98e5cd1f54eff9cd2078b1c;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.ts b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.ts index 4b35d65fc..2c3b7560d 100644 --- a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.ts +++ b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.ts @@ -1,4 +1,5 @@ +import omit from 'lodash-es/omit' import { forkJoin } from 'rxjs' import { SelectOptionsItem } from 'src/types/select-options-item.model' import { Component, OnInit } from '@angular/core' @@ -17,16 +18,23 @@ import { MAX_INSTANCE_LIVES_VALIDATOR, MAX_LIVE_DURATION_VALIDATOR, MAX_USER_LIVES_VALIDATOR, + MAX_VIDEO_CHANNELS_PER_USER_VALIDATOR, SEARCH_INDEX_URL_VALIDATOR, SERVICES_TWITTER_USERNAME_VALIDATOR, SIGNUP_LIMIT_VALIDATOR, + SIGNUP_MINIMUM_AGE_VALIDATOR, TRANSCODING_THREADS_VALIDATOR } from '@app/shared/form-validators/custom-config-validators' import { USER_VIDEO_QUOTA_DAILY_VALIDATOR, USER_VIDEO_QUOTA_VALIDATOR } from '@app/shared/form-validators/user-validators' -import { FormReactive, FormValidatorService } from '@app/shared/shared-forms' -import { CustomConfig, ServerConfig } from '@shared/models' +import { FormReactive, FormReactiveService } from '@app/shared/shared-forms' +import { CustomPageService } from '@app/shared/shared-main/custom-page' +import { CustomConfig, CustomPage, HTMLServerConfig } from '@shared/models' import { EditConfigurationService } from './edit-configuration.service' +type ComponentCustomConfig = CustomConfig & { + instanceCustomHomepage: CustomPage +} + @Component({ selector: 'my-edit-custom-config', templateUrl: './edit-custom-config.component.html', @@ -35,18 +43,21 @@ import { EditConfigurationService } from './edit-configuration.service' export class EditCustomConfigComponent extends FormReactive implements OnInit { activeNav: string - customConfig: CustomConfig - serverConfig: ServerConfig + customConfig: ComponentCustomConfig + serverConfig: HTMLServerConfig + + homepage: CustomPage languageItems: SelectOptionsItem[] = [] categoryItems: SelectOptionsItem[] = [] constructor ( + protected formReactiveService: FormReactiveService, private router: Router, private route: ActivatedRoute, - protected formValidatorService: FormValidatorService, private notifier: Notifier, private configService: ConfigService, + private customPage: CustomPageService, private serverService: ServerService, private editConfigurationService: EditConfigurationService ) { @@ -54,13 +65,9 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { } ngOnInit () { - this.serverConfig = this.serverService.getTmpConfig() - this.serverService.getConfig() - .subscribe(config => { - this.serverConfig = config - }) + this.serverConfig = this.serverService.getHTMLConfig() - const formGroupData: { [key in keyof CustomConfig ]: any } = { + const formGroupData: { [key in keyof ComponentCustomConfig ]: any } = { instance: { name: INSTANCE_NAME_VALIDATOR, shortDescription: INSTANCE_SHORT_DESCRIPTION_VALIDATOR, @@ -99,6 +106,18 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { whitelisted: null } }, + client: { + videos: { + miniature: { + preferAuthorDisplayName: null + } + }, + menu: { + login: { + redirectOnSingleExternalAuth: null + } + } + }, cache: { previews: { size: CACHE_PREVIEWS_SIZE_VALIDATOR @@ -113,7 +132,9 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { signup: { enabled: null, limit: SIGNUP_LIMIT_VALIDATOR, - requiresEmailVerification: null + requiresApproval: null, + requiresEmailVerification: null, + minimumAge: SIGNUP_MINIMUM_AGE_VALIDATOR }, import: { videos: { @@ -124,6 +145,9 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { torrent: { enabled: null } + }, + videoChannelSynchronization: { + enabled: null } }, trending: { @@ -141,9 +165,17 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { enabled: null }, user: { + history: { + videos: { + enabled: null + } + }, videoQuota: USER_VIDEO_QUOTA_VALIDATOR, videoQuotaDaily: USER_VIDEO_QUOTA_DAILY_VALIDATOR }, + videoChannels: { + maxPerUser: MAX_VIDEO_CHANNELS_PER_USER_VALIDATOR + }, transcoding: { enabled: null, threads: TRANSCODING_THREADS_VALIDATOR, @@ -152,11 +184,15 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { profile: null, concurrency: CONCURRENCY_VALIDATOR, resolutions: {}, + alwaysTranscodeOriginalResolution: null, hls: { enabled: null }, webtorrent: { enabled: null + }, + remoteRunners: { + enabled: null } }, live: { @@ -166,12 +202,25 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { maxInstanceLives: MAX_INSTANCE_LIVES_VALIDATOR, maxUserLives: MAX_USER_LIVES_VALIDATOR, allowReplay: null, + latencySetting: { + enabled: null + }, transcoding: { enabled: null, threads: TRANSCODING_THREADS_VALIDATOR, profile: null, - resolutions: {} + resolutions: {}, + alwaysTranscodeOriginalResolution: null, + remoteRunners: { + enabled: null + } + } + }, + videoStudio: { + enabled: null, + remoteRunners: { + enabled: null } }, autoBlacklist: { @@ -215,16 +264,20 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { disableLocalSearch: null, isDefaultSearch: null } + }, + + instanceCustomHomepage: { + content: null } } const defaultValues = { transcoding: { - resolutions: {} + resolutions: {} as { [id: string]: string } }, live: { transcoding: { - resolutions: {} + resolutions: {} as { [id: string]: string } } } } @@ -247,26 +300,47 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { this.loadConfigAndUpdateForm() this.loadCategoriesAndLanguages() + + if (!this.isUpdateAllowed()) { + this.form.disable() + } } - async formValidated () { - const value: CustomConfig = this.form.getRawValue() + formValidated () { + this.forceCheck() + if (!this.form.valid) return + + const value: ComponentCustomConfig = this.form.getRawValue() - this.configService.updateCustomConfig(value) - .subscribe( - res => { - this.customConfig = res + forkJoin([ + this.configService.updateCustomConfig(omit(value, 'instanceCustomHomepage')), + this.customPage.updateInstanceHomepage(value.instanceCustomHomepage.content) + ]) + .subscribe({ + next: ([ resConfig ]) => { + const instanceCustomHomepage = { + content: value.instanceCustomHomepage.content + } + + this.customConfig = { ...resConfig, instanceCustomHomepage } // Reload general configuration this.serverService.resetConfig() + .subscribe(config => { + this.serverConfig = config + }) this.updateForm() this.notifier.success($localize`Configuration updated.`) }, - err => this.notifier.error(err.message) - ) + error: err => this.notifier.error(err.message) + }) + } + + isUpdateAllowed () { + return this.serverConfig.webadmin.configuration.edition.allowed === true } hasConsistentOptions () { @@ -317,30 +391,32 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { } private loadConfigAndUpdateForm () { - this.configService.getCustomConfig() - .subscribe(config => { - this.customConfig = config + forkJoin([ + this.configService.getCustomConfig(), + this.customPage.getInstanceHomepage() + ]).subscribe({ + next: ([ config, homepage ]) => { + this.customConfig = { ...config, instanceCustomHomepage: homepage } this.updateForm() - // Force form validation - this.forceCheck() + this.markAllAsDirty() }, - err => this.notifier.error(err.message) - ) + error: err => this.notifier.error(err.message) + }) } private loadCategoriesAndLanguages () { forkJoin([ this.serverService.getVideoLanguages(), this.serverService.getVideoCategories() - ]).subscribe( - ([ languages, categories ]) => { + ]).subscribe({ + next: ([ languages, categories ]) => { this.languageItems = languages.map(l => ({ label: l.label, id: l.id })) this.categoryItems = categories.map(l => ({ label: l.label, id: l.id + '' })) }, - err => this.notifier.error(err.message) - ) + error: err => this.notifier.error(err.message) + }) } }