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.3 KiB
26 lines
1.3 KiB
<span>
|
|
<div class="selection">
|
|
<input type="text" class="form-control" [disabled]="isDisabled" (click)="open()" readonly (keydown)="onKeyDown($event)" #input
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
autocapitalize="off">
|
|
|
|
<div class="control-dropdown-item" *ngIf="selectedItem">
|
|
<ng-container *ngIf="!selectionTemplate">{{selectedItem}}</ng-container>
|
|
|
|
<ng-template *ngIf="selectionTemplate" [sqxTemplateWrapper]="selectionTemplate" [item]="selectedItem"></ng-template>
|
|
</div>
|
|
|
|
<i class="icon-caret-down"></i>
|
|
</div>
|
|
|
|
<div class="items-container">
|
|
<div class="control-dropdown" #container *sqxModalView="dropdown" [sqxModalTarget]="input" position="bottomLeft">
|
|
<div *ngFor="let item of items; let i = index;" class="control-dropdown-item control-dropdown-item-selectable" [class.active]="i === selectedIndex" (mousedown)="selectIndexAndClose(i)" [sqxScrollActive]="i === selectedIndex" [container]="container">
|
|
<ng-container *ngIf="!itemTemplate">{{item}}</ng-container>
|
|
|
|
<ng-template *ngIf="itemTemplate" [sqxTemplateWrapper]="itemTemplate" [item]="item" [index]="i"></ng-template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</span>
|