lvegerano

import Controller from '@ember/controller';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';
}

lvegerano

import Component from '@glimmer/component';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';

export default class extends Component {
  @tracked showDD = false;
	@tracked selectedFilters = [];

	get unselectedFilters() {
    return this.args.options.filter(f => !this.selectedFilters.includes(f));

lvegerano

import Component from '@glimmer/component';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';

export default class extends Component {
  @tracked showColors = false;
	@tracked showTags = false;


  @action

lvegerano

import Component from '@glimmer/component';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';

export default class extends Component {
  @tracked showColors = false;
	@tracked showTags = false;


  @action

lvegerano

import Controller from '@ember/controller';
import { tracked } from '@glimmer/tracking';
import { inject as service } from '@ember/service';
import { setOwner, getOwner } from '@ember/application';
import { action } from '@ember/object';

class Option {
  @service colors;
  @service tags;

lvegerano

import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';

export default class DataLoaderComponent extends Component {
  @tracked filteredData = [];

  data = [
    { tag_id: 1, title: 'Awesome 1', color_id: 4, artist: 'luis' },
    { tag_id: 2, title: 'Awesome 2', color_id: 3, artist: 'jaden' },

lvegerano

import Controller from '@ember/controller';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';


export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';

	@tracked list = [
    { 

lvegerano

<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|

lvegerano

<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|

lvegerano

<SortableJs
  class="list-group"
  @items={{array "one" "two" "three" "four" "five"}}
  @options={{hash animation=150 ghostClass="ghost-class" group="shared"}}
  @onRemove={{this.onRemove}}
  @onEnd={{this.onEnd}}
  as |list|
>
  {{log 'running a' list}}
  {{#each list as |item index| }}