-import { Component, OnInit } from '@angular/core'
+import { Component, OnInit, AfterViewChecked, 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'
import { SelectItem } from 'primeng/api'
import { forkJoin } from 'rxjs'
import { ServerConfig } from '@shared/models'
+import { ViewportScroller } from '@angular/common'
+import { NgbTabset } 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 {
+ @ViewChild('tabs') tabs: NgbTabset
+
+ initDone = false
customConfig: CustomConfig
resolutions: { id: string, label: string, description?: string }[] = []
private serverConfig: ServerConfig
constructor (
+ private viewportScroller: ViewportScroller,
protected formValidatorService: FormValidatorService,
private customConfigValidatorsService: CustomConfigValidatorsService,
private userValidatorsService: UserValidatorsService,
{
id: '0p',
label: this.i18n('Audio-only'),
- description: `A <code>.mp4</code> that keeps the original audio track, with no video`
+ description: this.i18n('A <code>.mp4</code> that keeps the original audio track, with no video')
},
{
id: '240p',
}
this.buildForm(formGroupData)
+ this.loadForm()
+ this.checkTranscodingFields()
+ }
- forkJoin([
- this.configService.getCustomConfig(),
- this.serverService.getVideoLanguages(),
- this.serverService.getVideoCategories()
- ]).subscribe(
- ([ config, languages, categories ]) => {
- this.customConfig = config
-
- this.languageItems = languages.map(l => ({ label: l.label, value: l.id }))
- this.categoryItems = categories.map(l => ({ label: l.label, value: l.id }))
-
- this.updateForm()
- // Force form validation
- this.forceCheck()
- },
-
- err => this.notifier.error(err.message)
- )
+ ngAfterViewChecked () {
+ if (!this.initDone) {
+ this.initDone = true
+ this.gotoAnchor()
+ }
}
isTranscodingEnabled () {
return this.form.value['signup']['enabled'] === true
}
+ isAutoFollowIndexEnabled () {
+ return this.form.value['followings']['instance']['autoFollowIndex']['enabled'] === true
+ }
+
async formValidated () {
- this.configService.updateCustomConfig(this.form.value)
- .pipe(
- )
+ this.configService.updateCustomConfig(this.form.getRawValue())
.subscribe(
res => {
this.customConfig = res
return this.i18n('No category')
}
+ gotoAnchor () {
+ const hashToTab = {
+ 'customizations': 'advanced-configuration'
+ }
+ const hash = window.location.hash.replace('#', '')
+
+ if (hash && Object.keys(hashToTab).includes(hash)) {
+ this.tabs.select(hashToTab[hash])
+ setTimeout(() => this.viewportScroller.scrollToAnchor(hash), 100)
+ }
+ }
+
private updateForm () {
this.form.patchValue(this.customConfig)
}
+
+ private loadForm () {
+ forkJoin([
+ this.configService.getCustomConfig(),
+ this.serverService.getVideoLanguages(),
+ this.serverService.getVideoCategories()
+ ]).subscribe(
+ ([ config, languages, categories ]) => {
+ this.customConfig = config
+
+ this.languageItems = languages.map(l => ({ label: l.label, value: l.id }))
+ this.categoryItems = categories.map(l => ({ label: l.label, value: l.id }))
+
+ this.updateForm()
+ // Force form validation
+ this.forceCheck()
+ },
+
+ err => this.notifier.error(err.message)
+ )
+ }
+
+ private checkTranscodingFields () {
+ const hlsControl = this.form.get('transcoding.hls.enabled')
+ const webtorrentControl = this.form.get('transcoding.webtorrent.enabled')
+
+ webtorrentControl.valueChanges
+ .subscribe(newValue => {
+ if (newValue === false && !hlsControl.disabled) {
+ hlsControl.disable()
+ }
+
+ if (newValue === true && !hlsControl.enabled) {
+ hlsControl.enable()
+ }
+ })
+
+ hlsControl.valueChanges
+ .subscribe(newValue => {
+ if (newValue === false && !webtorrentControl.disabled) {
+ webtorrentControl.disable()
+ }
+
+ if (newValue === true && !webtorrentControl.enabled) {
+ webtorrentControl.enable()
+ }
+ })
+ }
}