seanjohnson08

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  hello: 'hello world',
});

seanjohnson08

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    // utterly disgusting
    classicAction() {
      this.sendAction('classicAction', 'four');
    }
  }
});

seanjohnson08

import Ember from 'ember';

function selectorFilter(eventType) {
  return Ember.on(eventType, function(evt) {
    var isSelector = Ember.$(evt.target).is(this.get('selector'))
    if (isSelector) {
      this.sendAction(`on${eventType}`, ...arguments);
    }
  });
}

seanjohnson08

import Ember from 'ember';

export default Ember.Component.extend({
  // Fix the JS error by changing to .reads
  value: Ember.computed.readOnly('_value'),
  _value: 'hello'
});

seanjohnson08

import Ember from 'ember';

export default Ember.Component.extend({
  myThing: 'some thing',
  init() {
    this._super(...arguments);
    this.set('myThing', 'it\'s a thing!')
  }
});

seanjohnson08

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    onClick() {
      this.sendAction('onClick');
    }
  }
});

seanjohnson08

import Ember from 'ember';

export default Ember.Component.extend({
  didReceiveAttrs(...args) {
    this.set('lastReceiveAttrsArgs', JSON.stringify(args, null, 2));
  }
});

seanjohnson08

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'button',
  classNameBindings: ['animating'],
  animating: false,
  
  click() {
    this.toggleProperty('animating');
  }

seanjohnson08

import Ember from 'ember';

export default Ember.Component.extend({
  _commentsModel: ['one', 'two', 'three'],
  
  // switching this to `readOnly` will blow up
  comments: Ember.computed.reads('_commentsModel')
});

seanjohnson08

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  someProp: true
});