Typesetting.

Author: trantorLiu

README.md

@@ -1,5 +1,5 @@
 # Node-Backbone-Require Example Blog
-A RESTful example blog built with Node.js, Backbone.js, Require.js, and Mongoose.
+A RESTful example blog built with Node.js, Backbone.js, Require.js, and MongoDB.
 
 ## Usage
 ```sh

public/javascripts/router.js

@@ -13,7 +13,7 @@ define('router', [
   var router;
 
   router = backbone.Router.extend({
-    routes            : {
+    routes: {
       ''              : 'home',
       'home'          : 'home',
       'post/list'     : 'showPostList',
@@ -49,9 +49,7 @@ define('router', [
           view = new PostListView({ collection: collection });
           that.appView.show(view);
         },
-        error: function(collection, res) {
-          // TODO
-        }
+        error: that.alert
       });
 
     },
@@ -69,14 +67,12 @@ define('router', [
           view = new PostShowView({ model: model });
           that.appView.show(view);
 
-          view.model.on('delete-success', function() {
+          view.model.on('success', function() {
             delete view;
             that.navigate('#/post/list', { trigger: true });
           });
         },
-        error: function(model, res) {
-          // TODO
-        }
+        error: that.alert
       });
     },
     addPost: function() {
@@ -91,7 +87,7 @@ define('router', [
         delete view;
         that.navigate('#/post/list', { trigger: true });
       });
-      view.model.on('add-success', function(id) {
+      view.model.on('success', function(id) {
         delete view;
         that.navigate('#/post/' + id, { trigger: true });
       });
@@ -114,15 +110,16 @@ define('router', [
             delete view;
             that.navigate('#/post/' + id, { trigger: true });
           });
-          view.model.on('save-success', function() {
+          view.model.on('success', function() {
             delete view;
             that.navigate('#/post/' + id, { trigger: true });
           });
         },
-        error: function(model, res) {
-          // TODO
-        }
+        error: that.alert
       });
+    },
+    alert: function() {
+      alert('Error occurred');
     }
   });
 

public/javascripts/templates/home.html

@@ -1,5 +1,3 @@
-<h1>Node, Backbone, Require Example Blog</h1>
-<p>
-A RESTful example blog built with Node.js, Backbone.js, Require.js, and Mongoose.
-
-</p>
+<h1>Node-Backbone-Require Example Blog</h1>
+<p>A RESTful example blog built with Node.js, Backbone.js, Require.js, and MongoDB.</p>
+<a target="_blank" href="https://github.com/trantorLiu/Node-Backbone-Require-Example-Blog">Fork me on GigtHub</a>

public/javascripts/templates/post/add.html

@@ -1,11 +1,15 @@
-<label for="post-add-title">Title</label>
-<input type="text" name="title" id="post-add-title" /> 
+<label for="title">Title</label>
 <br />
-<label for="post-add-author">Author</label>
-<input type="text" name="author" id="post-add-author" /> 
+<input type="text" name="title" id="title" size="36" />
 <br />
-<label for="post-add-body">Body</label>
-<textarea name="body" id="post-add-body"></textarea>
+<label for="author">Author</label>
 <br />
-<button id="post-add-back">Cancel</button>
-<input type="submit" id="post-add-submit" value="Save" />
+<input type="text" name="author" id="author" size="36" />
+<br />
+<label for="body">Body</label>
+<br />
+<textarea name="body" id="body" rows="10" cols="36"></textarea>
+<br />
+<br />
+<input type="submit" id="submit" value="Save" />
+<a href="#/post/list" id="cancel">Cancel</button>

public/javascripts/templates/post/edit.html

@@ -1,11 +1,15 @@
-<label for="post-edit-title">Title</label>
-<input type="text" name="title" id="post-edit-title" value="<%= post.title %>"/> 
+<label for="title">Title</label>
 <br />
-<label for="post-edit-author">Author</label>
-<input type="text" name="author" id="post-edit-author" value="<%= post.author %>"/> 
+<input type="text" name="title" id="title" value="<%= post.title %>" size="36" />
 <br />
-<label for="post-edit-body">Body</label>
-<textarea name="body" id="post-edit-body"><%= post.body %></textarea>
+<label for="author">Author</label>
 <br />
-<button id="post-edit-back">Cancel</button>
-<button id="post-edit-save">Save</button/> 
+<input type="text" name="author" id="author" value="<%= post.author %>" size="36"/>
+<br />
+<label for="body">Body</label>
+<br />
+<textarea name="body" id="body" rows="10" cols="36"><%= post.body %></textarea>
+<br />
+<br />
+<button id="save">Save</button/>
+<a href="#/post/<%= post._id %>" id="cancel">Cancel</button>

public/javascripts/templates/post/list.html

@@ -1,7 +1,10 @@
 <% _.each(posts, function (post) { %>
 <div class="post">
-  <h4 class="post-title"><a href="#/post/<%= post._id %>"><%= post.title %></a></h4>
-  <p class="post-author"><%= post.author %></p>
-  <p class="post-body"><%= post.body %></p>
+  <h4 class="title"><a href="#/post/<%= post._id %>"><%= post.title %></a></h4>
+  <p class="author"><%= post.author %></p>
+  <p class="body"><%= post.body %></p>
 </div>
 <% }); %>
+<% if (_.isEmpty(posts)) { %>
+<p>Empty</p>
+<% } %>

public/javascripts/templates/post/show.html

@@ -1,4 +1,4 @@
-<h3 class="post-show-title"><%= post.title %></h3>
-<p class="post-show-author"><%= post.author %></p>
-<p class="post-show-body"><%= post.body %></p>
-<a href="#/post/<%= post._id %>/edit">Edit</a>&nbsp;|&nbsp;<span class="link post-show-delete">Delete</span>
+<h3 class="title"><%= post.title %></h3>
+<p class="author"><%= post.author %></p>
+<p class="body"><%= post.body %></p>
+<a href="#/post/<%= post._id %>/edit">Edit</a>&nbsp;|&nbsp;<span class="link delete">Delete</span>

public/javascripts/views/post/add.js

@@ -16,42 +16,35 @@ define('PostAddView', [
       return this;
     },
     events: {
-      'click #post-add-submit': 'addPost',
-      'click #post-add-back': 'back'
+      'click #submit': 'submit'
     },
-    addPost: function(e) {
+    submit: function(e) {
       var title, author, body, that;
 
       e.preventDefault();
 
       that = this;
-      title = $.trim($('#post-add-title').val());
-      author = $.trim($('#post-add-author').val());
-      body = $.trim($('#post-add-body').val());
+      title = $.trim(this.$el.find('#title').val());
+      author = $.trim(this.$el.find('#author').val());
+      body = $.trim(this.$el.find('#body').val());
 
       this.model.save({
         title   : title,
         author  : author,
         body    : body
       }, {
-        silent  : false,
-        sync    : true,
-        success : function(model, res) {
+        success: function(model, res) {
           if (res && res.error) {
             // TODO
           } else {
-            model.trigger('add-success', model.get('_id'));
+            model.trigger('success', model.id);
           }
         },
         error: function(model, res) {
           // TODO
         }
       });
     },
-    back: function(e) {
-      e.preventDefault();
-      this.trigger('back');
-    }
   });
 
   return PostAddView;

public/javascripts/views/post/edit.js

@@ -20,17 +20,16 @@ define('PostEditView', [
       return this;
     },
     events: {
-      'click #post-edit-save': 'savePost'
-                        , 'click #post-edit-back': 'back'
+      'click #save': 'savePost'
     },
     savePost: function(e) {
       var title, author, body, that;
 
       e.preventDefault();
 
       that = this;
-      title = $.trim($('#post-edit-title').val());
-      body = $.trim($('#post-edit-body').val());
+      title = $.trim(this.$el.find('#title').val());
+      body = $.trim(this.$el.find('#body').val());
 
       this.model.save({
         title   : title,
@@ -43,18 +42,14 @@ define('PostEditView', [
           if (res && res.error) {
             // TODO
           } else {
-            model.trigger('save-success', model.get('_id'));
+            model.trigger('success', model.id);
           }
         },
         error: function(model, res) {
           // TODO
         }
       });
     },
-    back: function(e) {
-      e.preventDefault();
-      this.trigger('back');
-    }
   });
 
   return PostEditView;

public/javascripts/views/post/list.js

@@ -8,7 +8,7 @@ define('PostListView', [
   var PostAddView;
 
   PostAddView = backbone.View.extend({
-    id: 'post-add-view',
+    id: 'post-list-view',
     initialize: function(options) {
       this.collection = options.collection;
       this.compiled = _.template(tpl);

public/javascripts/views/post/show.js

@@ -18,14 +18,14 @@ define('PostShowView', [
       return this;
     },
     events: {
-      'click .post-show-delete': 'deletePost'
+      'click #delete': 'delete'
     },
-    deletePost: function(e) {
+    delete: function(e) {
       e.preventDefault();
       this.model.destroy({
         sync: true,
         success: function(model) {
-          model.trigger('delete-success');
+          model.trigger('success');
         },
         error: function() {
           // TODO handle 404 and 500