client/src/app/shared/form-validators/video-validators.ts
import { AbstractControl, ValidationErrors, ValidatorFn, Validators, FormControl } from '@angular/forms'
import { BuildFormValidator } from './form-validator.model'
export const trimValidator: ValidatorFn = (control: FormControl) => {
if (control.value.startsWith(' ') || control.value.endsWith(' ')) {
return { spaces: true }
}
return null
}
export const VIDEO_NAME_VALIDATOR: BuildFormValidator = {
VALIDATORS: [ Validators.required, Validators.minLength(3), Validators.maxLength(120) ],
MESSAGES: {
required: $localize`Video name is required.`,
minlength: $localize`Video name must be at least 3 characters long.`,
maxlength: $localize`Video name cannot be more than 120 characters long.`,
spaces: $localize`Video name has leading or trailing whitespace.`
}
}
export const VIDEO_PRIVACY_VALIDATOR: BuildFormValidator = {
VALIDATORS: [ Validators.required ],
MESSAGES: {
required: $localize`Video privacy is required.`
}
}
export const VIDEO_PASSWORD_VALIDATOR: BuildFormValidator = {
VALIDATORS: [ Validators.minLength(2), Validators.maxLength(100) ], // Required is set dynamically
MESSAGES: {
minLength: $localize`A password should be at least 2 characters long.`,
maxLength: $localize`A password should be shorter than 100 characters long.`,
required: $localize`A password is required for password protected video.`
}
}
export const VIDEO_CATEGORY_VALIDATOR: BuildFormValidator = {
VALIDATORS: [ ],
MESSAGES: {}
}
export const VIDEO_LICENCE_VALIDATOR: BuildFormValidator = {
VALIDATORS: [ ],
MESSAGES: {}
}
export const VIDEO_LANGUAGE_VALIDATOR: BuildFormValidator = {
VALIDATORS: [ ],
MESSAGES: {}
}
export const VIDEO_IMAGE_VALIDATOR: BuildFormValidator = {
VALIDATORS: [ ],
MESSAGES: {}
}
export const VIDEO_CHANNEL_VALIDATOR: BuildFormValidator = {
VALIDATORS: [ Validators.required ],
MESSAGES: {
required: $localize`Video channel is required.`
}
}
export const VIDEO_DESCRIPTION_VALIDATOR: BuildFormValidator = {
VALIDATORS: [ Validators.minLength(3), Validators.maxLength(10000) ],
MESSAGES: {
minlength: $localize`Video description must be at least 3 characters long.`,
maxlength: $localize`Video description cannot be more than 10000 characters long.`
}
}
export const VIDEO_TAGS_ARRAY_VALIDATOR: BuildFormValidator = {
VALIDATORS: [ Validators.maxLength(5), arrayTagLengthValidator() ],
MESSAGES: {
maxlength: $localize`A maximum of 5 tags can be used on a video.`,
arrayTagLength: $localize`A tag should be more than 1 and less than 30 characters long.`
}
}
export const VIDEO_SUPPORT_VALIDATOR: BuildFormValidator = {
VALIDATORS: [ Validators.minLength(3), Validators.maxLength(1000) ],
MESSAGES: {
minlength: $localize`Video support must be at least 3 characters long.`,
maxlength: $localize`Video support cannot be more than 1000 characters long.`
}
}
export const VIDEO_SCHEDULE_PUBLICATION_AT_VALIDATOR: BuildFormValidator = {
VALIDATORS: [ ], // Required is set dynamically
MESSAGES: {
required: $localize`A date is required to schedule video update.`
}
}
export const VIDEO_ORIGINALLY_PUBLISHED_AT_VALIDATOR: BuildFormValidator = {
VALIDATORS: [ ],
MESSAGES: {}
}
function arrayTagLengthValidator (min = 2, max = 30): ValidatorFn {
return (control: AbstractControl): ValidationErrors => {
const array = control.value as string[]
if (array.every(e => e.length >= min && e.length <= max)) {
return null
}
return { arrayTagLength: true }
}
}