mirror of
https://github.com/Chocobozzz/PeerTube.git
synced 2024-05-17 04:12:40 +00:00
3a4992633e
Sorry for the very big commit that may lead to git log issues and merge conflicts, but it's a major step forward: * Server can be faster at startup because imports() are async and we can easily lazy import big modules * Angular doesn't seem to support ES import (with .js extension), so we had to correctly organize peertube into a monorepo: * Use yarn workspace feature * Use typescript reference projects for dependencies * Shared projects have been moved into "packages", each one is now a node module (with a dedicated package.json/tsconfig.json) * server/tools have been moved into apps/ and is now a dedicated app bundled and published on NPM so users don't have to build peertube cli tools manually * server/tests have been moved into packages/ so we don't compile them every time we want to run the server * Use isolatedModule option: * Had to move from const enum to const (https://www.typescriptlang.org/docs/handbook/enums.html#objects-vs-enums) * Had to explictely specify "type" imports when used in decorators * Prefer tsx (that uses esbuild under the hood) instead of ts-node to load typescript files (tests with mocha or scripts): * To reduce test complexity as esbuild doesn't support decorator metadata, we only test server files that do not import server models * We still build tests files into js files for a faster CI * Remove unmaintained peertube CLI import script * Removed some barrels to speed up execution (less imports)
153 lines
4.3 KiB
TypeScript
153 lines
4.3 KiB
TypeScript
import { pairwise } from 'rxjs/operators'
|
|
import { SelectOptionsItem } from 'src/types/select-options-item.model'
|
|
import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core'
|
|
import { FormGroup } from '@angular/forms'
|
|
import { MenuService, ThemeService } from '@app/core'
|
|
import { HTMLServerConfig } from '@peertube/peertube-models'
|
|
import { ConfigService } from '../shared/config.service'
|
|
|
|
@Component({
|
|
selector: 'my-edit-basic-configuration',
|
|
templateUrl: './edit-basic-configuration.component.html',
|
|
styleUrls: [ './edit-custom-config.component.scss' ]
|
|
})
|
|
export class EditBasicConfigurationComponent implements OnInit, OnChanges {
|
|
@Input() form: FormGroup
|
|
@Input() formErrors: any
|
|
|
|
@Input() serverConfig: HTMLServerConfig
|
|
|
|
signupAlertMessage: string
|
|
defaultLandingPageOptions: SelectOptionsItem[] = []
|
|
availableThemes: SelectOptionsItem[]
|
|
|
|
constructor (
|
|
private configService: ConfigService,
|
|
private menuService: MenuService,
|
|
private themeService: ThemeService
|
|
) {}
|
|
|
|
ngOnInit () {
|
|
this.buildLandingPageOptions()
|
|
this.checkSignupField()
|
|
this.checkImportSyncField()
|
|
|
|
this.availableThemes = this.themeService.buildAvailableThemes()
|
|
}
|
|
|
|
ngOnChanges (changes: SimpleChanges) {
|
|
if (changes['serverConfig']) {
|
|
this.buildLandingPageOptions()
|
|
}
|
|
}
|
|
|
|
countExternalAuth () {
|
|
return this.serverConfig.plugin.registeredExternalAuths.length
|
|
}
|
|
|
|
getVideoQuotaOptions () {
|
|
return this.configService.videoQuotaOptions
|
|
}
|
|
|
|
getVideoQuotaDailyOptions () {
|
|
return this.configService.videoQuotaDailyOptions
|
|
}
|
|
|
|
doesTrendingVideosAlgorithmsEnabledInclude (algorithm: string) {
|
|
const enabled = this.form.value['trending']['videos']['algorithms']['enabled']
|
|
if (!Array.isArray(enabled)) return false
|
|
|
|
return !!enabled.find((e: string) => e === algorithm)
|
|
}
|
|
|
|
getUserVideoQuota () {
|
|
return this.form.value['user']['videoQuota']
|
|
}
|
|
|
|
isSignupEnabled () {
|
|
return this.form.value['signup']['enabled'] === true
|
|
}
|
|
|
|
getDisabledSignupClass () {
|
|
return { 'disabled-checkbox-extra': !this.isSignupEnabled() }
|
|
}
|
|
|
|
isImportVideosHttpEnabled (): boolean {
|
|
return this.form.value['import']['videos']['http']['enabled'] === true
|
|
}
|
|
|
|
importSynchronizationChecked () {
|
|
return this.isImportVideosHttpEnabled() && this.form.value['import']['videoChannelSynchronization']['enabled']
|
|
}
|
|
|
|
hasUnlimitedSignup () {
|
|
return this.form.value['signup']['limit'] === -1
|
|
}
|
|
|
|
isSearchIndexEnabled () {
|
|
return this.form.value['search']['searchIndex']['enabled'] === true
|
|
}
|
|
|
|
getDisabledSearchIndexClass () {
|
|
return { 'disabled-checkbox-extra': !this.isSearchIndexEnabled() }
|
|
}
|
|
|
|
isAutoFollowIndexEnabled () {
|
|
return this.form.value['followings']['instance']['autoFollowIndex']['enabled'] === true
|
|
}
|
|
|
|
buildLandingPageOptions () {
|
|
this.defaultLandingPageOptions = this.menuService.buildCommonLinks(this.serverConfig)
|
|
.links
|
|
.map(o => ({
|
|
id: o.path,
|
|
label: o.label,
|
|
description: o.path
|
|
}))
|
|
}
|
|
|
|
getDefaultThemeLabel () {
|
|
return this.themeService.getDefaultThemeLabel()
|
|
}
|
|
|
|
private checkImportSyncField () {
|
|
const importSyncControl = this.form.get('import.videoChannelSynchronization.enabled')
|
|
const importVideosHttpControl = this.form.get('import.videos.http.enabled')
|
|
|
|
importVideosHttpControl.valueChanges
|
|
.subscribe((httpImportEnabled) => {
|
|
importSyncControl.setValue(httpImportEnabled && importSyncControl.value)
|
|
if (httpImportEnabled) {
|
|
importSyncControl.enable()
|
|
} else {
|
|
importSyncControl.disable()
|
|
}
|
|
})
|
|
}
|
|
|
|
private checkSignupField () {
|
|
const signupControl = this.form.get('signup.enabled')
|
|
|
|
signupControl.valueChanges
|
|
.pipe(pairwise())
|
|
.subscribe(([ oldValue, newValue ]) => {
|
|
if (oldValue === false && newValue === true) {
|
|
/* eslint-disable max-len */
|
|
this.signupAlertMessage = $localize`You enabled signup: we automatically enabled the "Block new videos automatically" checkbox of the "Videos" section just below.`
|
|
|
|
this.form.patchValue({
|
|
autoBlacklist: {
|
|
videos: {
|
|
ofUsers: {
|
|
enabled: true
|
|
}
|
|
}
|
|
}
|
|
})
|
|
}
|
|
})
|
|
|
|
signupControl.updateValueAndValidity()
|
|
}
|
|
}
|