Commits
Yura Bondarenko authored d37d043531a
1 1 | <form #form="ngForm" (ngSubmit)="onSubmit(value)" |
2 2 | [action]="action" (keydown)="onKeydown($event)" |
3 3 | (keydown.arrowdown)="shiftFocusDown($event)" |
4 4 | (keydown.arrowup)="shiftFocusUp($event)" (keydown.esc)="close()" |
5 5 | (dsClickOutside)="close();"> |
6 - | <label *ngIf="label; else searchInput" class="mb-0"> |
7 - | <ng-container *ngTemplateOutlet="searchInput"></ng-container> |
8 - | <span class="d-none">{{label}}</span> |
9 - | </label> |
6 + | <div class="form-group mb-0"> |
7 + | <label *ngIf="label; else searchInput"> |
8 + | <span class="font-weight-bold d-block mb-2"> |
9 + | {{label}} |
10 + | </span> |
11 + | <ng-container *ngTemplateOutlet="searchInput"></ng-container> |
12 + | </label> |
13 + | </div> |
10 14 | <ng-template #searchInput> |
11 15 | <input #inputField type="text" [(ngModel)]="value" [name]="name" |
12 16 | class="form-control suggestion_input" |
13 17 | [ngClass]="{'is-invalid': !valid}" |
14 18 | [dsDebounce]="debounceTime" (onDebounce)="find($event)" |
15 19 | [placeholder]="placeholder" |
16 - | [ngModelOptions]="{standalone: true}" autocomplete="off"/> |
20 + | [ngModelOptions]="{standalone: true}" autocomplete="off" |
21 + | /> |
17 22 | </ng-template> |
18 23 | <label class="d-none"> |
19 - | <input type="submit" class="d-none"/> |
24 + | <input type="submit"/> |
20 25 | <span>{{'search.filters.search.submit' | translate}}</span> |
21 26 | </label> |
22 27 | <div class="autocomplete dropdown-menu" [ngClass]="{'show': (show | async) && isNotEmpty(suggestions)}"> |
23 28 | <div class="dropdown-list"> |
24 29 | <div *ngFor="let suggestionOption of suggestions"> |
25 30 | <a href="#" class="d-block dropdown-item" (click)="onClickSuggestion(suggestionOption.value)" #suggestion> |
26 31 | <span [innerHTML]="suggestionOption.displayValue"></span> |
27 32 | </a> |
28 33 | </div> |
29 34 | </div> |