Implemented nested comments.

app/assets/stylesheets/application.css

@@ -22,6 +22,13 @@
   color: white !important;
 }
 textarea {
-  width: 100% !important;
+  width: 500px !important;
   height: 10em !important;
 }
+.nested-comment {
+  padding-left: 5px;
+  border-left: 5px solid #BBB;
+}
+.comment form {
+  display: none;
+}

app/controllers/comments_controller.rb

@@ -5,6 +5,7 @@ class CommentsController < ApplicationController
   # GET /links/:link_id/comments.json
   def index
     @link = Link.find_by_slug(params[:link_id])
+    @comments = @link.comments.where(:comment_id => nil)
 
     respond_to do |format|
       format.html # index.html.erb
@@ -70,4 +71,14 @@ def update
   def destroy
     redirect_to Comment.find_by_id(params[:id])
   end
+
+  # POST /links/:link_id/comments/:id/reply
+  def reply
+    @parent = Comment.find_by_id(params[:id])
+    @comment = @parent.comments.create(params[:comment])
+    @comment.user = @current_user
+    @comment.link = @parent.link
+    @comment.save
+    head :created
+  end
 end

app/controllers/users_controller.rb

@@ -8,14 +8,15 @@ def index
 
     respond_to do |format|
       format.html { render action: "show" }
-      format.json { render json: @current_user }
+      format.json { render json: @user }
     end
   end
 
   # GET /users/username
   # GET /users/username.json
   def show
     @user = User.find_by_username(params[:id])
+    @no_replies = true
 
     respond_to do |format|
       format.html # show.html.erb

app/views/comments/_comment.html.erb

@@ -1,8 +1,24 @@
-  <div>
+  <div class="comment">
     <span class="label label-info"><%= link_to comment.user.username, comment.user %></span>
     <p>
       <%= comment.body %><br>
       <%= link_to 'parent', link_comments_path(comment.link) %>
+      | <%= link_to_function 'reply', reply_link_comment_path(comment.link, comment) %>
       | <%= time_ago_in_words(comment.created_at) %>
     </p>
+    <div>
+      <%= form_for(:comment, :url => reply_link_comment_path(comment.link, comment)) do |f| %>
+        <div class="field">
+          <%= f.text_area :body %>
+        </div>
+        <div class="actions">
+          <%= f.submit %>
+        </div>
+      <% end %>
+    </div>
+    <div class="nested-comment">
+      <% if !@no_replies and comment.comments %>
+        <%= render comment.comments %>
+      <% end %>
+    </div>
   </div>

app/views/comments/index.html.erb

@@ -4,7 +4,7 @@
 
 <h3>Comments</h3>
 
-<%= render :partial => 'comments', :locals => { :comments => @link.comments } %>
+<%= render :partial => 'comments', :locals => { :comments => @comments } %>
 
 <% if @current_user %>
   <hr>

config/routes.rb

@@ -4,7 +4,11 @@
   resource :logins
 
   resources :links do
-    resources :comments
+    resources :comments do
+      member do
+        post 'reply'
+      end
+    end
     member do
       post 'upvote'
       post 'downvote'