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

   1 import { Component, OnInit } from '@angular/core'
   2 import { ConfigService } from '@app/+admin/config/shared/config.service'
   3 import { ServerService } from '@app/core/server/server.service'
   4 import { CustomConfigValidatorsService, FormReactive, UserValidatorsService } from '@app/shared'
   5 import { Notifier } from '@app/core'
   6 import { CustomConfig } from '../../../../../../shared/models/server/custom-config.model'
   7 import { I18n } from '@ngx-translate/i18n-polyfill'
   8 import { FormValidatorService } from '@app/shared/forms/form-validators/form-validator.service'
   9 import { SelectItem } from 'primeng/api'
  10 import { forkJoin } from 'rxjs'
  11 import { first } from 'rxjs/operators'
  12
  13 @Component({
  14   selector: 'my-edit-custom-config',
  15   templateUrl: './edit-custom-config.component.html',
  16   styleUrls: [ './edit-custom-config.component.scss' ]
  17 })
  18 export class EditCustomConfigComponent extends FormReactive implements OnInit {
  19   customConfig: CustomConfig
  20
  21   resolutions: { id: string, label: string }[] = []
  22   transcodingThreadOptions: { label: string, value: number }[] = []
  23
  24   languageItems: SelectItem[] = []
  25   categoryItems: SelectItem[] = []
  26
  27   constructor (
  28     protected formValidatorService: FormValidatorService,
  29     private customConfigValidatorsService: CustomConfigValidatorsService,
  30     private userValidatorsService: UserValidatorsService,
  31     private notifier: Notifier,
  32     private configService: ConfigService,
  33     private serverService: ServerService,
  34     private i18n: I18n
  35   ) {
  36     super()
  37
  38     this.resolutions = [
  39        {
  40         id: '0p',
  41         label: this.i18n('Audio-only')
  42       },
  43       {
  44         id: '240p',
  45         label: this.i18n('240p')
  46       },
  47       {
  48         id: '360p',
  49         label: this.i18n('360p')
  50       },
  51       {
  52         id: '480p',
  53         label: this.i18n('480p')
  54       },
  55       {
  56         id: '720p',
  57         label: this.i18n('720p')
  58       },
  59       {
  60         id: '1080p',
  61         label: this.i18n('1080p')
  62       },
  63       {
  64         id: '2160p',
  65         label: this.i18n('2160p')
  66       }
  67     ]
  68
  69     this.transcodingThreadOptions = [
  70       { value: 0, label: this.i18n('Auto (via ffmpeg)') },
  71       { value: 1, label: '1' },
  72       { value: 2, label: '2' },
  73       { value: 4, label: '4' },
  74       { value: 8, label: '8' }
  75     ]
  76   }
  77
  78   get videoQuotaOptions () {
  79     return this.configService.videoQuotaOptions
  80   }
  81
  82   get videoQuotaDailyOptions () {
  83     return this.configService.videoQuotaDailyOptions
  84   }
  85
  86   get availableThemes () {
  87     return this.serverService.getConfig().theme.registered
  88       .map(t => t.name)
  89   }
  90
  91   getResolutionKey (resolution: string) {
  92     return 'transcoding.resolutions.' + resolution
  93   }
  94
  95   ngOnInit () {
  96     const formGroupData: { [key in keyof CustomConfig ]: any } = {
  97       instance: {
  98         name: this.customConfigValidatorsService.INSTANCE_NAME,
  99         shortDescription: this.customConfigValidatorsService.INSTANCE_SHORT_DESCRIPTION,
 100         description: null,
 101
 102         isNSFW: false,
 103         defaultNSFWPolicy: null,
 104
 105         terms: null,
 106         codeOfConduct: null,
 107
 108         creationReason: null,
 109         moderationInformation: null,
 110         administrator: null,
 111         maintenanceLifetime: null,
 112         businessModel: null,
 113
 114         hardwareInformation: null,
 115
 116         categories: null,
 117         languages: null,
 118
 119         defaultClientRoute: null,
 120
 121         customizations: {
 122           javascript: null,
 123           css: null
 124         }
 125       },
 126       theme: {
 127         default: null
 128       },
 129       services: {
 130         twitter: {
 131           username: this.customConfigValidatorsService.SERVICES_TWITTER_USERNAME,
 132           whitelisted: null
 133         }
 134       },
 135       cache: {
 136         previews: {
 137           size: this.customConfigValidatorsService.CACHE_PREVIEWS_SIZE
 138         },
 139         captions: {
 140           size: this.customConfigValidatorsService.CACHE_CAPTIONS_SIZE
 141         }
 142       },
 143       signup: {
 144         enabled: null,
 145         limit: this.customConfigValidatorsService.SIGNUP_LIMIT,
 146         requiresEmailVerification: null
 147       },
 148       import: {
 149         videos: {
 150           http: {
 151             enabled: null
 152           },
 153           torrent: {
 154             enabled: null
 155           }
 156         }
 157       },
 158       admin: {
 159         email: this.customConfigValidatorsService.ADMIN_EMAIL
 160       },
 161       contactForm: {
 162         enabled: null
 163       },
 164       user: {
 165         videoQuota: this.userValidatorsService.USER_VIDEO_QUOTA,
 166         videoQuotaDaily: this.userValidatorsService.USER_VIDEO_QUOTA_DAILY
 167       },
 168       transcoding: {
 169         enabled: null,
 170         threads: this.customConfigValidatorsService.TRANSCODING_THREADS,
 171         allowAdditionalExtensions: null,
 172         allowAudioFiles: null,
 173         resolutions: {},
 174         hls: {
 175           enabled: null
 176         },
 177         webtorrent: {
 178           enabled: null
 179         }
 180       },
 181       autoBlacklist: {
 182         videos: {
 183           ofUsers: {
 184             enabled: null
 185           }
 186         }
 187       },
 188       followers: {
 189         instance: {
 190           enabled: null,
 191           manualApproval: null
 192         }
 193       },
 194       followings: {
 195         instance: {
 196           autoFollowBack: {
 197             enabled: null
 198           },
 199           autoFollowIndex: {
 200             enabled: null,
 201             indexUrl: this.customConfigValidatorsService.INDEX_URL
 202           }
 203         }
 204       }
 205     }
 206
 207     const defaultValues = {
 208       transcoding: {
 209         resolutions: {}
 210       }
 211     }
 212     for (const resolution of this.resolutions) {
 213       defaultValues.transcoding.resolutions[resolution.id] = 'false'
 214       formGroupData.transcoding.resolutions[resolution.id] = null
 215     }
 216
 217     this.buildForm(formGroupData)
 218
 219     forkJoin([
 220       this.configService.getCustomConfig(),
 221       this.serverService.videoLanguagesLoaded.pipe(first()), // First so the observable completes
 222       this.serverService.videoCategoriesLoaded.pipe(first())
 223     ]).subscribe(
 224       ([ config ]) => {
 225         this.customConfig = config
 226
 227         const languages = this.serverService.getVideoLanguages()
 228         this.languageItems = languages.map(l => ({ label: l.label, value: l.id }))
 229
 230         const categories = this.serverService.getVideoCategories()
 231         this.categoryItems = categories.map(l => ({ label: l.label, value: l.id }))
 232
 233         this.updateForm()
 234         // Force form validation
 235         this.forceCheck()
 236       },
 237
 238       err => this.notifier.error(err.message)
 239     )
 240   }
 241
 242   isTranscodingEnabled () {
 243     return this.form.value['transcoding']['enabled'] === true
 244   }
 245
 246   isSignupEnabled () {
 247     return this.form.value['signup']['enabled'] === true
 248   }
 249
 250   async formValidated () {
 251     this.configService.updateCustomConfig(this.form.value)
 252       .subscribe(
 253         res => {
 254           this.customConfig = res
 255
 256           // Reload general configuration
 257           this.serverService.loadConfig()
 258
 259           this.updateForm()
 260
 261           this.notifier.success(this.i18n('Configuration updated.'))
 262         },
 263
 264         err => this.notifier.error(err.message)
 265       )
 266   }
 267
 268   getSelectedLanguageLabel () {
 269     return this.i18n('{{\'{0} languages selected')
 270   }
 271
 272   getDefaultLanguageLabel () {
 273     return this.i18n('No language')
 274   }
 275
 276   getSelectedCategoryLabel () {
 277     return this.i18n('{{\'{0} categories selected')
 278   }
 279
 280   getDefaultCategoryLabel () {
 281     return this.i18n('No category')
 282   }
 283
 284   private updateForm () {
 285     this.form.patchValue(this.customConfig)
 286   }
 287 }