RED ROVER [ASCII Edition] using ember-1.0.0-pre.3 starter template
by mgrassotti
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.rc.1/handlebars.min.js"></script>
<script src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-pre.3.js"></script>
<script src="https://gist.github.com/raw/75478d4d97cbc533a12f/9f8126fd97cbaa065046aa368afbcac4f42c8afc/ember-data-b411dc5a.js"></script>
<script type="text/x-handlebars">
<header>
<pre>RED ROVER [ASCII Edition]</pre>
{{#linkTo 'posts.new'}}[+]{{/linkTo}} |
{{#linkTo 'intro'}}intro{{/linkTo}} |
{{#linkTo 'invite'}}invite{{/linkTo}} |
{{#linkTo 'settings'}}settings{{/linkTo}}
</header>
<hr/>
<div>
{{outlet}}
</div>
<hr/>
<footer>
<pre> ©2013 Red Rover, Inc.</pre>
</footer>
</script>
<script type="text/x-handlebars" data-template-name="intro">
<h1>INTRO</h1>
{{#linkTo 'posts.new'}}Create your first post{{/linkTo}}
{{#linkTo 'posts.index'}}Show All{{/linkTo}}
</script>
<script type="text/x-handlebars" data-template-name="invite">
<h1>INVITE</h1>
<pre>Invite form here</pre>
</script>
<script type="text/x-handlebars" data-template-name="settings">
<h1>SETTINGS</h1>
<pre>Settings form here</pre>
</script>
<script type="text/x-handlebars" data-template-name="posts/new">
<h1>QUICK POST</h1>
{{#linkTo 'posts.newArticle'}}article{{/linkTo}}
{{#linkTo 'posts.newLink'}}link{{/linkTo}}
{{#linkTo 'posts.newPhoto'}}photo{{/linkTo}}
{{#linkTo 'posts.newPdf'}}pdf{{/linkTo}}
</script>
<script type="text/x-handlebars" data-template-name="posts/index">
<h1>POSTS</h1>
<ul>
{{#each controller}}
<li>{{title}}</li>
{{/each}}
</ul>
</script>
<script type="text/x-handlebars" data-template-name="settings">
<h1>SETTINGS</h1>
<pre>Settings form here</pre>
</script>
JavaScript
window.App = Ember.Application.create();
App.Router.map(function() {
this.route("intro");
this.route("invite");
this.route('settings');
this.resource('posts', { path: '/posts' }, function() {
this.route('new');
this.route('newArticle');
this.route('newLink');
this.route('newPhoto');
this.route('newPdf');
});
this.resource('post', { path: '/posts/:post_id' });
});
App.IndexRoute = Ember.Route.extend({
redirect: function() {
this.transitionTo('posts');
}
});
App.PostsIndexRoute = Ember.Route.extend({
model: function() {
return App.Post.find();
}
});
App.Post = DS.Model.extend({
title: DS.attr('string')
})
App.Post.FIXTURES = [
{id: 1, title: 'Post One'},
{id: 2, title: 'Post Two'}
];
App.Profile = DS.Model.extend({
name: DS.attr('string')
})
App.Profile.FIXTURES = [
{id: 1, name: 'Jen'},
{id: 2, name: 'Mike'}
];
App.Store = DS.Store.extend({
revision: 11,
adapter: DS.FixtureAdapter
});