1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
|
import { Component, OnDestroy, OnInit } from '@angular/core'
import { PeerTubePlugin } from '@shared/models/plugins/peertube-plugin.model'
import { I18n } from '@ngx-translate/i18n-polyfill'
import { PluginApiService } from '@app/+admin/plugins/shared/plugin-api.service'
import { Notifier } from '@app/core'
import { ActivatedRoute } from '@angular/router'
import { Subscription } from 'rxjs'
import { map, switchMap } from 'rxjs/operators'
import { BuildFormArgument, FormReactive, FormValidatorService } from '@app/shared'
import { RegisterServerSettingOptions } from '@shared/models/plugins/register-server-setting.model'
@Component({
selector: 'my-plugin-show-installed',
templateUrl: './plugin-show-installed.component.html',
styleUrls: [ './plugin-show-installed.component.scss' ]
})
export class PluginShowInstalledComponent extends FormReactive implements OnInit, OnDestroy {
plugin: PeerTubePlugin
registeredSettings: RegisterServerSettingOptions[] = []
pluginTypeLabel: string
private sub: Subscription
constructor (
protected formValidatorService: FormValidatorService,
private i18n: I18n,
private pluginService: PluginApiService,
private notifier: Notifier,
private route: ActivatedRoute
) {
super()
}
ngOnInit () {
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 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)
return registered.default
}
}
|