| import Ember from 'ember'; |
| |
| export default Ember.Component.extend({ |
| repo: Ember.inject.service(), |
| tagName: 'section', |
| elementId: 'main', |
| classNames: ['main'], |
| canToggle: true, |
| allCompleted: Ember.computed('todos.@each.completed', function () { |
| return this.get('todos').isEvery('completed'); |
| }), |
| |
| actions: { |
| enableToggle() { |
| this.set('canToggle', true); |
| }, |
| |
| disableToggle() { |
| this.set('canToggle', false); |
| }, |
| |
| toggleAll() { |
| let allCompleted = this.get('allCompleted'); |
| this.get('todos').forEach(todo => Ember.set(todo, 'completed', !allCompleted)); |
| this.get('repo').persist(); |
| } |
| } |
| }); |