streams.coffee

class LiveChat
  constructor: (@stream) ->
    @element = $("##{@id}")
    @stream_id = gon.stream_id
    @templates =
      message: $('#message_tpl').html();
  
  # Connect to the socket
  subscribe: ->
    Danthes.subscribe "/stream/#{@stream_id}", (data, channel) ->
      @write data
      
  # Append the message to the chat element
  write: (data) ->
    @element.append Mustache.render @templates.message, data
    @scroll()

  # Scroll to the bottom of the div
  scroll: ->
    #@element.scrollTop(@element[0].scrollHeight);
    #@element.animate { scrollTop: @element.prop "scrollHeight" }, 200

chat = new LiveChat "chat"
chat.subscribe()