#229 Polling for Changes (revised)

@CommentPoller =
  poll: ->
    setTimeout @request, 5000
  
  request: ->
    $.get($('#comments').data('url'), after: $('.comment').last().data('id'))
  
  addComments: (comments) ->
    if comments.length > 0
      $('#comments').append($(comments).hide())
      $('#show_comments').show()
    @poll()
  
  showComments: (e) ->
    e.preventDefault()
    $('.comment').show()
    $('#show_comments').hide()

jQuery ->
  if $('#comments').length > 0
    CommentPoller.poll()
    $('#show_comments a').click CommentPoller.showComments

<%= content_tag :div, id: "comments", data: {url: article_comments_url(@article)} do %>
  <%= render @article.comments %>
<% end %>

<p id="show_comments" style="display: none">
  More comments have recently been added. <a href="#">Show Comments</a>
</p>

<%= div_for comment, data: {id: comment.id} do %>
  ...
<% end %>

def index
  @comments = @article.comments.where('id > ?', params[:after].to_i)
end

CommentPoller.addComments("<%= j render(@comments) %>");