X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Badmin%2Fplugins%2Fplugin-show-installed%2Fplugin-show-installed.component.ts;h=ec02cfcd9a344b89afe9e7efa08d7d3266879f16;hb=9ca0f688e9e8558233f1a538b96a43da44e35353;hp=f6559953222764c4b75241cf2b3907d40e54bb90;hpb=d00dc28dd73ad9dd419d5a5ac6ac747cefbc6e8b;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/+admin/plugins/plugin-show-installed/plugin-show-installed.component.ts b/client/src/app/+admin/plugins/plugin-show-installed/plugin-show-installed.component.ts
index f65599532..ec02cfcd9 100644
--- a/client/src/app/+admin/plugins/plugin-show-installed/plugin-show-installed.component.ts
+++ b/client/src/app/+admin/plugins/plugin-show-installed/plugin-show-installed.component.ts
@@ -1,14 +1,134 @@
-import { Component, OnInit } from '@angular/core'
+import { Subscription } from 'rxjs'
+import { map, switchMap } from 'rxjs/operators'
+import { Component, OnDestroy, OnInit } from '@angular/core'
+import { ActivatedRoute } from '@angular/router'
+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'
+import { PluginApiService } from '../shared/plugin-api.service'
 
 @Component({
   selector: 'my-plugin-show-installed',
   templateUrl: './plugin-show-installed.component.html',
   styleUrls: [ './plugin-show-installed.component.scss' ]
 })
-export class PluginShowInstalledComponent implements OnInit {
+export class PluginShowInstalledComponent extends FormReactive implements OnInit, OnDestroy {
+  plugin: PeerTubePlugin
+  registeredSettings: RegisterServerSettingOptions[] = []
+  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 => {
+        this.npmName = routeParams['npmName']
+
+        this.loadPlugin(this.npmName)
+      }
+    )
+  }
 
+  ngOnDestroy () {
+    if (this.sub) this.sub.unsubscribe()
   }
 
+  formValidated () {
+    const settings = this.form.value
+
+    this.pluginAPIService.updatePluginSettings(this.plugin.name, this.plugin.type, settings)
+        .subscribe({
+          next: () => {
+            this.notifier.success($localize`Settings updated.`)
+          },
+
+          error: err => this.notifier.error(err.message)
+        })
+  }
+
+  hasRegisteredSettings () {
+    return Array.isArray(this.registeredSettings) && this.registeredSettings.length !== 0
+  }
+
+  isSettingHidden (setting: RegisterServerSettingOptions) {
+    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) {
+    this.pluginAPIService.getPlugin(npmName)
+        .pipe(switchMap(plugin => {
+          return this.pluginAPIService.getPluginRegisteredSettings(plugin.name, plugin.type)
+            .pipe(map(data => ({ plugin, registeredSettings: data.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()
+          },
+
+          error: err => this.notifier.error(err.message)
+        })
+  }
+
+  private buildSettingsForm () {
+    const buildOptions: BuildFormArgument = {}
+    const settingsValues: any = {}
+
+    for (const setting of this.registeredSettings) {
+      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?.[name] !== undefined) return settings[name]
+
+    const registered = this.registeredSettings.find(r => r.name === name)
+
+    return registered.default
+  }
+
+  private async translateSettings (settings: RegisterServerSettingOptions[]) {
+    for (const setting of settings) {
+      await this.pluginService.translateSetting(this.npmName, setting)
+    }
+
+    return settings
+  }
 }