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=cb65ca6e7c708e16f3dccad799024bb562391478;hb=1c5e49e75284100b7b1fc8b4e73c8ba53fe22e89;hp=a5eddf6c2b49a7dbf5400874febe5c5a15cb00cd;hpb=5f46d28ccac4a20fcbb12c96a047a84a08e485ae;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 a5eddf6c2..cb65ca6e7 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,7 @@ +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' import { ActivatedRoute, Router } from '@angular/router' import { ConfigService } from '@app/+admin/config/shared/config.service' @@ -12,18 +15,25 @@ import { INDEX_URL_VALIDATOR, INSTANCE_NAME_VALIDATOR, INSTANCE_SHORT_DESCRIPTION_VALIDATOR, + MAX_INSTANCE_LIVES_VALIDATOR, + MAX_LIVE_DURATION_VALIDATOR, + MAX_USER_LIVES_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 { forkJoin } from 'rxjs' -import { SelectOptionsItem } from 'src/types/select-options-item.model' +import { CustomPageService } from '@app/shared/shared-main/custom-page' +import { CustomConfig, CustomPage, ServerConfig } 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', @@ -32,9 +42,11 @@ import { EditConfigurationService } from './edit-configuration.service' export class EditCustomConfigComponent extends FormReactive implements OnInit { activeNav: string - customConfig: CustomConfig + customConfig: ComponentCustomConfig serverConfig: ServerConfig + homepage: CustomPage + languageItems: SelectOptionsItem[] = [] categoryItems: SelectOptionsItem[] = [] @@ -44,6 +56,7 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { protected formValidatorService: FormValidatorService, private notifier: Notifier, private configService: ConfigService, + private customPage: CustomPageService, private serverService: ServerService, private editConfigurationService: EditConfigurationService ) { @@ -53,11 +66,9 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { ngOnInit () { this.serverConfig = this.serverService.getTmpConfig() this.serverService.getConfig() - .subscribe(config => { - this.serverConfig = config - }) + .subscribe(config => this.serverConfig = config) - const formGroupData: { [key in keyof CustomConfig ]: any } = { + const formGroupData: { [key in keyof ComponentCustomConfig ]: any } = { instance: { name: INSTANCE_NAME_VALIDATOR, shortDescription: INSTANCE_SHORT_DESCRIPTION_VALIDATOR, @@ -102,12 +113,16 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { }, captions: { size: CACHE_CAPTIONS_SIZE_VALIDATOR + }, + torrents: { + size: CACHE_CAPTIONS_SIZE_VALIDATOR } }, signup: { enabled: null, limit: SIGNUP_LIMIT_VALIDATOR, - requiresEmailVerification: null + requiresEmailVerification: null, + minimumAge: SIGNUP_MINIMUM_AGE_VALIDATOR }, import: { videos: { @@ -156,9 +171,9 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { live: { enabled: null, - maxDuration: null, - maxInstanceLives: null, - maxUserLives: null, + maxDuration: MAX_LIVE_DURATION_VALIDATOR, + maxInstanceLives: MAX_INSTANCE_LIVES_VALIDATOR, + maxUserLives: MAX_USER_LIVES_VALIDATOR, allowReplay: null, transcoding: { @@ -209,6 +224,10 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { disableLocalSearch: null, isDefaultSearch: null } + }, + + instanceCustomHomepage: { + content: null } } @@ -244,15 +263,23 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { } async formValidated () { - const value: CustomConfig = this.form.getRawValue() + const value: ComponentCustomConfig = this.form.getRawValue() - this.configService.updateCustomConfig(value) + forkJoin([ + this.configService.updateCustomConfig(omit(value, 'instanceCustomHomepage')), + this.customPage.updateInstanceHomepage(value.instanceCustomHomepage.content) + ]) .subscribe( - res => { - this.customConfig = res + ([ resConfig ]) => { + const instanceCustomHomepage = { + content: value.instanceCustomHomepage.content + } + + this.customConfig = { ...resConfig, instanceCustomHomepage } // Reload general configuration this.serverService.resetConfig() + .subscribe(config => this.serverConfig = config) this.updateForm() @@ -287,14 +314,36 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { this.router.navigate([], { fragment: this.activeNav }) } + grabAllErrors (errorObjectArg?: any) { + const errorObject = errorObjectArg || this.formErrors + + let acc: string[] = [] + + for (const key of Object.keys(errorObject)) { + const value = errorObject[key] + if (!value) continue + + if (typeof value === 'string') { + acc.push(value) + } else { + acc = acc.concat(this.grabAllErrors(value)) + } + } + + return acc + } + private updateForm () { this.form.patchValue(this.customConfig) } private loadConfigAndUpdateForm () { - this.configService.getCustomConfig() - .subscribe(config => { - this.customConfig = config + forkJoin([ + this.configService.getCustomConfig(), + this.customPage.getInstanceHomepage() + ]) + .subscribe(([ config, homepage ]) => { + this.customConfig = { ...config, instanceCustomHomepage: homepage } this.updateForm() // Force form validation