From c8b692feb879a93f14befbbf373bbbbb6dc05fcc Mon Sep 17 00:00:00 2001
From: Arvind <arvindkhadri@gmail.com>
Date: Tue, 4 Mar 2014 10:40:39 +0530
Subject: [PATCH] Fix:     More code refactor following inputs from
 ecthiender. Removing     PostedCommentView. A comment being
 editable or not is now     handled by a single view.

---
 app.js |   59 ++++++++++++++++++++++++++---------------------------------
 1 file changed, 26 insertions(+), 33 deletions(-)

diff --git a/app.js b/app.js
index abdbe9c..65af1c5 100644
--- a/app.js
+++ b/app.js
@@ -4,9 +4,10 @@
     // C.CommentView = CommentView; //Expose the API to window.
     // C.Comment = Comment;
     /* Create a empty model and view */
+    C.comment = new Comment();
     C.comments = new Comments();
-    C.cv = new PostedCommentView({collection: C.comments});
-    new CommentView({model: new Comment()});
+    C.cv = new CommentView({collection: C.comments});
+    C.comments.add(C.comment);
   };
   var Comment = Backbone.Model.extend({
     /* A model representing a comment. */
@@ -72,16 +73,26 @@
 
   var CommentView = Backbone.View.extend({
     el: $("#comments"),
-    template: _.template($("#comment-template").html()),
+    template: _.template($("#commented-template").html()),
+    edit_template: _.template($("#comment-template").html()),
     events:{
-      "click .save": "save"
+      "click .save": "save",
+      "click .comment button": "reply"
     },
     initialize: function() {
-      this.render();
+      this.listenTo(this.collection, "add", this.render);
     },
 
-    render: function(el) {
-      $(this.el).append(this.template(this.model.toJSON()));
+    render: function(model) {
+    console.log(model);
+      if(model.get('how')['comment'].length) {
+        $(this.el).append(this.template(model.toJSON()));
+      }
+      else {
+        $(this.el).append(this.edit_template(model.toJSON()));
+      }
+
+
     },
 
     save: function(e) {
@@ -93,34 +104,16 @@
       this.model.set({created: new Date().toUTCString().substr(0, 25)});
       new LoginView({model:this.model});
 
-    }
-  });
-
-  var PostedCommentView = Backbone.View.extend({
-    el: "#commented",
-    events: {
-      "click button": "reply"
-    },
-    template: _.template($("#commented-template").html()),
-    initialize: function() {
-      this.listenTo(this.collection, "add", this.render);
-      this.render();
-    },
-    render: function(el) {
-      _.each(this.collection.models, function(comment) {
-        console.log(comment);
-        $(this.el).append(this.template(comment.toJSON()));
-      }, this);
-
     },
     reply: function(e) {
-      var rep = new Comment({'how':{'replyTo':$(e.currentTarget).attr('for')}});
-      $(e.currentTarget).parent().after("<div class='comment-reply'></div>");
-      var el = $("#commented .comment-reply");
-      new CommentView({model: rep, el:el });
+      e.preventDefault();
+      var rep = new Comment();
+      rep.set({'how':{'replyTo':$(e.currentTarget).attr('for'),
+                     'comment':''}});
+      C.comments.add(rep);
     }
-
   });
+
   var LoginView = Backbone.View.extend({
     el: ".modal",
     events:{
@@ -148,8 +141,8 @@
             C.comments.add(model);
             $("textarea.form-control").val(""); //Reset the view to have no content.
           }
-        });
-      }});
+                         });
+        }});
     }
   });
 
-- 
1.7.10.4