mirror of https://github.com/Squidex/squidex.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
1.2 KiB
26 lines
1.2 KiB
<span>
|
|
<input type="text" class="form-control" (blur)="blur()" (keydown)="onKeyDown($event)" #input
|
|
[sqxFocusOnInit]="autoFocus"
|
|
[name]="inputName" [placeholder]="placeholder"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
autocapitalize="off"
|
|
[class.form-underlined]="underlined"
|
|
[formControl]="queryInput">
|
|
|
|
<ng-container *sqxModal="snapshot.suggestedItems.length > 0" position="bottom-left">
|
|
<div class="control-dropdown" [sqxAnchoredTo]="input" position="bottom-left" #container @fade>
|
|
<div *ngFor="let item of snapshot.suggestedItems; let i = index" class="control-dropdown-item control-dropdown-item-selectable"
|
|
[class.active]="i === snapshot.suggestedIndex"
|
|
(mousedown)="selectItem(item)"
|
|
(mouseover)="selectIndex(i)"
|
|
[sqxScrollActive]="i === snapshot.suggestedIndex"
|
|
[sqxScrollContainer]="container">
|
|
|
|
<ng-container *ngIf="!itemTemplate">{{item}}</ng-container>
|
|
|
|
<ng-template *ngIf="itemTemplate" [sqxTemplateWrapper]="itemTemplate" [item]="item" [index]="i"></ng-template>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
</span>
|