1 files changed, 15 insertions, 0 deletions

diff --git a/client/src/app/shared/shared-forms/reactive-file.component.html b/client/src/app/shared/shared-forms/reactive-file.component.html
new file mode 100644
index 000000000..f6bf5f9ae
--- /dev/null
+++ b/client/src/app/shared/shared-forms/reactive-file.component.html
@@ -0,0 +1,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>