bigbluebutton-Github/labs/meteor-client/client/views/chat/chat_bar.coffee

Template.messageBar.helpers
  getMessagesInChat: ->
    messages = Meteor.Chat.find("meetingId": getInSession("currentChatId"))
    console.log messages
    messages

# Must be be called when template is finished rendering or will not work
Template.messageBar.rendered = -> # Scroll down the messages box the amount of its height, which places it at the bottom
    height = $("#chatScrollWindow").height()
    $("#chatScrollWindow").scrollTop(height)  

Template.tabButtons.events
  "click .publicChatTab": (event) ->
    Session.set "display_chatPane", true

  "click .optionsChatTab": (event) ->
    Session.set "display_chatPane", false

  "click .privateChatTab": (event) ->
    Session.set "display_chatPane", true

Template.chatInput.events
  'keypress #newMessageInput': (event) ->
    if event.which is 13 # Check for pressing enter to submit message

      messageForServer = { # construct message for server
        "message": $("#newMessageInput").val()
        "chat_type": "PUBLIC_CHAT"
        "from_userid": Session.get "userId"
        "from_username": Session.get "userName"
        "from_tz_offset": "240"
        "to_username": "public_chat_username"
        "to_userid": "public_chat_userid"
        "from_lang": "en"
        "from_time": "1.403794169042E12"
        "from_color": "0"
      }
      console.log "Sending message to server: '#{messageForServer.message}'"
      Meteor.call "sendChatMessagetoServer", Session.get("meetingId"), messageForServer
      $('#newMessageInput').val '' # Clear message box
      #sendChatMessagetoServer(null)


Template.optionsBar.events
  'click .private-chat-user-entry': (event) -> # clicked a user's name to begin private chat

    messageForServer = { 
        "message": "You are now in a private chat"
        "chat_type": "PRIVATE_CHAT"
        "from_userid": Session.get "userId"
        "from_username": Session.get "userName"
        "from_tz_offset": "240"
        "to_username": @user.name
        "to_userid": @userId
        "from_lang": "en"
        "from_time": "1.403794169042E12"
        "from_color": "0"
    }
    console.log "Sending private message to server: '#{messageForServer.message}'"
    Meteor.call "sendChatMessagetoServer", Session.get("meetingId"), messageForServer

    # only trigger a reaction is new private chat was added
    if addNewTab @user.name, true, "privateChatTab"
      # Hackish way to go about this
      # Coffeescript variables and arays inside the session are not reactive 
      # So have a session variable that we change everytime we want our dependent templates to be force rendered
      Session.set "chatTabsReactivity", (Session.get "chatTabsReactivity")+1 # change value to cause a refresh for dependencies
      Session.set "display_chatPane", true

Template.tabButtons.getChatbarTabs = ->
  Session.get "chatTabsReactivity" # pulling from session causes reactive template refresh
  ChatbarTabs

Template.tabButtons.makeTabButton = ->
  button = '<li class="'
  button += 'active ' if this.isActive
  button += "#{this.class}\"><a href=\"#\" data-toggle=\"tab\">#{this.name}"
  button += '&nbsp;<button class="close closeTab" type="button" >×</button>' if this.name isnt 'Public' and this.name isnt 'Options'
  button += '</a></li>'
  console.log button
  button