SmartIT_Extensions/BMC/smart-it-full-helix/views/common/nested-dropdown.html

19 lines
742 B
HTML

<div ux-id="nested-dropdown" class="dropdown-input nested-dropdown">
<button ux-id="nested-dropdown-toggle-btn" type="button" class="dropdown-input__button"
ng-click="toggleDropdown()"
ng-enter="toggleDropdown()"
aria-haspopup="true" aria-expanded="{{isOpen}}"
ng-disabled="dropdownOptions.length === 1">
{{selectedOption.name | i18n}}
</button>
<ul ng-show="isOpen">
<li ux-id="nested-dropdown-list-item_{{$index}}" role="menuitem"
ng-click="selectOption(option)"
ng-enter="selectOption(option)"
ng-repeat="option in dropdownOptions"
ng-class="{'option-selected': option.id === selectedOption.id}"
tabindex="0">
{{option.name | i18n}}
</li>
</ul>
</div>