gaiety/sortable-recipes
1
0
Fork 0
Code Activity

Splattribute refactorings

Browse source
This commit is contained in:
Ava Wroten 2020-03-09 18:53:56 -05:00
parent 2730cefd86
commit 8a047250ff
3 changed files with 35 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
ember-ui/app/components/meal-list.hbs
View file

@ -1,28 +1,33 @@
<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>
{{#if this.sortedItems}}
<SortableGroupAccessible
@models={{this.sortedItems}}
tabindex="0"
class="shadow-md bg-gray-200 outline-none border border-gray-400 focus:border-teal-400 focus:shadow-lg"
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}}
class="shadow-md bg-gray-200 outline-none border border-gray-400 focus:border-teal-400 focus:shadow-lg">
<SortableItem
@model={{meal}}
@group={{group}}
data-test-id="meal-item">
<MealItem
@meal={{meal}}
@handleFocus={{groupActions.handleFocus}}
@handleBlur={{groupActions.handleBlur}}
/>
</SortableItem>
</SortableItemAccessible>
{{/each}}
</SortableGroup>
</SortableGroupAccessible>
{{/if}}

3
ember-ui/app/components/sortable-group-accessible.hbs
View file

@ -6,8 +6,7 @@
{{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">
...attributes>
{{yield
this.groupHasFocus
this.selectedIndex

2
ember-ui/app/components/sortable-item-accessible.hbs
View file

@ -1,5 +1,5 @@
{{#let (and @groupHasFocus (eq @currentIndex @selectedIndex)) as |active|}}
<div class='border border-gray-400 {{if active 'relative border-orange-400'}}'>
<div class='border border-gray-400 {{if active 'relative border-orange-400'}}' ...attributes>
{{#if active}}
<button
{{on 'click' (fn @orderItemUp @currentIndex)}}