import Ember from 'ember';
import EmberObject, { computed, get } from '@ember/object';

export DateLogs = Ember.Object.extend({
  model: null,

  foodLogs: computed('model.foodLogs', function() {
    return get(this, 'model.foodLogs')
  }),

  foodLogLength: computed('foodLogs.[]', function() {
    return get(this, 'foodLogs.length');
  })
});

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

  dateLogs: computed(function() {
  	return Ember.A([
    	EmberObject.create({
      	foodLogs: Ember.A([])
      }),

      EmberObject.create({
      	foodLogs: Ember.A([])
      })
    ]);
  }),

  foodLogs: computed(function() {
    const dateLogs = get(this, 'dateLogs');
  	let obj = EmberObject.create({
    	dateLogs: dateLogs.map((dateLog) => {
    		return DateLogs.create({ dateLog });
      }),

      foodLogsLength: computed('dateLogs.@each.foodLogLength', function() {
      	return get(this, 'dateLogs').mapBy('foodLogLength').reduce((acc, len) => {
        	return acc + len;
        }, 0)
      })
    })

    return obj;
  }),

  foodLogs2: computed('foodLogs.[]', function() {
  	return get(this, 'foodLogs');
  }),

  actions: {
  	insert(foodLogs) {
    	foodLogs.pushObject(1);
    },

    pop(foodLogs) {
    	foodLogs.popObject();
    }
  }
});