ferngully-aurelia-tools
Version:
Ferngully Tools for Aurelia
25 lines • 1.19 kB
HTML
<template>
<!--<require from="./dropdown-checkbox.css" />-->
<div class="dropdown" ref="theDropdown">
<button ref="theButton" type="button" tooltip.bind="buttonTooltip"
class="${buttonClass} dropdown dropdownCheckboxButton"
data-toggle="dropdown"
><slot name="button">${selectedItemsString || noItemsText} <span class="caret"></span></slot></button>
<ul class="dropdown-menu dropdownCheckboxList">
<li class="dropdownCheckboxItem"
repeat.for="item of items"
id="${item.value}"
tabindex.bind="1000 + $index"
click.trigger="onItemCick($event, item)"
keydown.trigger="keydown($event, item)">
<div class="checkbox abc-checkbox abc-checkbox-success">
<input type="checkbox"
id="${item.value}"
model.bind="item"
checked.bind="selectedItems" />
<label for="${item.value}">${item.text}</label>
</div>
</li>
</ul>
</div>
</template>