Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 | 98x | <ng-template #popTemplate>
<form name="form"
#formDir="ngForm"
[formGroup]="form"
novalidate>
<div [ngClass]="{'has-error': form.showError('filter', formDir)}">
<input type="text"
formControlName="filter"
i18n-placeholder
[placeholder]="messages.filter"
(keyup)="$event.keyCode == 13 ? selectOption() : updateFilter()"
class="form-control text-center" />
<ng-container *ngFor="let error of Object.keys(messages.customValidations)">
<span class="help-block text-center"
*ngIf="form.showError('filter', formDir) && filter.hasError(error)">
{{ messages.customValidations[error] }}
</span>
</ng-container>
</div>
</form>
<div *ngFor="let option of filteredOptions"
class="select-menu-item"
[ngClass]="{'help-block disabled': (data.length === selectionLimit || !option.enabled) && !option.selected}"
(click)="triggerSelection(option)">
<div class="select-menu-item-icon">
<i class="fa fa-check"
aria-hidden="true"
*ngIf="option.selected"></i>
</div>
<div class="select-menu-item-content">
{{ option.name }}
<ng-container *ngIf="option.description">
<br>
<small class="text-muted">
{{ option.description }}
</small>
</ng-container>
</div>
</div>
<div *ngIf="isCreatable()"
class="select-menu-item"
(click)="addCustomOption(filter.value)">
<div class="select-menu-item-icon">
<i class="fa fa-tag"
aria-hidden="true"></i>
</div>
<div class="select-menu-item-content">
{{ messages.add }} '{{ filter.value }}'
</div>
</div>
<div class="has-warning"
*ngIf="data.length === selectionLimit">
<span class="help-block text-center text-warning"
[tooltip]="messages.selectionLimit.tooltip"
*ngIf="data.length === selectionLimit">
{{ messages.selectionLimit.text }}
</span>
</div>
</ng-template>
<a class="select-menu-edit"
[ngClass]="elemClass"
[popover]="popTemplate"
placement="bottom"
container="body"
outsideClick="true"
*ngIf="options.length > 0">
<ng-content></ng-content>
</a>
<span class="text-muted"
*ngIf="data.length === 0 && options.length > 0">
{{ messages.empty }}
</span>
<span class="text-muted"
*ngIf="options.length === 0">
{{ messages.noOptions }}
</span>
|