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

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

@ -1,5 +1,8 @@
{{#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}}
@ -11,7 +14,8 @@
@selectedIndex={{selectedIndex}}
@orderItemDown={{groupActions.orderItemDown}}
@orderItemUp={{groupActions.orderItemUp}}
@handleBlur={{groupActions.handleBlur}}>
@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}}
@ -26,3 +30,4 @@
{{/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)}}