Skip to content

Instantly share code, notes, and snippets.

View lennyburdette's full-sized avatar

Lenny Burdette lennyburdette

  • Apollo GraphQL
  • Boston
View GitHub Profile
import Ember from 'ember';
function numberArray(value, requiredLength) {
let numbers = value.toString().split('').map(n => Number(n));
if (numbers.length < requiredLength) {
let n = requiredLength - numbers.length;
while(n--) {
numbers.push('');
}
}
@lennyburdette
lennyburdette / components.input-four.js
Last active August 8, 2016 20:28
closure action examples
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
change(value) {
this.action(value);
// equivalent:
// this.sendAction('action', value);
}
}
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@lennyburdette
lennyburdette / components.inner-one.js
Last active September 3, 2016 01:26
Dynamic components
import Ember from 'ember';
export default Ember.Component.extend({
input(event) {
this.sendAction('select', Number(event.target.value));
}
});
@lennyburdette
lennyburdette / components.level-one.js
Created August 24, 2016 19:34
Closure actions passed through components
import Ember from 'ember';
export default Ember.Component.extend({
});
@lennyburdette
lennyburdette / components.button-component.js
Last active September 2, 2016 00:24
Actions and Events
import Ember from 'ember';
export default Ember.Component.extend({
tagName: "button",
click() {
this.sendAction('action');
}
});
@lennyburdette
lennyburdette / components.my-component.js
Last active September 2, 2016 18:59
Tracked Button example
import Ember from 'ember';
export default Ember.Component.extend({
click() {
console.log('click event propagated');
},
actions: {
foo(...args) {
console.log('action called', args);
@lennyburdette
lennyburdette / components.my-component.js
Last active November 18, 2016 23:19
Track Action Helper
import Ember from 'ember';
export default Ember.Component.extend({
});
@lennyburdette
lennyburdette / components.custom-toast.js
Last active September 13, 2016 01:33
Toast Service
import Ember from 'ember';
export default Ember.Component.extend({
classNames: ['toast-message__custom'],
progress: 0,
didInsertElement() {
this._super(...arguments);
Ember.run.later(this, this.update, this.get('toast.hideAfter') / 10);
},