import Ember from 'ember';

export default Ember.Controller.extend({

  // The list "model"
  items: (function() {
    var out = [];
    for(var i=0; i<1000; i++) {
      out.push({ name: '' + i });
    }
    return out;
  })(),

  // the currently expanded record
  expandedItem: null,

  // size array passed into ember-collection to control vertical layout
  sizes: Ember.computed('items.[]', 'expandedItem', function() {
    var expanded = this.get('expandedItem');
    return this.get('items').map(function(item) {
      return {
        width: 300,
        height: item === expanded ? 100 : 30
      };
    });
  }),

  actions: {
    toggle(item) {
      this.set('expandedItem', this.get('expandedItem') === item ? null : item);
    }
  }
});