mirror of
https://github.com/paperless-ngx/paperless-ngx.git
synced 2025-04-25 10:49:30 -05:00
30 lines
1.3 KiB
HTML
30 lines
1.3 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 name="x"></i-bs> <ng-container i18n>Remove</ng-container>
|
|
</button>
|
|
}
|
|
</div>
|
|
<div class="position-relative" [class.col-md-9]="horizontal">
|
|
<input #inputField type="text" class="form-control" [class.is-invalid]="error" [id]="inputId" [(ngModel)]="value" (change)="onChange(value)" [disabled]="disabled" [autocomplete]="autocomplete" [placeholder]="placeholder">
|
|
@if (hint) {
|
|
<small class="form-text text-muted" [innerHTML]="hint | safeHtml"></small>
|
|
}
|
|
@if (getSuggestion()?.length > 0) {
|
|
<small>
|
|
<span i18n>Suggestion:</span>
|
|
<a (click)="applySuggestion(s)" [routerLink]="[]">{{getSuggestion()}}</a>
|
|
</small>
|
|
}
|
|
<div class="invalid-feedback position-absolute top-100">
|
|
{{error}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|