Ember SortableJS examples

clone.hbs

<SortableJs
  class="list-group"
  @items={{array "one-a" "two-a" "three-a" "four-a" "five-a"}}
  @options={{hash
    animation=150
    ghostClass="ghost-class"
    group=(hash name="shared" pull="clone")
  }}
  @onClone={{fn this.onClone}}
  as |list|
>
  {{log 'running a' list}}
  {{#each list as |item index| }}
    <div data-list-item={{index}} class="list-group-item">{{item.item}}</div>
  {{/each}}
</SortableJs>
<br>
<SortableJs
  class="list-group"
  @items={{array "one-b" "two-b" "three-b" "four-b" "five-b"}}
  @options={{hash
    animation=150
    ghostClass="ghost-class"
    group=(hash name="shared" pull="clone")
  }}
  @onClone={{fn this.onClone}}
  as |list|
>
  {{log 'running b' list}}
  {{#each list as |item index| }}
    <div data-list-item={{index}} class="list-group-item">{{item.item}}</div>
  {{/each}}
</SortableJs>

shared.hbs

f