+ this.sub = this.route.params.subscribe(
+ routeParams => {
+ const npmName = routeParams['npmName']
+
+ this.loadPlugin(npmName)
+ }
+ )
+ }
+
+ ngOnDestroy () {
+ if (this.sub) this.sub.unsubscribe()
+ }
+
+ formValidated () {
+ const settings = this.form.value
+
+ this.pluginService.updatePluginSettings(this.plugin.name, this.plugin.type, settings)
+ .subscribe(
+ () => {
+ this.notifier.success(this.i18n('Settings updated.'))
+ },
+
+ err => this.notifier.error(err.message)
+ )
+ }
+
+ hasRegisteredSettings () {
+ return Array.isArray(this.registeredSettings) && this.registeredSettings.length !== 0
+ }
+
+ private loadPlugin (npmName: string) {
+ this.pluginService.getPlugin(npmName)
+ .pipe(switchMap(plugin => {
+ return this.pluginService.getPluginRegisteredSettings(plugin.name, plugin.type)
+ .pipe(map(data => ({ plugin, registeredSettings: data.settings })))
+ }))
+ .subscribe(
+ ({ plugin, registeredSettings }) => {
+ this.plugin = plugin
+ this.registeredSettings = registeredSettings
+
+ this.pluginTypeLabel = this.pluginService.getPluginTypeLabel(this.plugin.type)
+
+ this.buildSettingsForm()
+ },
+
+ err => this.notifier.error(err.message)
+ )
+ }
+
+ private buildSettingsForm () {
+ const defaultValues: BuildFormDefaultValues = {}
+ 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)
+ }
+
+ private getSetting (name: string) {
+ const settings = this.plugin.settings
+
+ if (settings && settings[name]) return settings[name]
+
+ const registered = this.registeredSettings.find(r => r.name === name)