Skip to content

Instantly share code, notes, and snippets.

import Ember from 'ember';
export default Ember.Component.extend({
didReceiveAttrs(...args) {
this.set('lastReceiveAttrsArgs', JSON.stringify(args, null, 2));
}
});
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
onClick() {
this.sendAction('onClick');
}
}
});
import Ember from 'ember';
export default Ember.Component.extend({
myThing: 'some thing',
init() {
this._super(...arguments);
this.set('myThing', 'it\'s a thing!')
}
});
import Ember from 'ember';
export default Ember.Component.extend({
// Fix the JS error by changing to .reads
value: Ember.computed.readOnly('_value'),
_value: 'hello'
});
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);
}
});
}
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
// utterly disgusting
classicAction() {
this.sendAction('classicAction', 'four');
}
}
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
hello: 'hello world',
});
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(),
@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.Component.extend({
name: Ember.computed.alias('model.name')
});