Lenny Burdette lennyburdette

lennyburdette / controllers.application.js

Created January 19, 2017 17:52

manually create component

	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle',

	init() {
	const c = Ember.Component.extend({
	foo: 'bar'
	})
	.extend({

lennyburdette / components.my-component.js

Created January 13, 2017 23:59

one way

	import Ember from 'ember';

	export default Ember.Component.extend({
	foo: Ember.computed.oneWay('bar.baz')
	});

lennyburdette / components.drag-drop.js

Last active January 13, 2017 22:29

Drag and Drop Test

	import Ember from 'ember';

	export default Ember.Component.extend({
	classNames: ['sq-drag-drop'],
	isDraggable: true,

	classNameBindings: [
	'isDragging:--dragging',
	'isDraggedOver:--dragged-over'
	],

lennyburdette / controllers.application.js

Last active December 8, 2016 18:39

Add new on input

	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle',
	things: Ember.computed(function() {
	return [
	Ember.Object.create({ name: 'thing 1' }),
	Ember.Object.create({ name: 'thing 2' })
	];
	}),

lennyburdette / controllers.application.js

Created November 15, 2016 19:03

module import vs const assignment

	import Ember, { get, computed } from 'ember';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle',
	computedAppName: computed('appName', function() {
	return get(this, 'appName');
	})
	});

lennyburdette / controllers.application.js

Last active September 23, 2016 23:56

html progress

	import Ember from 'ember';

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

lennyburdette / components.allowing-component.js

Created September 16, 2016 01:15

weird inner component communication example

	import Ember from 'ember';

	export default Ember.Component.extend({
	classNames: ['inner']
	});

lennyburdette / components.modal-layout.js

Last active September 12, 2016 15:43

Modal Revamp

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);
	},

lennyburdette / components.my-component.js

Last active November 18, 2016 23:19

Track Action Helper

	import Ember from 'ember';

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

	import Ember from 'ember';
	import { focusInitialElement } from '../utils/modal';

	export default Ember.Component.extend({
	classNames: ['modal-layout'],
	classNameBindings: ['isAlert:modal-layout--alert'],

	title: null,
	primaryButton: null,
	secondaryButton: null,