sglanzer-deprecated

import Ember from 'ember';

export default Ember.Component.extend({
  didRender() {
    alert('what')
  }
});

sglanzer-deprecated

import Ember from 'ember';

export default Ember.Component.extend({
});

sglanzer-deprecated

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['toggle'],
  classNameBindings: ['isOn'],
  
  click () {
    this.onChange(!this.get('isOn'))
  }
});

sglanzer-deprecated

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  on: false,
  
  boundStyle: Ember.computed('on', function () {
    if (this.get('on')) {
      return Ember.String.htmlSafe('background-color: red;')

sglanzer-deprecated

import Ember from 'ember';

export default Ember.Component.extend({
  class: 'some-filter',
  classNameBindings: ['selected'],
  
  selected: Ember.computed('selectedFilter', function () {
    const label = this.get('label')
    const selectedFilter = this.get('selectedFilter')
    return label === selectedFilter

sglanzer-deprecated

import Ember from 'ember';

export default Ember.Component.extend({
  
});

sglanzer-deprecated

import Ember from 'ember';

export default Ember.Component.extend({
});

sglanzer-deprecated

import Ember from 'ember';

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

sglanzer-deprecated

import Ember from 'ember';

export default Ember.Component.extend({
  didReceiveAttrs () {
   this._super(...arguments)
   alert('hi')
  }
});

sglanzer-deprecated

import Ember from 'ember';

export default Ember.Component.extend({
  init () {
    this._super(...arguments)
    console.log('hi')
  },
  
  isVisible: Ember.computed('foo', function () {
    return this.get('foo') === 'span' ? true : false