client/src/app/+admin/config/edit-custom-config/edit-basic-configuration.component.ts

   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 } 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   isSignupEnabled () {
  64     return this.form.value['signup']['enabled'] === true
  65   }
  66
  67   getDisabledSignupClass () {
  68     return { 'disabled-checkbox-extra': !this.isSignupEnabled() }
  69   }
  70
  71   isImportVideosHttpEnabled (): boolean {
  72     return this.form.value['import']['videos']['http']['enabled'] === true
  73   }
  74
  75   importSynchronizationChecked () {
  76     return this.isImportVideosHttpEnabled() && this.form.value['import']['videoChannelSynchronization']['enabled']
  77   }
  78
  79   hasUnlimitedSignup () {
  80     return this.form.value['signup']['limit'] === -1
  81   }
  82
  83   isSearchIndexEnabled () {
  84     return this.form.value['search']['searchIndex']['enabled'] === true
  85   }
  86
  87   getDisabledSearchIndexClass () {
  88     return { 'disabled-checkbox-extra': !this.isSearchIndexEnabled() }
  89   }
  90
  91   isAutoFollowIndexEnabled () {
  92     return this.form.value['followings']['instance']['autoFollowIndex']['enabled'] === true
  93   }
  94
  95   buildLandingPageOptions () {
  96     this.defaultLandingPageOptions = this.menuService.buildCommonLinks(this.serverConfig)
  97       .links
  98       .map(o => ({
  99         id: o.path,
 100         label: o.label,
 101         description: o.path
 102       }))
 103   }
 104
 105   getDefaultThemeLabel () {
 106     return this.themeService.getDefaultThemeLabel()
 107   }
 108
 109   private checkImportSyncField () {
 110     const importSyncControl = this.form.get('import.videoChannelSynchronization.enabled')
 111     const importVideosHttpControl = this.form.get('import.videos.http.enabled')
 112
 113     importVideosHttpControl.valueChanges
 114       .subscribe((httpImportEnabled) => {
 115         importSyncControl.setValue(httpImportEnabled && importSyncControl.value)
 116         if (httpImportEnabled) {
 117           importSyncControl.enable()
 118         } else {
 119           importSyncControl.disable()
 120         }
 121       })
 122   }
 123
 124   private checkSignupField () {
 125     const signupControl = this.form.get('signup.enabled')
 126
 127     signupControl.valueChanges
 128       .pipe(pairwise())
 129       .subscribe(([ oldValue, newValue ]) => {
 130         if (oldValue === false && newValue === true) {
 131           /* eslint-disable max-len */
 132           this.signupAlertMessage = $localize`You enabled signup: we automatically enabled the "Block new videos automatically" checkbox of the "Videos" section just below.`
 133
 134           this.form.patchValue({
 135             autoBlacklist: {
 136               videos: {
 137                 ofUsers: {
 138                   enabled: true
 139                 }
 140               }
 141             }
 142           })
 143         }
 144       })
 145
 146     signupControl.updateValueAndValidity()
 147   }
 148 }