Skip to content

Instantly share code, notes, and snippets.

import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
things: [{ color: 'green' }, { color: 'red' }],
filterBy: Ember.computed.filterBy('things', 'color', 'green'),
filter: Ember.computed.filter('things', function(thing) {
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export default Ember.Component.extend({
didUpdateAttrs() {
debugger;
}
});
import Ember from 'ember';
export default Ember.Component.extend({
copyOfArray: Ember.computed.readOnly('array'),
init() {
this.get('copyOfArray').pushObject('nope, original array modified');
alert(this.get('array').join(','));
}
import Ember from 'ember';
import MyMixin from 'twiddle/mixins/my-mixin';
export default Ember.Component.extend(MyMixin, {
});
import Ember from 'ember';
export default Ember.Component.extend({
click(event) {
alert('JQuery event: ' + event);
}
});
import Ember from 'ember';
export default Ember.Component.extend({
name: Ember.computed.alias('model.name')
});
@seanjohnson08
seanjohnson08 / components.text-area.js
Last active September 11, 2016 02:05
New Twiddle
import Ember from 'ember';
const MAX_ROWS = 10;
export default Ember.TextArea.extend({
rows: Ember.computed('value', function() {
return Math.min(this.getWithDefault('value', '').split(/\r*\n/).length, MAX_ROWS);
})
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
originalValue: 'hello bob',
reads: Ember.computed.reads('originalValue'),
readOnly: Ember.computed.alias('originalValue').readOnly(),