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

   1
   2 import omit from 'lodash-es/omit'
   3 import { forkJoin } from 'rxjs'
   4 import { SelectOptionsItem } from 'src/types/select-options-item.model'
   5 import { Component, OnInit } from '@angular/core'
   6 import { ActivatedRoute, Router } from '@angular/router'
   7 import { ConfigService } from '@app/+admin/config/shared/config.service'
   8 import { Notifier } from '@app/core'
   9 import { ServerService } from '@app/core/server/server.service'
  10 import {
  11   ADMIN_EMAIL_VALIDATOR,
  12   CACHE_CAPTIONS_SIZE_VALIDATOR,
  13   CACHE_PREVIEWS_SIZE_VALIDATOR,
  14   CONCURRENCY_VALIDATOR,
  15   INDEX_URL_VALIDATOR,
  16   INSTANCE_NAME_VALIDATOR,
  17   INSTANCE_SHORT_DESCRIPTION_VALIDATOR,
  18   MAX_INSTANCE_LIVES_VALIDATOR,
  19   MAX_LIVE_DURATION_VALIDATOR,
  20   MAX_USER_LIVES_VALIDATOR,
  21   SEARCH_INDEX_URL_VALIDATOR,
  22   SERVICES_TWITTER_USERNAME_VALIDATOR,
  23   SIGNUP_LIMIT_VALIDATOR,
  24   SIGNUP_MINIMUM_AGE_VALIDATOR,
  25   TRANSCODING_THREADS_VALIDATOR,
  26   MAX_VIDEO_CHANNELS_PER_USER_VALIDATOR
  27 } from '@app/shared/form-validators/custom-config-validators'
  28 import { USER_VIDEO_QUOTA_DAILY_VALIDATOR, USER_VIDEO_QUOTA_VALIDATOR } from '@app/shared/form-validators/user-validators'
  29 import { FormReactive, FormValidatorService } from '@app/shared/shared-forms'
  30 import { CustomPageService } from '@app/shared/shared-main/custom-page'
  31 import { CustomConfig, CustomPage, HTMLServerConfig } from '@shared/models'
  32 import { EditConfigurationService } from './edit-configuration.service'
  33
  34 type ComponentCustomConfig = CustomConfig & {
  35   instanceCustomHomepage: CustomPage
  36 }
  37
  38 @Component({
  39   selector: 'my-edit-custom-config',
  40   templateUrl: './edit-custom-config.component.html',
  41   styleUrls: [ './edit-custom-config.component.scss' ]
  42 })
  43 export class EditCustomConfigComponent extends FormReactive implements OnInit {
  44   activeNav: string
  45
  46   customConfig: ComponentCustomConfig
  47   serverConfig: HTMLServerConfig
  48
  49   homepage: CustomPage
  50
  51   languageItems: SelectOptionsItem[] = []
  52   categoryItems: SelectOptionsItem[] = []
  53
  54   constructor (
  55     private router: Router,
  56     private route: ActivatedRoute,
  57     protected formValidatorService: FormValidatorService,
  58     private notifier: Notifier,
  59     private configService: ConfigService,
  60     private customPage: CustomPageService,
  61     private serverService: ServerService,
  62     private editConfigurationService: EditConfigurationService
  63   ) {
  64     super()
  65   }
  66
  67   ngOnInit () {
  68     this.serverConfig = this.serverService.getHTMLConfig()
  69
  70     const formGroupData: { [key in keyof ComponentCustomConfig ]: any } = {
  71       instance: {
  72         name: INSTANCE_NAME_VALIDATOR,
  73         shortDescription: INSTANCE_SHORT_DESCRIPTION_VALIDATOR,
  74         description: null,
  75
  76         isNSFW: false,
  77         defaultNSFWPolicy: null,
  78
  79         terms: null,
  80         codeOfConduct: null,
  81
  82         creationReason: null,
  83         moderationInformation: null,
  84         administrator: null,
  85         maintenanceLifetime: null,
  86         businessModel: null,
  87
  88         hardwareInformation: null,
  89
  90         categories: null,
  91         languages: null,
  92
  93         defaultClientRoute: null,
  94
  95         customizations: {
  96           javascript: null,
  97           css: null
  98         }
  99       },
 100       theme: {
 101         default: null
 102       },
 103       services: {
 104         twitter: {
 105           username: SERVICES_TWITTER_USERNAME_VALIDATOR,
 106           whitelisted: null
 107         }
 108       },
 109       client: {
 110         videos: {
 111           miniature: {
 112             preferAuthorDisplayName: null
 113           }
 114         },
 115         menu: {
 116           login: {
 117             redirectOnSingleExternalAuth: null
 118           }
 119         }
 120       },
 121       cache: {
 122         previews: {
 123           size: CACHE_PREVIEWS_SIZE_VALIDATOR
 124         },
 125         captions: {
 126           size: CACHE_CAPTIONS_SIZE_VALIDATOR
 127         },
 128         torrents: {
 129           size: CACHE_CAPTIONS_SIZE_VALIDATOR
 130         }
 131       },
 132       signup: {
 133         enabled: null,
 134         limit: SIGNUP_LIMIT_VALIDATOR,
 135         requiresEmailVerification: null,
 136         minimumAge: SIGNUP_MINIMUM_AGE_VALIDATOR
 137       },
 138       import: {
 139         videos: {
 140           concurrency: CONCURRENCY_VALIDATOR,
 141           http: {
 142             enabled: null
 143           },
 144           torrent: {
 145             enabled: null
 146           }
 147         }
 148       },
 149       trending: {
 150         videos: {
 151           algorithms: {
 152             enabled: null,
 153             default: null
 154           }
 155         }
 156       },
 157       admin: {
 158         email: ADMIN_EMAIL_VALIDATOR
 159       },
 160       contactForm: {
 161         enabled: null
 162       },
 163       user: {
 164         videoQuota: USER_VIDEO_QUOTA_VALIDATOR,
 165         videoQuotaDaily: USER_VIDEO_QUOTA_DAILY_VALIDATOR
 166       },
 167       videoChannels: {
 168         maxPerUser: MAX_VIDEO_CHANNELS_PER_USER_VALIDATOR
 169       },
 170       transcoding: {
 171         enabled: null,
 172         threads: TRANSCODING_THREADS_VALIDATOR,
 173         allowAdditionalExtensions: null,
 174         allowAudioFiles: null,
 175         profile: null,
 176         concurrency: CONCURRENCY_VALIDATOR,
 177         resolutions: {},
 178         hls: {
 179           enabled: null
 180         },
 181         webtorrent: {
 182           enabled: null
 183         }
 184       },
 185       live: {
 186         enabled: null,
 187
 188         maxDuration: MAX_LIVE_DURATION_VALIDATOR,
 189         maxInstanceLives: MAX_INSTANCE_LIVES_VALIDATOR,
 190         maxUserLives: MAX_USER_LIVES_VALIDATOR,
 191         allowReplay: null,
 192
 193         transcoding: {
 194           enabled: null,
 195           threads: TRANSCODING_THREADS_VALIDATOR,
 196           profile: null,
 197           resolutions: {}
 198         }
 199       },
 200       videoEditor: {
 201         enabled: null
 202       },
 203       autoBlacklist: {
 204         videos: {
 205           ofUsers: {
 206             enabled: null
 207           }
 208         }
 209       },
 210       followers: {
 211         instance: {
 212           enabled: null,
 213           manualApproval: null
 214         }
 215       },
 216       followings: {
 217         instance: {
 218           autoFollowBack: {
 219             enabled: null
 220           },
 221           autoFollowIndex: {
 222             enabled: null,
 223             indexUrl: INDEX_URL_VALIDATOR
 224           }
 225         }
 226       },
 227       broadcastMessage: {
 228         enabled: null,
 229         level: null,
 230         dismissable: null,
 231         message: null
 232       },
 233       search: {
 234         remoteUri: {
 235           users: null,
 236           anonymous: null
 237         },
 238         searchIndex: {
 239           enabled: null,
 240           url: SEARCH_INDEX_URL_VALIDATOR,
 241           disableLocalSearch: null,
 242           isDefaultSearch: null
 243         }
 244       },
 245
 246       instanceCustomHomepage: {
 247         content: null
 248       }
 249     }
 250
 251     const defaultValues = {
 252       transcoding: {
 253         resolutions: {}
 254       },
 255       live: {
 256         transcoding: {
 257           resolutions: {}
 258         }
 259       }
 260     }
 261
 262     for (const resolution of this.editConfigurationService.getVODResolutions()) {
 263       defaultValues.transcoding.resolutions[resolution.id] = 'false'
 264       formGroupData.transcoding.resolutions[resolution.id] = null
 265     }
 266
 267     for (const resolution of this.editConfigurationService.getLiveResolutions()) {
 268       defaultValues.live.transcoding.resolutions[resolution.id] = 'false'
 269       formGroupData.live.transcoding.resolutions[resolution.id] = null
 270     }
 271
 272     this.buildForm(formGroupData)
 273
 274     if (this.route.snapshot.fragment) {
 275       this.onNavChange(this.route.snapshot.fragment)
 276     }
 277
 278     this.loadConfigAndUpdateForm()
 279     this.loadCategoriesAndLanguages()
 280
 281     if (!this.isUpdateAllowed()) {
 282       this.form.disable()
 283     }
 284   }
 285
 286   formValidated () {
 287     const value: ComponentCustomConfig = this.form.getRawValue()
 288
 289     forkJoin([
 290       this.configService.updateCustomConfig(omit(value, 'instanceCustomHomepage')),
 291       this.customPage.updateInstanceHomepage(value.instanceCustomHomepage.content)
 292     ])
 293       .subscribe({
 294         next: ([ resConfig ]) => {
 295           const instanceCustomHomepage = {
 296             content: value.instanceCustomHomepage.content
 297           }
 298
 299           this.customConfig = { ...resConfig, instanceCustomHomepage }
 300
 301           // Reload general configuration
 302           this.serverService.resetConfig()
 303             .subscribe(config => {
 304               this.serverConfig = config
 305             })
 306
 307           this.updateForm()
 308
 309           this.notifier.success($localize`Configuration updated.`)
 310         },
 311
 312         error: err => this.notifier.error(err.message)
 313       })
 314   }
 315
 316   isUpdateAllowed () {
 317     return this.serverConfig.webadmin.configuration.edition.allowed === true
 318   }
 319
 320   hasConsistentOptions () {
 321     if (this.hasLiveAllowReplayConsistentOptions()) return true
 322
 323     return false
 324   }
 325
 326   hasLiveAllowReplayConsistentOptions () {
 327     if (
 328       this.editConfigurationService.isTranscodingEnabled(this.form) === false &&
 329       this.editConfigurationService.isLiveEnabled(this.form) &&
 330       this.form.value['live']['allowReplay'] === true
 331     ) {
 332       return false
 333     }
 334
 335     return true
 336   }
 337
 338   onNavChange (newActiveNav: string) {
 339     this.activeNav = newActiveNav
 340
 341     this.router.navigate([], { fragment: this.activeNav })
 342   }
 343
 344   grabAllErrors (errorObjectArg?: any) {
 345     const errorObject = errorObjectArg || this.formErrors
 346
 347     let acc: string[] = []
 348
 349     for (const key of Object.keys(errorObject)) {
 350       const value = errorObject[key]
 351       if (!value) continue
 352
 353       if (typeof value === 'string') {
 354         acc.push(value)
 355       } else {
 356         acc = acc.concat(this.grabAllErrors(value))
 357       }
 358     }
 359
 360     return acc
 361   }
 362
 363   private updateForm () {
 364     this.form.patchValue(this.customConfig)
 365   }
 366
 367   private loadConfigAndUpdateForm () {
 368     forkJoin([
 369       this.configService.getCustomConfig(),
 370       this.customPage.getInstanceHomepage()
 371     ]).subscribe({
 372       next: ([ config, homepage ]) => {
 373         this.customConfig = { ...config, instanceCustomHomepage: homepage }
 374
 375         this.updateForm()
 376         // Force form validation
 377         this.forceCheck()
 378       },
 379
 380       error: err => this.notifier.error(err.message)
 381     })
 382   }
 383
 384   private loadCategoriesAndLanguages () {
 385     forkJoin([
 386       this.serverService.getVideoLanguages(),
 387       this.serverService.getVideoCategories()
 388     ]).subscribe({
 389       next: ([ languages, categories ]) => {
 390         this.languageItems = languages.map(l => ({ label: l.label, id: l.id }))
 391         this.categoryItems = categories.map(l => ({ label: l.label, id: l.id + '' }))
 392       },
 393
 394       error: err => this.notifier.error(err.message)
 395     })
 396   }
 397 }