1 import { Component, forwardRef, Input } from '@angular/core'
2 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'
3 import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser'
4 import { ServerService } from '@app/core'
7 selector: 'my-video-image',
8 styleUrls: [ './video-image.component.scss' ],
9 templateUrl: './video-image.component.html',
12 provide: NG_VALUE_ACCESSOR,
13 useExisting: forwardRef(() => VideoImageComponent),
18 export class VideoImageComponent implements ControlValueAccessor {
19 @Input() inputLabel: string
20 @Input() inputName: string
21 @Input() previewWidth: string
22 @Input() previewHeight: string
24 imageSrc: SafeResourceUrl
29 private sanitizer: DomSanitizer,
30 private serverService: ServerService
33 get videoImageExtensions () {
34 return this.serverService.getConfig().video.image.extensions
37 get maxVideoImageSize () {
38 return this.serverService.getConfig().video.image.size.max
41 onFileChanged (file: File) {
44 this.propagateChange(this.file)
48 propagateChange = (_: any) => { /* empty */ }
50 writeValue (file: any) {
55 registerOnChange (fn: (_: any) => void) {
56 this.propagateChange = fn
59 registerOnTouched () {
63 private updatePreview () {
65 const url = URL.createObjectURL(this.file)
66 this.imageSrc = this.sanitizer.bypassSecurityTrustResourceUrl(url)