28 lines
918 B
Handlebars
28 lines
918 B
Handlebars
<SortableGroupAccessible
|
|
@models={{this.sortedItems}}
|
|
as |groupHasFocus selectedIndex groupActions|>
|
|
<SortableGroup
|
|
@onChange={{action this.reorderMeals}}
|
|
as |group|>
|
|
{{#each this.sortedItems as |meal index|}}
|
|
<SortableItemAccessible
|
|
@groupHasFocus={{groupHasFocus}}
|
|
@currentIndex={{index}}
|
|
@selectedIndex={{selectedIndex}}
|
|
@orderItemDown={{groupActions.orderItemDown}}
|
|
@orderItemUp={{groupActions.orderItemUp}}
|
|
@handleBlur={{groupActions.handleBlur}}>
|
|
<SortableItem
|
|
@model={{meal}}
|
|
@group={{group}}
|
|
data-test-id="meal-item">
|
|
<MealItem
|
|
@meal={{meal}}
|
|
@handleFocus={{groupActions.handleFocus}}
|
|
@handleBlur={{groupActions.handleBlur}}
|
|
/>
|
|
</SortableItem>
|
|
</SortableItemAccessible>
|
|
{{/each}}
|
|
</SortableGroup>
|
|
</SortableGroupAccessible>
|