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