1
0
Fork 0
sortable-recipes/ember-ui/app/components/meal-list.hbs
2020-03-05 10:13:57 -06:00

27 lines
836 B
Handlebars

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