import Ember from 'ember';
const { ObjectProxy, computed: { alias } } = Ember;

export default Ember.Component.extend({
  classNameBindings: [
    'isActive'
  ],
  isActive: alias('data.isActive'),
  init() {
    this._super();
    let items = this.get('items'), id = 0, isActive = true;
    if (items.length > 0) {
      isActive = false;
      let last = items.get('lastObject');
      id = last.get('id');
      ++id;
    }
    let data = ObjectProxy.create({
      id, isActive
    });
    this.set('data', data);
    items.addObject(data);
  },
  click() {
    this.get('items').setEach('isActive', false);
    this.set('data.isActive', true);
  }
});