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'
10 selector: 'my-edit-basic-configuration',
11 templateUrl: './edit-basic-configuration.component.html',
12 styleUrls: [ './edit-custom-config.component.scss' ]
14 export class EditBasicConfigurationComponent implements OnInit, OnChanges {
15 @Input() form: FormGroup
16 @Input() formErrors: any
18 @Input() serverConfig: HTMLServerConfig
20 signupAlertMessage: string
21 defaultLandingPageOptions: SelectOptionsItem[] = []
22 availableThemes: SelectOptionsItem[]
25 private configService: ConfigService,
26 private menuService: MenuService,
27 private themeService: ThemeService
31 this.buildLandingPageOptions()
32 this.checkSignupField()
33 this.checkImportSyncField()
35 this.availableThemes = this.themeService.buildAvailableThemes()
38 ngOnChanges (changes: SimpleChanges) {
39 if (changes['serverConfig']) {
40 this.buildLandingPageOptions()
44 countExternalAuth () {
45 return this.serverConfig.plugin.registeredExternalAuths.length
48 getVideoQuotaOptions () {
49 return this.configService.videoQuotaOptions
52 getVideoQuotaDailyOptions () {
53 return this.configService.videoQuotaDailyOptions
56 doesTrendingVideosAlgorithmsEnabledInclude (algorithm: string) {
57 const enabled = this.form.value['trending']['videos']['algorithms']['enabled']
58 if (!Array.isArray(enabled)) return false
60 return !!enabled.find((e: string) => e === algorithm)
64 return this.form.value['signup']['enabled'] === true
67 getDisabledSignupClass () {
68 return { 'disabled-checkbox-extra': !this.isSignupEnabled() }
71 isImportVideosHttpEnabled (): boolean {
72 return this.form.value['import']['videos']['http']['enabled'] === true
75 importSynchronizationChecked () {
76 return this.isImportVideosHttpEnabled() && this.form.value['import']['videoChannelSynchronization']['enabled']
79 hasUnlimitedSignup () {
80 return this.form.value['signup']['limit'] === -1
83 isSearchIndexEnabled () {
84 return this.form.value['search']['searchIndex']['enabled'] === true
87 getDisabledSearchIndexClass () {
88 return { 'disabled-checkbox-extra': !this.isSearchIndexEnabled() }
91 isAutoFollowIndexEnabled () {
92 return this.form.value['followings']['instance']['autoFollowIndex']['enabled'] === true
95 computeQuotaWithTranscoding () {
96 const transcodingConfig = this.serverConfig.transcoding
98 const resolutions = transcodingConfig.enabledResolutions
99 const higherResolution = VideoResolution.H_4K
102 for (const resolution of resolutions) {
103 multiplier += resolution / higherResolution
106 if (transcodingConfig.hls.enabled) multiplier *= 2
108 return multiplier * parseInt(this.form.value['user']['videoQuota'], 10)
111 isTranscodingInformationDisplayed () {
112 const formVideoQuota = parseInt(this.form.value['user']['videoQuota'], 10)
113 return this.serverConfig.transcoding.enabledResolutions.length !== 0 &&
117 buildLandingPageOptions () {
118 this.defaultLandingPageOptions = this.menuService.buildCommonLinks(this.serverConfig)
127 getDefaultThemeLabel () {
128 return this.themeService.getDefaultThemeLabel()
131 private checkImportSyncField () {
132 const importSyncControl = this.form.get('import.videoChannelSynchronization.enabled')
133 const importVideosHttpControl = this.form.get('import.videos.http.enabled')
135 importVideosHttpControl.valueChanges
136 .subscribe((httpImportEnabled) => {
137 importSyncControl.setValue(httpImportEnabled && importSyncControl.value)
138 if (httpImportEnabled) {
139 importSyncControl.enable()
141 importSyncControl.disable()
146 private checkSignupField () {
147 const signupControl = this.form.get('signup.enabled')
149 signupControl.valueChanges
151 .subscribe(([ oldValue, newValue ]) => {
152 if (oldValue === false && newValue === true) {
153 /* eslint-disable max-len */
154 this.signupAlertMessage = $localize`You enabled signup: we automatically enabled the "Block new videos automatically" checkbox of the "Videos" section just below.`
156 this.form.patchValue({
168 signupControl.updateValueAndValidity()