chrism’s gists

chrism / app-layout.component.js

Last active August 17, 2016 12:40 — forked from toranb/app-layout.component.js

Ember Redux Example with Master/Detail Yielded Each

	import Ember from 'ember';
	import hbs from 'htmlbars-inline-precompile';

	export default Ember.Component.extend({
	layout: hbs`
	{{yield}}
	`
	});

chrism / controllers.application.js

Created August 17, 2016 10:55 — forked from dfreeman/controllers.application.js

registerOptionsForType testing

	import Ember from 'ember';

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

chrism / components.async-image-wrapper.js

Last active December 11, 2017 20:22

registerWaiter on component directly

	import Ember from 'ember';

	export default Ember.Component.extend({
	imageLoaded: 'image loading',
	imageWidth: 'width loading',

	// purely to make sure image loads each time and
	// is not cached for testing
	volatileSrc: Ember.computed('src', function(){
	return this.get('src') + '?cache=' + new Date().toISOString();

chrism / components.async-image-wrapper.js

Last active December 11, 2017 20:21 — forked from dwickern/components.async-image-wrapper.js

Working as a service thanks to dwickern

	import Ember from 'ember';

	export default Ember.Component.extend({
	imageLoaded: 'image loading',
	imageWidth: 'width loading',

	// purely to make sure image loads each time and
	// is not cached for testing
	volatileSrc: Ember.computed('src', function(){
	return this.get('src') + '?cache=' + new Date().toISOString();

chrism / controllers.application.js

Last active August 12, 2016 15:46

Example test with redirect

	import Ember from 'ember';

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

chrism / components.async-image-wrapper.js

Last active August 12, 2016 17:37

Example with both attempts

	import Ember from 'ember';

	export default Ember.Component.extend({
	imageLoaded: 'image loading',
	imageWidth: 'width loading',

	// purely to make sure image loads each time and
	// is not cached for testing
	volatileSrc: Ember.computed('src', function(){
	return this.get('src') + '?cache=' + new Date().toISOString();

chrism / components.async-image-wrapper.js

Last active August 12, 2016 10:09

Result correct but test not waiting for async now

	import Ember from 'ember';

	export default Ember.Component.extend({
	imageLoaded: 'image loading',
	imageWidth: 'width loading',

	// purely to make sure image loads each time and
	// is not cached for testing
	volatileSrc: Ember.computed('src', function(){
	return this.get('src') + '?cache=' + new Date().toISOString();

chrism / components.async-image-wrapper.js

Last active August 12, 2016 14:23 — forked from dwickern/components.async-image-wrapper.js

Works but image dimensions incorrect

	import Ember from 'ember';

	export default Ember.Component.extend({
	imageLoaded: 'image loading',
	imageWidth: 'width loading',

	// purely to make sure image loads each time and
	// is not cached for testing
	volatileSrc: Ember.computed('src', function(){
	return this.get('src') + '?cache=' + new Date().toISOString();

chrism / components.async-image-wrapper.js

Last active August 11, 2016 18:28

Non working example using Ember.run

	import Ember from 'ember';

	export default Ember.Component.extend({
	imageLoaded: 'image not yet loaded',

	// purely to make sure image loads each time and
	// is not cached for testing
	volatileSrc: Ember.computed('src', function(){
	return this.get('src') + '?cache=' + new Date().toISOString();
	}),

chrism / components.async-image-wrapper.js

Last active August 11, 2016 17:49

Working example using Ember.run.later

	import Ember from 'ember';

	export default Ember.Component.extend({
	imageLoaded: 'image not yet loaded',

	// purely to make sure image loads each time and
	// is not cached for testing
	volatileSrc: Ember.computed('src', function(){
	return this.get('src') + '?cache=' + new Date().toISOString();
	}),

Chris Masters chrism