responds with ajax to comment creation [#47]

app/controllers/comments_controller.rb

@@ -1,12 +1,13 @@
 class CommentsController < ApplicationController
   before_action :authenticate_user!
   before_action :set_debate, :set_parent
+  respond_to :html, :js
 
   def create
-    comment = Comment.build(@debate, current_user, params[:comment][:body])
-    comment.save!
-    comment.move_to_child_of(@parent) if reply?
-    redirect_to @debate, notice: "Comentario guardado"
+    @comment = Comment.build(@debate, current_user, params[:comment][:body])
+    @comment.save!
+    @comment.move_to_child_of(@parent) if reply?
+    respond_with @comment
   end
 
   private

app/views/comments/_form.html.erb

@@ -1,7 +1,7 @@
 <%= link_to comment_link_text(parent), "", class: "js-add-comment-link", data: {'id': dom_id(parent)} %>
 
 <div id="js-comment-form-<%= dom_id(parent) %>" style="display:none">
-  <%= form_for [@debate, Comment.new] do |f| %>
+  <%= form_for [@debate, Comment.new], remote: true do |f| %>
     <%= f.text_area :body %>
     <%= f.hidden_field :commentable_type, value: parent.class %>
     <%= f.hidden_field :commentable_id, value: parent.id %>

app/views/comments/create.js.erb

@@ -0,0 +1,4 @@
+var form = "#js-comment-form-<%= dom_id(@parent) %>"
+$(form + " #comment_body").val('');
+$(form).hide();
+$("<%= j(render @comment) %>").insertAfter($(form));