-import { Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core'
-import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser'
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core'
+import { SafeResourceUrl } from '@angular/platform-browser'
import { Notifier, ServerService } from '@app/core'
import { VideoChannel } from '@app/shared/shared-main'
import { NgbPopover } from '@ng-bootstrap/ng-bootstrap'
import { getBytes } from '@root-helpers/bytes'
+import { imageToDataURL } from '@root-helpers/images'
@Component({
selector: 'my-actor-banner-edit',
preview: SafeResourceUrl
constructor (
- private sanitizer: DomSanitizer,
private serverService: ServerService,
private notifier: Notifier
) { }
ngOnInit (): void {
- this.serverService.getConfig()
- .subscribe(config => {
- this.maxBannerSize = config.banner.file.size.max
- this.bannerExtensions = config.banner.file.extensions.join(', ')
+ const config = this.serverService.getHTMLConfig()
+ this.maxBannerSize = config.banner.file.size.max
+ this.bannerExtensions = config.banner.file.extensions.join(', ')
- // tslint:disable:max-line-length
- this.bannerFormat = $localize`ratio 6/1, recommended size: 1920x317, max size: ${getBytes(this.maxBannerSize)}, extensions: ${this.bannerExtensions}`
- })
+ /* eslint-disable max-len */
+ this.bannerFormat = $localize`ratio 6/1, recommended size: 1920x317, max size: ${getBytes(this.maxBannerSize)}, extensions: ${this.bannerExtensions}`
}
onBannerChange (input: HTMLInputElement) {
this.bannerfileInput = new ElementRef(input)
- const bannerfile = this.bannerfileInput.nativeElement.files[ 0 ]
+ const bannerfile = this.bannerfileInput.nativeElement.files[0]
if (bannerfile.size > this.maxBannerSize) {
this.notifier.error('Error', $localize`This image is too large.`)
return
this.bannerChange.emit(formData)
if (this.previewImage) {
- this.preview = this.sanitizer.bypassSecurityTrustResourceUrl(URL.createObjectURL(bannerfile))
+ imageToDataURL(bannerfile).then(result => this.preview = result)
}
}