Skip to content

Instantly share code, notes, and snippets.

@blastseld

blastseld/index.html

Created December 1, 2014 14:34
Show Gist options
  • Save blastseld/cc251e8f032300041d12 to your computer and use it in GitHub Desktop.
Save blastseld/cc251e8f032300041d12 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="https://raw.github.com/wycats/handlebars.js/1.0.rc.2/dist/handlebars.js"></script>
<script src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-pre.4.js"></script>
<script src="https://gist.github.com/raw/4628483/3ad866d0921ac05ecb466513e3048296a07db6ce/ember-11.js"></script>
</head>
<body>
<script type="text/x-handlebars" data-template-name="posts">
<h1>This is the outlet "posts"</h1>
{{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="posts/index">
<p>template: "posts/index"</p>
<ul>
{{#each post in controller}}
<li>{{#linkTo "post" post}}{{post.title}}{{/linkTo}}</li>
{{/each}}
</ul>
{{#linkTo "posts.new"}}submit a new post{{/linkTo}}
</script>
<script type="text/x-handlebars" data-template-name="post">
<p>template: "post"</p>
<p>this is a post {{title}}</p>
{{#linkTo "post.edit" content}}edit the post{{/linkTo}}
<hr>
{{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="post/index">
<p>template: "post/index"</p>
</script>
<script type="text/x-handlebars" data-template-name="post/edit">
<p>template: "post/edit"</p>
</script>
<script id="jsbin-javascript">
App = Ember.Application.create({
LOG_TRANSITIONS: true
});
App.Router.map(function() {
this.resource("posts", { path: "/" }, function() {
this.resource("post", { path: "/:post_id" }, function() {
this.route("edit", { path: "/edit" });
});
this.route("new", { path: "/new" });
});
});
App.Store = DS.Store.extend({
revision: 11,
adapter: "DS.FixtureAdapter"
});
App.Post = DS.Model.extend({
title: DS.attr("string"),
isTitleValid: function() {
return this.get("title.length") > 0;
}.property("title"),
isTitleInvalid: Ember.computed.not("isTitleValid")
});
App.Post.FIXTURES = [
{ id: 1, title: "hamburger" }
];
App.PostsIndexController = Ember.ArrayController.extend();
App.PostsIndexRoute = Ember.Route.extend({
model: function() {
return App.Post.find();
}
});
</script>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<script src="http://code.jquery.com/jquery.min.js"><\/script>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="https://raw.github.com/wycats/handlebars.js/1.0.rc.2/dist/handlebars.js"><\/script>
<script src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-pre.4.js"><\/script>
<script src="https://gist.github.com/raw/4628483/3ad866d0921ac05ecb466513e3048296a07db6ce/ember-11.js"><\/script>
</head>
<body>
<script type="text/x-handlebars" data-template-name="posts">
<h1>This is the outlet "posts"</h1>
{{outlet}}
<\/script>
<script type="text/x-handlebars" data-template-name="posts/index">
<p>template: "posts/index"</p>
<ul>
{{#each post in controller}}
<li>{{#linkTo "post" post}}{{post.title}}{{/linkTo}}</li>
{{/each}}
</ul>
{{#linkTo "posts.new"}}submit a new post{{/linkTo}}
<\/script>
<script type="text/x-handlebars" data-template-name="post">
<p>template: "post"</p>
<p>this is a post {{title}}</p>
{{#linkTo "post.edit" content}}edit the post{{/linkTo}}
<hr>
{{outlet}}
<\/script>
<script type="text/x-handlebars" data-template-name="post/index">
<p>template: "post/index"</p>
<\/script>
<script type="text/x-handlebars" data-template-name="post/edit">
<p>template: "post/edit"</p>
<\/script>
</body>
</html>
</script>
<script id="jsbin-source-javascript" type="text/javascript">App = Ember.Application.create({
LOG_TRANSITIONS: true
});
App.Router.map(function() {
this.resource("posts", { path: "/" }, function() {
this.resource("post", { path: "/:post_id" }, function() {
this.route("edit", { path: "/edit" });
});
this.route("new", { path: "/new" });
});
});
App.Store = DS.Store.extend({
revision: 11,
adapter: "DS.FixtureAdapter"
});
App.Post = DS.Model.extend({
title: DS.attr("string"),
isTitleValid: function() {
return this.get("title.length") > 0;
}.property("title"),
isTitleInvalid: Ember.computed.not("isTitleValid")
});
App.Post.FIXTURES = [
{ id: 1, title: "hamburger" }
];
App.PostsIndexController = Ember.ArrayController.extend();
App.PostsIndexRoute = Ember.Route.extend({
model: function() {
return App.Post.find();
}
});
</script></body>
</html>
Raw
jsbin.jujosenidu.js
App = Ember.Application.create({
LOG_TRANSITIONS: true
});
App.Router.map(function() {
this.resource("posts", { path: "/" }, function() {
this.resource("post", { path: "/:post_id" }, function() {
this.route("edit", { path: "/edit" });
});
this.route("new", { path: "/new" });
});
});
App.Store = DS.Store.extend({
revision: 11,
adapter: "DS.FixtureAdapter"
});
App.Post = DS.Model.extend({
title: DS.attr("string"),
isTitleValid: function() {
return this.get("title.length") > 0;
}.property("title"),
isTitleInvalid: Ember.computed.not("isTitleValid")
});
App.Post.FIXTURES = [
{ id: 1, title: "hamburger" }
];
App.PostsIndexController = Ember.ArrayController.extend();
App.PostsIndexRoute = Ember.Route.extend({
model: function() {
return App.Post.find();
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment