import Ember from 'ember';
import hbs from 'htmlbars-inline-precompile';

export default Ember.Component.extend({
  layout: hbs`{{yield sortedItems}}`,
  sortedItems: Ember.computed('data.@each.id', 'sort', function() {
    const sort = this.get('sort');
    const sorted = [...this.get('data')].sort((a, b) => {
    	if (sort === 'up') return a.id - b.id;
      return b.id - a.id;
    });
    console.log(sorted.map(x => x.id));
    return sorted;
  })
});