import Ember from 'ember';
import { filterBy } from 'ember-awesome-macros/array';

export default Ember.Controller.extend({
  filterKey: 'color',
	value: 'red',
  redItems: filterBy('data', 'filterKey', 'value'),

  blueItems: Ember.computed('data.@each.color', function() {
    return this.get('data').filterBy('color', 'blue');
  }),

  init() {
   	this._super(...arguments);
    this.set('data', Ember.A());
  },

  actions: {
    addItem(color) {
    	let data = this.get('data');
      let id = data.length + 1;
      data.pushObject({ id, color });
    }
  }
});