common-ui/src/lib/upload-file/upload-file.component.html
2024-03-07 18:15:32 +02:00

23 lines
637 B
HTML

<div (click)="triggerAttachFile()" (fileDropped)="attachFile($event)" *ngIf="!file" class="upload-area" iqserDragDropFileUpload>
<mat-icon svgIcon="iqser:upload"></mat-icon>
<div translate="upload-file.upload-area-text"></div>
</div>
<div *ngIf="file" class="file-area">
<mat-icon svgIcon="iqser:document"></mat-icon>
<p>{{ file.name }}</p>
<mat-icon (click)="removeFile()" *ngIf="!readonly" svgIcon="iqser:trash"></mat-icon>
</div>
<input
#attachFileInput
id="file-upload-input"
(change)="attachFile($event)"
[accept]="accept"
[hidden]="true"
class="file-upload-input"
type="file"
/>