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.
37 lines
1.8 KiB
37 lines
1.8 KiB
<div class="selection">
|
|
<input type="text" class="form-control" [disabled]="snapshot.isDisabled" (click)="open()" readonly (keydown)="onKeyDown($event)" #input
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
autocapitalize="off">
|
|
|
|
<div class="control-dropdown-item" *ngIf="snapshot.selectedItem">
|
|
<span class="truncate" *ngIf="!templateSelection">{{snapshot.selectedItem}}</span>
|
|
|
|
<ng-template *ngIf="templateSelection" [sqxTemplateWrapper]="templateSelection" [item]="snapshot.selectedItem"></ng-template>
|
|
</div>
|
|
|
|
<i class="icon-caret-down"></i>
|
|
</div>
|
|
|
|
<div class="items-container">
|
|
<ng-container *sqxModal="dropdown">
|
|
<div class="control-dropdown" [sqxAnchoredTo]="input" position="bottom-left">
|
|
<div *ngIf="canSearch" class="search-form">
|
|
<input class="form-control search" [formControl]="queryInput" [disabled]="snapshot.isDisabled" placeholder="Search" (keydown)="onKeyDown($event)" sqxFocusOnInit />
|
|
</div>
|
|
|
|
<div class="control-dropdown-items" #container>
|
|
<div *ngFor="let item of snapshot.suggestedItems; let i = index;" class="control-dropdown-item control-dropdown-item-selectable"
|
|
[class.active]="i === snapshot.selectedIndex"
|
|
[class.separated]="separated"
|
|
(mousedown)="selectIndexAndClose(i)"
|
|
[sqxScrollActive]="i === snapshot.selectedIndex"
|
|
[sqxScrollContainer]="container">
|
|
<ng-container *ngIf="!templateItem">{{item}}</ng-container>
|
|
|
|
<ng-template *ngIf="templateItem" [sqxTemplateWrapper]="templateItem" [item]="item" [index]="i" [context]="snapshot.query"></ng-template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
</div>
|