dmarr/gist:5306882

## gistfile1.txt

<!DOCTYPE html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8" />

        <!-- Set the viewport width to device width for mobile -->
        <meta name="viewport" content="width=device-width" />

        <title>Mosaic</title>

        <!-- Included CSS Files (Compressed) -->
        <link rel="stylesheet" href="css/foundation.css">
        <link rel="stylesheet" href="css/data.css">

    </head>
    <body>
        <script type="text/javascript">
            var ENV = {};
            ENV.LOG_TRANSITIONS = true;
            ENV.EXPERIMENTAL_CONTROL_HELPER = true;
        </script>
        <script src="js/libs/jquery-1.8.3.min.js"></script>
        <script src="js/libs/handlebars-1.0.0.rc.3.js"></script>
        <script src="js/libs/ember-1.0.0-rc.2.js"></script>
        <script src="js/libs/ember-data.js"></script>
        <script>
            var App = Ember.Application.create();
            App.IndexRoute = Ember.Route.extend({
                model: function() {
                    return App.Data.all();
                },
                setupController: function(controller, model) {
                    this.get('store').find(App.Data, { name: 'foo' })
                }
            });
            App.IndexController = Ember.ArrayController.extend({
                addFoo: function() {
                    var fooData = { id: 'x', name: 'foo' };
                    var foo = App.Data.createRecord(fooData);
                    foo.one('didCreate', this.get('store'), function() {
                        this.load(App.Data, foo);
                        this.commit();
                    })
                },
                addManyFoo: Ember.K
            });
            App.Data = DS.Model.extend({
                name: DS.attr('string')
            });
            var adapter = DS.FixtureAdapter.create({
                queryFixtures: function (fixtures, query) {
                    return fixtures.filter(function(fixture) {
                        return fixture.name == query.name;
                    });
                }
            });
            App.Store = DS.Store.extend({
                revision: 12,
                adapter: adapter
            });

            App.Data.FIXTURES = [
                { id: 1, name: 'dmm' },
                { id: 2, name: 'foo' },
                { id: 3, name: 'foo' }
            ];
            </script>

        <script type="text/x-handlebars" id="index">
            <ul>
                <li><a {{ action addFoo }}>add</a></li>
                <li><a {{ action addManyFoo }}>add many</a></li>
            </ul>
            Data:
            <dl>
            {{#each controller}}
                <dt>{{ id }}</dt>
                <dd>{{ name }}</dd>
            {{/each}}
            </dl>
        </script>
    </body>
</html>

	<!DOCTYPE html>

	<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
	<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
	<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
	<head>
	<meta charset="utf-8" />

	<!-- Set the viewport width to device width for mobile -->
	<meta name="viewport" content="width=device-width" />

	<title>Mosaic</title>

	<!-- Included CSS Files (Compressed) -->
	<link rel="stylesheet" href="css/foundation.css">
	<link rel="stylesheet" href="css/data.css">

	</head>
	<body>
	<script type="text/javascript">
	var ENV = {};
	ENV.LOG_TRANSITIONS = true;
	ENV.EXPERIMENTAL_CONTROL_HELPER = true;
	</script>
	<script src="js/libs/jquery-1.8.3.min.js"></script>
	<script src="js/libs/handlebars-1.0.0.rc.3.js"></script>
	<script src="js/libs/ember-1.0.0-rc.2.js"></script>
	<script src="js/libs/ember-data.js"></script>
	<script>
	var App = Ember.Application.create();
	App.IndexRoute = Ember.Route.extend({
	model: function() {
	return App.Data.all();
	},
	setupController: function(controller, model) {
	this.get('store').find(App.Data, { name: 'foo' })
	}
	});
	App.IndexController = Ember.ArrayController.extend({
	addFoo: function() {
	var fooData = { id: 'x', name: 'foo' };
	var foo = App.Data.createRecord(fooData);
	foo.one('didCreate', this.get('store'), function() {
	this.load(App.Data, foo);
	this.commit();
	})
	},
	addManyFoo: Ember.K
	});
	App.Data = DS.Model.extend({
	name: DS.attr('string')
	});
	var adapter = DS.FixtureAdapter.create({
	queryFixtures: function (fixtures, query) {
	return fixtures.filter(function(fixture) {
	return fixture.name == query.name;
	});
	}
	});
	App.Store = DS.Store.extend({
	revision: 12,
	adapter: adapter
	});

	App.Data.FIXTURES = [
	{ id: 1, name: 'dmm' },
	{ id: 2, name: 'foo' },
	{ id: 3, name: 'foo' }
	];
	</script>

	<script type="text/x-handlebars" id="index">
	<ul>
	<li><a {{ action addFoo }}>add</a></li>
	<li><a {{ action addManyFoo }}>add many</a></li>
	</ul>
	Data:
	<dl>
	{{#each controller}}
	<dt>{{ id }}</dt>
	<dd>{{ name }}</dd>
	{{/each}}
	</dl>
	</script>
	</body>
	</html>