]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/shared/shared-forms/reactive-file.component.html
d18a99d4600634d07b3be1ed9961e815e58b309c
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-forms / reactive-file.component.html
1 <div class="root">
2 <div class="button-file" [ngClass]="{ 'with-icon': !!icon }" [ngbTooltip]="buttonTooltip">
3 <my-global-icon *ngIf="icon" [iconName]="icon"></my-global-icon>
4
5 <span>{{ inputLabel }}</span>
6
7 <input
8 type="file"
9 [name]="inputName" [id]="inputName" [accept]="extensions"
10 (change)="fileChange($event)" [(ngModel)]="fileInputValue"
11 />
12 </div>
13
14 <div class="filename" *ngIf="displayFilename === true && filename">{{ filename }}</div>
15
16 <button *ngIf="displayReset && filename" i18n class="reset-button" (click)="reset()">
17 Reset
18 </button>
19 </div>