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=3a47ba25e3f2ecf4286df5b46d21e69f3275da8d;hb=5baee5fca418487e72ddcd6419d31bca8659b668;hp=49bb4db0e10f04eff0aadf321798da0e0ea3682f;hpb=04cda1d7a5f27429acde3ecd9c3c6e18a2b44aed;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 49bb4db0e..3a47ba25e 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,4 @@ -import { Component, OnInit } from '@angular/core' +import { AfterViewChecked, Component, OnInit, ViewChild } from '@angular/core' import { ConfigService } from '@app/+admin/config/shared/config.service' import { ServerService } from '@app/core/server/server.service' import { CustomConfigValidatorsService, FormReactive, UserValidatorsService } from '@app/shared' @@ -9,13 +9,19 @@ import { FormValidatorService } from '@app/shared/forms/form-validators/form-val import { SelectItem } from 'primeng/api' import { forkJoin } from 'rxjs' import { ServerConfig } from '@shared/models' +import { ViewportScroller } from '@angular/common' +import { NgbNav } from '@ng-bootstrap/ng-bootstrap' @Component({ selector: 'my-edit-custom-config', templateUrl: './edit-custom-config.component.html', styleUrls: [ './edit-custom-config.component.scss' ] }) -export class EditCustomConfigComponent extends FormReactive implements OnInit { +export class EditCustomConfigComponent extends FormReactive implements OnInit, AfterViewChecked { + // FIXME: use built-in router + @ViewChild('nav') nav: NgbNav + + initDone = false customConfig: CustomConfig resolutions: { id: string, label: string, description?: string }[] = [] @@ -27,6 +33,7 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { private serverConfig: ServerConfig constructor ( + private viewportScroller: ViewportScroller, protected formValidatorService: FormValidatorService, private customConfigValidatorsService: CustomConfigValidatorsService, private userValidatorsService: UserValidatorsService, @@ -208,6 +215,24 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { indexUrl: this.customConfigValidatorsService.INDEX_URL } } + }, + broadcastMessage: { + enabled: null, + level: null, + dismissable: null, + message: null + }, + search: { + remoteUri: { + users: null, + anonymous: null + }, + searchIndex: { + enabled: null, + url: this.customConfigValidatorsService.SEARCH_INDEX_URL, + disableLocalSearch: null, + isDefaultSearch: null + } } } @@ -226,6 +251,13 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { this.checkTranscodingFields() } + ngAfterViewChecked () { + if (!this.initDone) { + this.initDone = true + this.gotoAnchor() + } + } + isTranscodingEnabled () { return this.form.value['transcoding']['enabled'] === true } @@ -234,6 +266,14 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { return this.form.value['signup']['enabled'] === true } + isSearchIndexEnabled () { + return this.form.value['search']['searchIndex']['enabled'] === true + } + + isAutoFollowIndexEnabled () { + return this.form.value['followings']['instance']['autoFollowIndex']['enabled'] === true + } + async formValidated () { this.configService.updateCustomConfig(this.form.getRawValue()) .subscribe( @@ -268,6 +308,18 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit { return this.i18n('No category') } + gotoAnchor () { + const hashToNav = { + 'customizations': 'advanced-configuration' + } + const hash = window.location.hash.replace('#', '') + + if (hash && Object.keys(hashToNav).includes(hash)) { + this.nav.select(hashToNav[hash]) + setTimeout(() => this.viewportScroller.scrollToAnchor(hash), 100) + } + } + private updateForm () { this.form.patchValue(this.customConfig) }