2017-06-07 17:16:41 +01:00
|
|
|
<div class="form-select-menu">
|
2018-08-29 11:36:24 +01:00
|
|
|
<button class="form-select-button" (click)="toggleOptions()" [disabled]="disabled">
|
2019-06-25 15:27:47 -07:00
|
|
|
<span><strong>{{label}}</strong></span><span *ngIf="showSymbol" class="symbol {{selected?.value}}"></span><span>{{selected?.title}}</span>
|
2017-06-07 17:16:41 +01:00
|
|
|
</button>
|
|
|
|
<ul class="form-select-dropdown" *ngIf="showOptions">
|
|
|
|
<li *ngFor="let option of options; index as i"
|
|
|
|
[class.selected]="option === selected"
|
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
|
|
|
(click)="select(option, i)"
|
|
|
|
(keydown.enter)="select(option, i)"
|
|
|
|
(keydown.space)="select(option, i); $event.preventDefault()">
|
2019-06-25 15:27:47 -07:00
|
|
|
<span *ngIf="showSymbol" class="symbol {{option.value}}"></span><span>{{option.title}}</span>
|
2017-06-07 17:16:41 +01:00
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|