1
0
Fork 0
sortable-recipes/ember-ui/app/components/sortable-group-accessible.hbs
2020-03-05 10:21:52 -06:00

20 lines
662 B
Handlebars

<div
data-id={{this.uniqId}}
{{on 'focus' this.handleFocus}}
{{on 'blur' this.handleBlur}}
{{key-up this.handleArrowUp key='ArrowUp'}}
{{key-up this.handleArrowDown key='ArrowDown'}}
{{key-down this.preventDefault key='ArrowUp'}}
{{key-down this.preventDefault key='ArrowDown'}}
tabindex="0"
class="shadow-md bg-gray-200 outline-none border border-gray-400 focus:border-teal-400 focus:shadow-lg">
{{yield
this.groupHasFocus
this.selectedIndex
(hash
orderItemDown=(action 'orderItemDown')
orderItemUp=(action 'orderItemUp')
handleFocus=(action 'handleFocus')
handleBlur=(action 'handleBlur')
)}}
</div>