import { map, switchMap } from 'rxjs/operators'
import { Component, OnDestroy, OnInit } from '@angular/core'
import { ActivatedRoute } from '@angular/router'
-import { Notifier, PluginService } from '@app/core'
+import { HooksService, Notifier, PluginService } from '@app/core'
import { BuildFormArgument } from '@app/shared/form-validators'
import { FormReactive, FormValidatorService } from '@app/shared/shared-forms'
import { PeerTubePlugin, RegisterServerSettingOptions } from '@shared/models'
pluginTypeLabel: string
private sub: Subscription
+ private npmName: string
constructor (
protected formValidatorService: FormValidatorService,
private pluginService: PluginService,
private pluginAPIService: PluginApiService,
private notifier: Notifier,
+ private hooks: HooksService,
private route: ActivatedRoute
) {
super()
ngOnInit () {
this.sub = this.route.params.subscribe(
routeParams => {
- const npmName = routeParams['npmName']
+ this.npmName = routeParams['npmName']
- this.loadPlugin(npmName)
+ this.loadPlugin(this.npmName)
}
)
}
const settings = this.form.value
this.pluginAPIService.updatePluginSettings(this.plugin.name, this.plugin.type, settings)
- .subscribe(
- () => {
+ .subscribe({
+ next: () => {
this.notifier.success($localize`Settings updated.`)
},
- err => this.notifier.error(err.message)
- )
+ error: err => this.notifier.error(err.message)
+ })
}
hasRegisteredSettings () {
}
isSettingHidden (setting: RegisterServerSettingOptions) {
- return false
+ const script = this.pluginService.getRegisteredSettingsScript(this.npmName)
+
+ if (!script?.isSettingHidden) return false
+
+ return script.isSettingHidden({ setting, formValues: this.form.value })
+ }
+
+ getWrapperId (setting: RegisterServerSettingOptions) {
+ if (!setting.name) return
+
+ return setting.name + '-wrapper'
}
private loadPlugin (npmName: string) {
return this.pluginAPIService.getPluginRegisteredSettings(plugin.name, plugin.type)
.pipe(map(data => ({ plugin, registeredSettings: data.registeredSettings })))
}))
- .subscribe(
- async ({ plugin, registeredSettings }) => {
+ .subscribe({
+ next: async ({ plugin, registeredSettings }) => {
this.plugin = plugin
+
this.registeredSettings = await this.translateSettings(registeredSettings)
this.pluginTypeLabel = this.pluginAPIService.getPluginTypeLabel(this.plugin.type)
this.buildSettingsForm()
},
- err => this.notifier.error(err.message)
- )
+ error: err => this.notifier.error(err.message)
+ })
}
private buildSettingsForm () {
const settingsValues: any = {}
for (const setting of this.registeredSettings) {
- buildOptions[ setting.name ] = null
- settingsValues[ setting.name ] = this.getSetting(setting.name)
+ buildOptions[setting.name] = null
+ settingsValues[setting.name] = this.getSetting(setting.name)
}
this.buildForm(buildOptions)
this.form.patchValue(settingsValues)
+
+ this.hooks.runAction('action:admin-plugin-settings.init', 'admin-plugin', { npmName: this.npmName })
}
private getSetting (name: string) {
const settings = this.plugin.settings
- if (settings && settings[name] !== undefined) return settings[name]
+ if (settings?.[name] !== undefined) return settings[name]
const registered = this.registeredSettings.find(r => r.name === name)
}
private async translateSettings (settings: RegisterServerSettingOptions[]) {
- const npmName = this.pluginService.nameToNpmName(this.plugin.name, this.plugin.type)
-
for (const setting of settings) {
- for (const key of [ 'label', 'html', 'descriptionHTML' ]) {
- if (setting[key]) setting[key] = await this.pluginService.translateBy(npmName, setting[key])
- }
-
- if (Array.isArray(setting.options)) {
- const newOptions = []
-
- for (const o of setting.options) {
- newOptions.push({
- value: o.value,
- label: await this.pluginService.translateBy(npmName, o.label)
- })
- }
-
- setting.options = newOptions
- }
+ await this.pluginService.translateSetting(this.npmName, setting)
}
return settings
}
-
}