path: root/client/src/app/shared/forms/reactive-file.component.html

<div class="root">
  <div class="button-file">
    <span>{{ inputLabel }}</span>
    <input
      type="file"
      [name]="inputName" [id]="inputName" [accept]="extensions"
      (change)="fileChange($event)" [(ngModel)]="fileInputValue"
    />
  </div>

  <div i18n class="file-constraints">(extensions: {{ allowedExtensionsMessage }}, max size: {{ maxFileSize | bytes }})</div>

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