Commits

Yura Bondarenko authored d37d043531a
79730: Show input labels when available
No tags

src/app/shared/input-suggestions/filter-suggestions/filter-input-suggestions.component.html

Modified
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>

Everything looks good. We'll let you know here if there's anything you should know about.

Add shortcut