]>
Commit | Line | Data |
---|---|---|
1 | import { pairwise } from 'rxjs/operators' | |
2 | import { SelectOptionsItem } from 'src/types/select-options-item.model' | |
3 | import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core' | |
4 | import { FormGroup } from '@angular/forms' | |
5 | import { MenuService, ThemeService } from '@app/core' | |
6 | import { HTMLServerConfig, VideoResolution } from '@shared/models' | |
7 | import { ConfigService } from '../shared/config.service' | |
8 | ||
9 | @Component({ | |
10 | selector: 'my-edit-basic-configuration', | |
11 | templateUrl: './edit-basic-configuration.component.html', | |
12 | styleUrls: [ './edit-custom-config.component.scss' ] | |
13 | }) | |
14 | export class EditBasicConfigurationComponent implements OnInit, OnChanges { | |
15 | @Input() form: FormGroup | |
16 | @Input() formErrors: any | |
17 | ||
18 | @Input() serverConfig: HTMLServerConfig | |
19 | ||
20 | signupAlertMessage: string | |
21 | defaultLandingPageOptions: SelectOptionsItem[] = [] | |
22 | availableThemes: SelectOptionsItem[] | |
23 | ||
24 | constructor ( | |
25 | private configService: ConfigService, | |
26 | private menuService: MenuService, | |
27 | private themeService: ThemeService | |
28 | ) {} | |
29 | ||
30 | ngOnInit () { | |
31 | this.buildLandingPageOptions() | |
32 | this.checkSignupField() | |
33 | this.checkImportSyncField() | |
34 | ||
35 | this.availableThemes = this.themeService.buildAvailableThemes() | |
36 | } | |
37 | ||
38 | ngOnChanges (changes: SimpleChanges) { | |
39 | if (changes['serverConfig']) { | |
40 | this.buildLandingPageOptions() | |
41 | } | |
42 | } | |
43 | ||
44 | countExternalAuth () { | |
45 | return this.serverConfig.plugin.registeredExternalAuths.length | |
46 | } | |
47 | ||
48 | getVideoQuotaOptions () { | |
49 | return this.configService.videoQuotaOptions | |
50 | } | |
51 | ||
52 | getVideoQuotaDailyOptions () { | |
53 | return this.configService.videoQuotaDailyOptions | |
54 | } | |
55 | ||
56 | doesTrendingVideosAlgorithmsEnabledInclude (algorithm: string) { | |
57 | const enabled = this.form.value['trending']['videos']['algorithms']['enabled'] | |
58 | if (!Array.isArray(enabled)) return false | |
59 | ||
60 | return !!enabled.find((e: string) => e === algorithm) | |
61 | } | |
62 | ||
63 | getUserVideoQuota () { | |
64 | return this.form.value['user']['videoQuota'] | |
65 | } | |
66 | ||
67 | isSignupEnabled () { | |
68 | return this.form.value['signup']['enabled'] === true | |
69 | } | |
70 | ||
71 | getDisabledSignupClass () { | |
72 | return { 'disabled-checkbox-extra': !this.isSignupEnabled() } | |
73 | } | |
74 | ||
75 | isImportVideosHttpEnabled (): boolean { | |
76 | return this.form.value['import']['videos']['http']['enabled'] === true | |
77 | } | |
78 | ||
79 | importSynchronizationChecked () { | |
80 | return this.isImportVideosHttpEnabled() && this.form.value['import']['videoChannelSynchronization']['enabled'] | |
81 | } | |
82 | ||
83 | hasUnlimitedSignup () { | |
84 | return this.form.value['signup']['limit'] === -1 | |
85 | } | |
86 | ||
87 | isSearchIndexEnabled () { | |
88 | return this.form.value['search']['searchIndex']['enabled'] === true | |
89 | } | |
90 | ||
91 | getDisabledSearchIndexClass () { | |
92 | return { 'disabled-checkbox-extra': !this.isSearchIndexEnabled() } | |
93 | } | |
94 | ||
95 | isAutoFollowIndexEnabled () { | |
96 | return this.form.value['followings']['instance']['autoFollowIndex']['enabled'] === true | |
97 | } | |
98 | ||
99 | buildLandingPageOptions () { | |
100 | this.defaultLandingPageOptions = this.menuService.buildCommonLinks(this.serverConfig) | |
101 | .links | |
102 | .map(o => ({ | |
103 | id: o.path, | |
104 | label: o.label, | |
105 | description: o.path | |
106 | })) | |
107 | } | |
108 | ||
109 | getDefaultThemeLabel () { | |
110 | return this.themeService.getDefaultThemeLabel() | |
111 | } | |
112 | ||
113 | private checkImportSyncField () { | |
114 | const importSyncControl = this.form.get('import.videoChannelSynchronization.enabled') | |
115 | const importVideosHttpControl = this.form.get('import.videos.http.enabled') | |
116 | ||
117 | importVideosHttpControl.valueChanges | |
118 | .subscribe((httpImportEnabled) => { | |
119 | importSyncControl.setValue(httpImportEnabled && importSyncControl.value) | |
120 | if (httpImportEnabled) { | |
121 | importSyncControl.enable() | |
122 | } else { | |
123 | importSyncControl.disable() | |
124 | } | |
125 | }) | |
126 | } | |
127 | ||
128 | private checkSignupField () { | |
129 | const signupControl = this.form.get('signup.enabled') | |
130 | ||
131 | signupControl.valueChanges | |
132 | .pipe(pairwise()) | |
133 | .subscribe(([ oldValue, newValue ]) => { | |
134 | if (oldValue === false && newValue === true) { | |
135 | /* eslint-disable max-len */ | |
136 | this.signupAlertMessage = $localize`You enabled signup: we automatically enabled the "Block new videos automatically" checkbox of the "Videos" section just below.` | |
137 | ||
138 | this.form.patchValue({ | |
139 | autoBlacklist: { | |
140 | videos: { | |
141 | ofUsers: { | |
142 | enabled: true | |
143 | } | |
144 | } | |
145 | } | |
146 | }) | |
147 | } | |
148 | }) | |
149 | ||
150 | signupControl.updateValueAndValidity() | |
151 | } | |
152 | } |