]>
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 } from '@app/core' | |
6 | import { HTMLServerConfig } 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 | ||
23 | constructor ( | |
24 | private configService: ConfigService, | |
25 | private menuService: MenuService | |
26 | ) { } | |
27 | ||
28 | ngOnInit () { | |
29 | this.buildLandingPageOptions() | |
30 | this.checkSignupField() | |
31 | } | |
32 | ||
33 | ngOnChanges (changes: SimpleChanges) { | |
34 | if (changes['serverConfig']) { | |
35 | this.buildLandingPageOptions() | |
36 | } | |
37 | } | |
38 | ||
39 | getVideoQuotaOptions () { | |
40 | return this.configService.videoQuotaOptions | |
41 | } | |
42 | ||
43 | getVideoQuotaDailyOptions () { | |
44 | return this.configService.videoQuotaDailyOptions | |
45 | } | |
46 | ||
47 | getAvailableThemes () { | |
48 | return this.serverConfig.theme.registered | |
49 | .map(t => t.name) | |
50 | } | |
51 | ||
52 | doesTrendingVideosAlgorithmsEnabledInclude (algorithm: string) { | |
53 | const enabled = this.form.value['trending']['videos']['algorithms']['enabled'] | |
54 | if (!Array.isArray(enabled)) return false | |
55 | ||
56 | return !!enabled.find((e: string) => e === algorithm) | |
57 | } | |
58 | ||
59 | isSignupEnabled () { | |
60 | return this.form.value['signup']['enabled'] === true | |
61 | } | |
62 | ||
63 | getDisabledSignupClass () { | |
64 | return { 'disabled-checkbox-extra': !this.isSignupEnabled() } | |
65 | } | |
66 | ||
67 | hasUnlimitedSignup () { | |
68 | return this.form.value['signup']['limit'] === -1 | |
69 | } | |
70 | ||
71 | isSearchIndexEnabled () { | |
72 | return this.form.value['search']['searchIndex']['enabled'] === true | |
73 | } | |
74 | ||
75 | getDisabledSearchIndexClass () { | |
76 | return { 'disabled-checkbox-extra': !this.isSearchIndexEnabled() } | |
77 | } | |
78 | ||
79 | isAutoFollowIndexEnabled () { | |
80 | return this.form.value['followings']['instance']['autoFollowIndex']['enabled'] === true | |
81 | } | |
82 | ||
83 | buildLandingPageOptions () { | |
84 | this.defaultLandingPageOptions = this.menuService.buildCommonLinks(this.serverConfig) | |
85 | .links | |
86 | .map(o => ({ | |
87 | id: o.path, | |
88 | label: o.label, | |
89 | description: o.path | |
90 | })) | |
91 | } | |
92 | ||
93 | private checkSignupField () { | |
94 | const signupControl = this.form.get('signup.enabled') | |
95 | ||
96 | signupControl.valueChanges | |
97 | .pipe(pairwise()) | |
98 | .subscribe(([ oldValue, newValue ]) => { | |
99 | if (oldValue !== true && newValue === true) { | |
100 | /* eslint-disable max-len */ | |
101 | this.signupAlertMessage = $localize`You enabled signup: we automatically enabled the "Block new videos automatically" checkbox of the "Videos" section just below.` | |
102 | ||
103 | this.form.patchValue({ | |
104 | autoBlacklist: { | |
105 | videos: { | |
106 | ofUsers: { | |
107 | enabled: true | |
108 | } | |
109 | } | |
110 | } | |
111 | }) | |
112 | } | |
113 | }) | |
114 | } | |
115 | } |