34 lines
1.7 KiB
HTML
34 lines
1.7 KiB
HTML
<div class="mb-3" [class.pb-3]="error">
|
|
<div class="row">
|
|
<div class="d-flex align-items-center position-relative hidden-button-container" [class.col-md-3]="horizontal">
|
|
@if (title) {
|
|
<label class="form-label" [class.mb-md-0]="horizontal" [for]="inputId">{{title}}</label>
|
|
}
|
|
@if (removable) {
|
|
<button type="button" class="btn btn-sm btn-danger position-absolute left-0" (click)="removed.emit(this)">
|
|
<i-bs class="sidebaricon" name="x"></i-bs> <ng-container i18n>Remove</ng-container>
|
|
</button>
|
|
}
|
|
</div>
|
|
<div class="input-group" [class.col-md-9]="horizontal" [class.is-invalid]="error">
|
|
<input #fileInput type="file" class="form-control" [id]="inputId" (change)="onFile($event)" [disabled]="disabled">
|
|
<button class="btn btn-outline-primary py-0" type="button" (click)="uploadClicked()" [disabled]="disabled || !file" i18n>Upload</button>
|
|
</div>
|
|
@if (filename) {
|
|
<div class="form-text d-flex align-items-center">
|
|
<span class="text-muted">{{filename}}</span>
|
|
<button type="button" class="btn btn-link btn-sm text-danger ms-2" (click)="clear()">
|
|
<i-bs class="sidebaricon" name="x"></i-bs><small class="ms-1" i18n>Remove</small>
|
|
</button>
|
|
</div>
|
|
}
|
|
<input #inputField type="hidden" class="form-control small" [(ngModel)]="value" [disabled]="true">
|
|
@if (hint) {
|
|
<small class="form-text text-muted" [innerHTML]="hint | safeHtml"></small>
|
|
}
|
|
<div class="invalid-feedback position-absolute top-100">
|
|
{{error}}
|
|
</div>
|
|
</div>
|
|
</div>
|