32 lines
975 B
TypeScript
32 lines
975 B
TypeScript
import { Maybe } from '@/core';
|
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
import { FileSelectEvent, FileUpload } from 'primeng/fileupload';
|
|
import { onSelectArgs } from './model';
|
|
|
|
@Component({
|
|
selector: 'app-shared-upload-file',
|
|
templateUrl: './upload-file.component.html',
|
|
imports: [FileUpload],
|
|
})
|
|
export class SharedUploadFileComponent {
|
|
@Input() currentImage: Maybe<string> = null;
|
|
@Input() loading: boolean = false;
|
|
@Input() name: string = 'file';
|
|
@Input() accept: string = 'image/*';
|
|
@Input() maxSize: Maybe<number> = 5 * 1024;
|
|
@Input() error: Maybe<string> = null;
|
|
@Input() hint: Maybe<string> = null;
|
|
|
|
@Output() onSelect = new EventEmitter<onSelectArgs>();
|
|
|
|
onSelectedFile($event: FileSelectEvent) {
|
|
const file = $event.files?.[0];
|
|
if (!file) {
|
|
return;
|
|
}
|
|
const payload = new FormData();
|
|
payload.append(this.name, file, file.name);
|
|
this.onSelect.emit({ data: payload, file });
|
|
}
|
|
}
|