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';
/**
`sq-dropdown-trigger` is intended to be used in `sq-dropdown`, it should not be used elsewhere.
*/
export default Ember.Component.extend({
classNames: ['dropdown__trigger'],
tagName: 'button',
classNameBindings: ['isActive:dropdown__trigger--is-active', 'isDisabled:dropdown__trigger--is-disabled'],
attributeBindings: ['isDisabled:disabled', 'tabindex', 'style'],
@lennyburdette
lennyburdette / controllers.application.js
Created March 27, 2017 20:57
placeholder editing demo
import Ember from 'ember';
export default Ember.Controller.extend({
things: Ember.computed(function() {
return [{ name: 'one' }, { name: 'two' }];
}),
actions: {
placeholderEnter(event) {
const placeholder = this.get('placeholder');
@lennyburdette
lennyburdette / components.walkthrough-tooltip.js
Created March 24, 2017 18:44
walkthrough service example
import Ember from 'ember';
export default Ember.Component.extend({
walkthrough: Ember.inject.service(),
isVisible: Ember.computed('walkthrough.currentTooltipId', 'walkthrough.currentWalkthrough.id', 'walkthroughId', 'tooltipId', function() {
return this.get('walkthrough.currentTooltipId') === this.get('tooltipId') &&
this.get('walkthrough.currentWalkthrough.id') === this.get('walkthroughId');
}),
@lennyburdette
lennyburdette / components.html-node.js
Last active April 5, 2017 00:28
sq-option-set examples
import Ember from 'ember';
export default Ember.Component.extend({
attributeBindings: ['type', 'checked']
});
@lennyburdette
lennyburdette / controllers.application.js
Created March 22, 2017 01:18
More Ember Route Substates
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
toggleValue(newValue, isSelected) {
if (isSelected) {
this.send('addValue', newValue);
} else {
this.send('removeValue', newValue);
}
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
onChange(newValue) {
this.sendAction('valueChanges', newValue);
}
}
});
@lennyburdette
lennyburdette / components.bad-parent-component.js
Last active February 15, 2017 00:41 — forked from TRMW/components.my-component.js
Additive class vs. classNames
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Controller.extend({
timecardsWithDots: Ember.inject.service('squareup.timecards.my-service'),
timecardsWithSlashes: Ember.inject.service('squareup/timecards/my-service'),
});
@lennyburdette
lennyburdette / components.my-component.js
Created January 27, 2017 22:05
$() with tagName=""
import Ember from 'ember';
export default Ember.Component.extend({
didInsertElement() {
Ember.run.scheduleOnce('afterRender', () => {
this.$('.foo').text(`the ${this.get('which')} one works`);
});
}
});