aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/shared-forms/reactive-file.component.html
blob: f6bf5f9aeee207a3812380d717cd8d9c4abd4260 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="root">
  <div class="button-file" [ngClass]="{ 'with-icon': !!icon }">
    <my-global-icon *ngIf="icon" [iconName]="icon"></my-global-icon>

    <span>{{ inputLabel }}</span>

    <input
      type="file"
      [name]="inputName" [id]="inputName" [accept]="extensions"
      (change)="fileChange($event)" [(ngModel)]="fileInputValue"
    />
  </div>

  <div class="filename" *ngIf="displayFilename === true && filename">{{ filename }}</div>
</div>