initial commit

Gemfile

@@ -0,0 +1,43 @@
+source 'https://rubygems.org'
+
+gem 'rails', '3.2.13'
+
+# Bundle edge Rails instead:
+# gem 'rails', :git => 'git://github.com/rails/rails.git'
+
+gem 'sqlite3'
+
+gem 'json'
+
+# Gems used only for assets and not required
+# in production environments by default.
+group :assets do
+  gem 'sass-rails',   '~> 3.2.3'
+  gem 'coffee-rails', '~> 3.2.1'
+
+  # See https://github.com/sstephenson/execjs#readme for more supported runtimes
+  # gem 'therubyracer', :platforms => :ruby
+
+  gem 'uglifier', '>= 1.0.3'
+
+  gem 'handlebars_assets'
+
+end
+
+gem 'jquery-rails'
+
+# To use ActiveModel has_secure_password
+# gem 'bcrypt-ruby', '~> 3.0.0'
+
+# To use Jbuilder templates for JSON
+# gem 'jbuilder'
+
+# Use unicorn as the app server
+# gem 'unicorn'
+
+# Deploy with Capistrano
+# gem 'capistrano'
+
+# To use debugger
+# gem 'ruby-debug'
+

Rakefile

@@ -0,0 +1,7 @@
+#!/usr/bin/env rake
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+
+Blog::Application.load_tasks

app/assets/javascripts/application.js

@@ -0,0 +1,23 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery_ujs
+//= require handlebars
+//= require ember-latest
+//= require ember-data-latest
+//= require_self
+//= require blog
+
+window.App = Ember.Application.create({
+	LOG_TRANSITIONS: true
+});

app/assets/javascripts/application.js~

@@ -0,0 +1,23 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery_ujs
+//= require handlebars
+//= require ember-latest
+//= require ember-data-latset
+//= require_self
+//= require blog
+
+window.App = Ember.Application.create({
+	LOG_TRANSITIONS: true
+});

app/assets/javascripts/blog.js

@@ -0,0 +1,8 @@
+//= require ./store
+//= require_tree ./models
+//= require_tree ./controllers
+//= require_tree ./views
+//= require_tree ./helpers
+//= require_tree ./templates
+//= require ./router
+//= require_self

app/assets/javascripts/controllers/commentsNewController.js

@@ -0,0 +1,11 @@
+App.CommentsNewController=Ember.ObjectController.extend({
+	needs: 'post',
+	text: null,
+
+	save: function() {
+		var post = this.get('controllers.post.content');
+		var comment = App.Comment.createRecord({ post: post, text: this.get('text') });
+                comment.get("store").commit();
+		this.get('target').transitionTo('post.index');
+	}
+});

app/assets/javascripts/controllers/commentsNewController.js~

@@ -0,0 +1,11 @@
+App.CommentsNewController=Ember.ObjectController.extend({
+	needs: 'post',
+	text: null,
+
+	save: function() {
+		var post = this.get('controllers.post.content');
+		App.Comment.createRecord({ post: post, text: this.get('text') });
+                App.Store.commit();
+		this.get('target').transitionTo('post.index');
+	}
+});

app/assets/javascripts/controllers/postsController.js

@@ -0,0 +1,3 @@
+//App.PostsController=Ember.ArrayController.extend({
+//
+//});

app/assets/javascripts/controllers/postsController.js~

@@ -0,0 +1,3 @@
+App.PostsController=Ember.ArrayController.extend({
+
+});

app/assets/javascripts/models/comment.js

@@ -0,0 +1,4 @@
+App.Comment = DS.Model.extend({
+  post: DS.belongsTo('App.Post'),
+  text: DS.attr('string')
+});

app/assets/javascripts/models/post.js

@@ -0,0 +1,4 @@
+App.Post=DS.Model.extend({
+  comments: DS.hasMany('App.Comment'),
+  title: DS.attr('string')
+});

app/assets/javascripts/models/post.js~

@@ -0,0 +1,4 @@
+App.Post=DS.Model.extend({
+  comments: DS.hasMany('App.Comment'),
+  title: DS.attr('string')
+});

app/assets/javascripts/router.js

@@ -0,0 +1,26 @@
+App.Router.map(function() {
+  this.resource('posts');
+  this.resource('post', { path: '/posts/:post_id' }, function() {
+    this.resource('comments', function() {
+      this.route('new');
+    });
+    this.route('comment', { path: 'comments/:comment_id'});
+  });
+});
+App.PostsRoute=Ember.Route.extend({
+  model: function(){
+    return App.Post.find();
+  }
+});
+
+App.PostIndexRoute=Ember.Route.extend({
+  model: function(params) {
+    return this.modelFor('post');
+  }
+});
+
+App.CommentsNewRoute=Ember.Route.extend({
+  setupController: function(controller, model) {
+    controller.set('text', null);
+  }	
+});

app/assets/javascripts/router.js~

@@ -0,0 +1,26 @@
+App.Router.map(function() {
+  this.resource('posts');
+  this.resource('post', { path: '/posts/:post_id' }, function() {
+  //  this.resource('comments', function() {
+  //    this.route('new');
+    });
+  //  this.route('comment', { path: 'comments/:comment_id'});
+  //});
+});
+App.PostsRoute=Ember.Route.extend({
+  model: function(){
+    return App.Post.find();
+  }
+});
+
+App.PostIndexRoute=Ember.Route.extend({
+  model: function(params) {
+    return this.modelFor('post');
+  }
+});
+
+App.CommentsNewRoute=Ember.Route.extend({
+  setupController: function(controller, model) {
+    controller.set('text', null);
+  }	
+});

app/assets/javascripts/store.js

@@ -0,0 +1,6 @@
+App.Store = DS.Store.extend({
+  revision: 12,
+  adapter: DS.RESTAdapter.create({
+    bulkCommit: false
+  })
+});

app/assets/javascripts/store.js~

@@ -0,0 +1,10 @@
+App.Store = DS.Store.extend({
+  revision: 12,
+  adapter: DS.RESTAdapter.create({
+    bulkCommit: false
+  })
+});
+
+//DS.RESTAdapter.map('App.Post', {
+ // comments: { embedded: 'always' }
+//});

app/assets/javascripts/templates/application.hbs

@@ -0,0 +1,11 @@
+<body>
+  <header>
+    <h1>Blog</h1>
+  </header>
+  <div>
+    {{outlet}}
+  </div>
+  <footer>
+    &copy;2013 Ian Dunlop.
+  </footer>
+</body>

app/assets/javascripts/templates/comments.hbs

@@ -0,0 +1,3 @@
+<script type="text/x-handlebars" data-template-name="comments">
+  {{outlet}}
+</script>

app/assets/javascripts/templates/comments/new.hbs

@@ -0,0 +1,4 @@
+<form {{action save on='submit'}}>
+  {{view Ember.TextArea valueBinding="text" placeholder="Enter comment here"}}
+  <button type="submit">Create Comment</button>  
+</form>

app/assets/javascripts/templates/comments/new.hbs~

@@ -0,0 +1,6 @@
+<script type="text/x-handlebars" data-template-name="comments/new">
+  <form {{action save on='submit'}}>
+    {{view Ember.TextArea valueBinding="text" placeholder="Enter comment here"}}
+    <button type="submit">Create Comment</button>  
+  </form>
+</script>

app/assets/javascripts/templates/index.hbs

@@ -0,0 +1 @@
+{{#linkTo posts}}Posts{{/linkTo}}

app/assets/javascripts/templates/post.hbs

@@ -0,0 +1,2 @@
+
+  {{outlet}}

app/assets/javascripts/templates/post.hbs~

@@ -0,0 +1,3 @@
+<script type="text/x-handlebars" data-template-name="post">
+  {{outlet}}
+</script>

app/assets/javascripts/templates/post/comment.hbs

@@ -0,0 +1 @@
+{{text}}

app/assets/javascripts/templates/post/comment.hbs~

@@ -0,0 +1,3 @@
+<script type="text/x-handlebars" data-template-name="post/comment">
+  {{text}}
+</script>

app/assets/javascripts/templates/post/index.hbs

@@ -0,0 +1,7 @@
+  {{title}}
+  <ul>
+    {{#each comment in comments}}
+      <li>{{#linkTo post.comment comment}}{{comment.text}}{{/linkTo}}</li>
+    {{/each}}
+  </ul>
+  {{#linkTo comments.new}}New Comment{{/linkTo}}

app/assets/javascripts/templates/post/index.hbs~

@@ -0,0 +1,2 @@
+  {{title}}
+

app/assets/javascripts/templates/posts.hbs

@@ -0,0 +1,7 @@
+Posts
+<ul>
+  {{#each controller}}
+    <li>{{#linkTo post this}}{{title}}{{/linkTo}}</li>
+  {{/each}}
+</ul>
+

app/assets/javascripts/templates/posts.hbs~

@@ -0,0 +1,7 @@
+Posts
+<ul>
+  {{#each model}}
+    <li>{{#linkTo post this}}{{title}}{{/linkTo}}</li>
+  {{/each}}
+</ul>
+

app/assets/stylesheets/application.css

@@ -0,0 +1,13 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require_tree .
+ */

app/assets/stylesheets/comments.css.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the Comments controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/

app/assets/stylesheets/posts.css.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the Posts controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/

app/assets/stylesheets/scaffolds.css.scss

@@ -0,0 +1,69 @@
+body {
+  background-color: #fff;
+  color: #333;
+  font-family: verdana, arial, helvetica, sans-serif;
+  font-size: 13px;
+  line-height: 18px;
+}
+
+p, ol, ul, td {
+  font-family: verdana, arial, helvetica, sans-serif;
+  font-size: 13px;
+  line-height: 18px;
+}
+
+pre {
+  background-color: #eee;
+  padding: 10px;
+  font-size: 11px;
+}
+
+a {
+  color: #000;
+  &:visited {
+    color: #666;
+  }
+  &:hover {
+    color: #fff;
+    background-color: #000;
+  }
+}
+
+div {
+  &.field, &.actions {
+    margin-bottom: 10px;
+  }
+}
+
+#notice {
+  color: green;
+}
+
+.field_with_errors {
+  padding: 2px;
+  background-color: red;
+  display: table;
+}
+
+#error_explanation {
+  width: 450px;
+  border: 2px solid red;
+  padding: 7px;
+  padding-bottom: 0;
+  margin-bottom: 20px;
+  background-color: #f0f0f0;
+  h2 {
+    text-align: left;
+    font-weight: bold;
+    padding: 5px 5px 5px 15px;
+    font-size: 12px;
+    margin: -7px;
+    margin-bottom: 0px;
+    background-color: #c00;
+    color: #fff;
+  }
+  ul li {
+    font-size: 12px;
+    list-style: square;
+  }
+}