Bill Heaton pixelhandler

## jquery.imagesloaded.js
// $('img.photo',this).imagesLoaded(myFunction)
// execute a callback when all images have loaded.
// needed because .load() doesn't work on cached images

// mit license. paul irish. 2010.
// webkit fix from Oren Solomianik. thx!

// callback function is passed the last image to load
//   as an argument, and the collection as `this`


## jsbin.iCIXuzI.css
/* Put your CSS here */
html, body { margin: 20px; }
h1 { font-size: 1.6em; padding-bottom: 10px; }
h2 { font-size: 1.4em; }
dl { padding: 15px; font-size: 1.4em; color: blue; }

## jsbin.ziwuk.css
/* Put your CSS here */
html, body { margin: 20px; }
h1 { font-size: 1.6em; padding-bottom: 10px; }
h2 { font-size: 1.4em; }
dl { padding: 15px; font-size: 1.4em; color: blue; }

## index.html
<!DOCTYPE html>
<html>
<head>
  <title>Posts - Mocking AJAX with ember-testing-httpRespond</title>
  <meta name="description" content="Using All Helpers" />
  <meta charset="utf-8">
  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/2.1.0/normalize.css">
  <link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.14.0.css">
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
  <script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.3.0.js"></script>

## components.some-component.js
import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
		mouseDown() {
      console.log('mouseDown');
    },
    focusOut() {
      console.log('focusOut');
    }

## controllers.application.js
import Ember from 'ember';

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

## components.my-component.js
import Ember from 'ember';

const PositionalParams = {positionalParams: ["thing"]};

let Comp = Ember.Component.extend({
  thing: "meow"
});
Comp.reopenClass(PositionalParams);

export default Comp;

## application.controller.js
import Ember from 'ember';

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

## components.my-test.js
import Ember from 'ember';

export default Ember.Component.extend({
	actions: {
    testAction() {
      Ember.Logger.info("MouseDown event has been caught!");
    }
  }
});

## components.comp-1.js
import Ember from 'ember';

export default Ember.Component.extend({
  prop1: false,
  hello: 'Text set by comp-1',

  actions: {
    customAction1() {
      this.toggleProperty('prop1');
    }
	// $('img.photo',this).imagesLoaded(myFunction)
	// execute a callback when all images have loaded.
	// needed because .load() doesn't work on cached images

	// mit license. paul irish. 2010.
	// webkit fix from Oren Solomianik. thx!

	// callback function is passed the last image to load
	// as an argument, and the collection as `this`
	/* Put your CSS here */
	html, body { margin: 20px; }
	h1 { font-size: 1.6em; padding-bottom: 10px; }
	h2 { font-size: 1.4em; }
	dl { padding: 15px; font-size: 1.4em; color: blue; }
	<!DOCTYPE html>
	<html>
	<head>
	<title>Posts - Mocking AJAX with ember-testing-httpRespond</title>
	<meta name="description" content="Using All Helpers" />
	<meta charset="utf-8">
	<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/2.1.0/normalize.css">
	<link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.14.0.css">
	<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
	<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.3.0.js"></script>
	import Ember from 'ember';

	export default Ember.Component.extend({
	actions: {
	mouseDown() {
	console.log('mouseDown');
	},
	focusOut() {
	console.log('focusOut');
	}
	import Ember from 'ember';

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

	const PositionalParams = {positionalParams: ["thing"]};

	let Comp = Ember.Component.extend({
	thing: "meow"
	});
	Comp.reopenClass(PositionalParams);

	export default Comp;
	import Ember from 'ember';

	export default Ember.Component.extend({
	prop1: false,
	hello: 'Text set by comp-1',

	actions: {
	customAction1() {
	this.toggleProperty('prop1');
	}