import Ember from 'ember';
import Filterable from 'twiddle/mixins/filterable';
import Sortable from 'twiddle/mixins/sortable';

const {
  computed: { reads }
} = Ember;

export default Ember.Controller.extend(Filterable, Sortable, {
  appName: 'Ember Twiddle',

  filterValue: null,
  filterProperties: ['id', 'name'],
  filterableContent: reads('peeps'),

  sortProperties: ['name'],
  sortableContent: reads('filteredContent'),

  peeps: [
    Ember.Object.create({
      id: 1,
      name: 'Ryan'
    }),
    Ember.Object.create({
      id: 2,
      name: 'Jun'
    }),
    Ember.Object.create({
      id: 3,
      name: 'Adam'
    }),
    Ember.Object.create({
      id: 4,
      name: 'Vinh'
    })
  ]
});