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

# --------------------------------------------------------------------------------------------------------------------
# If a function's last line is the statement false that represents the function returning false
# A function such as a click handler will continue along with the propogation and default behaivour if not stopped
# Returning false stops propogation/prevents default. You cannot always use the event object to call these methods
# Because most Meteor event handlers set the event object to the exact context of the event which does not
# allow you to simply call these methods.
# --------------------------------------------------------------------------------------------------------------------

@activateBreakLines = (str) ->
  if typeof str is 'string'
    res = str.replace /\\n/gim, '<br/>'
    res = res.replace /\r/gim, '<br/>'

@detectUnreadChat = ->
  #if the current tab is not the same as the tab we just published in
  Meteor.Chat.find({}).observe({
    added: (chatMessage) =>
      findDestinationTab = ->
        if chatMessage.message?.chat_type is "PUBLIC_CHAT"
          "PUBLIC_CHAT"
        else
          chatMessage.message?.from_userid
      Tracker.autorun (comp) ->
        tabsTime = getInSession('tabsRenderedTime')
        if tabsTime? and chatMessage.message.from_userid isnt "SYSTEM_MESSAGE" and chatMessage.message.from_time - tabsTime > 0
          populateChatTabs(chatMessage) # check if we need to open a new tab
          destinationTab = findDestinationTab()
          if destinationTab isnt getInSession "inChatWith"
            setInSession 'chatTabs', getInSession('chatTabs').map((tab) ->
              tab.gotMail = true if tab.userId is destinationTab
              tab
            )
        comp.stop()
    })

# This method returns all messages for the user. It looks at the session to determine whether the user is in
# private or public chat. If true is passed, messages returned are from before the user joined. Else, the messages are from after the user joined
@getFormattedMessagesForChat = ->
  chattingWith = getInSession('inChatWith')
  if chattingWith is 'PUBLIC_CHAT' # find all public and system messages
    return Meteor.Chat.find({'message.chat_type': $in: ["SYSTEM_MESSAGE","PUBLIC_CHAT"]},{sort: {'message.from_time': 1}}).fetch()
  else
    unless chattingWith is 'OPTIONS'
      return Meteor.Chat.find({'message.chat_type': 'PRIVATE_CHAT', $or: [{'message.to_userid': chattingWith},{'message.from_userid': chattingWith}]}).fetch()

# Scrolls the message container to the bottom. The number of pixels to scroll down is the height of the container
Handlebars.registerHelper "autoscroll", ->
  $('#chatbody').scrollTop($('#chatbody')[0]?.scrollHeight)
  false

Handlebars.registerHelper "grabChatTabs", ->
  if getInSession('chatTabs') is undefined
    initTabs = [
      userId: "PUBLIC_CHAT"
      name: "Public"
      gotMail: false
      class: "publicChatTab"
    ,
      userId: "OPTIONS"
      name: "Options"
      gotMail: false
      class: "optionsChatTab"
    ]
    setInSession 'chatTabs', initTabs
  getInSession('chatTabs')[0..3]

@resizeChatbar = ->
  if window.matchMedia('(orientation: landscape)').matches
      chat = $('#chat')
      navbarHeight = $('#navbar').height()
      footerHeight = $('#footer').height()
      bodyHeight = $('body').height()
      margins = parseInt(chat.css('margin-top'))*2 # *2 for top & bottom
      paddingSpace = 10
      windowHeight = ( bodyHeight - ( navbarHeight + footerHeight + margins + paddingSpace ) )

      chat.height( windowHeight + 'px')
      $("#chatbody").height( (windowHeight- ($("#chatInput").outerHeight())*2) + 'px')

@sendMessage = ->
  message = linkify $('#newMessageInput').val() # get the message from the input box
  unless (message?.length > 0 and (/\S/.test(message))) # check the message has content and it is not whitespace
    return # do nothing if invalid message

  chattingWith = getInSession('inChatWith')

  if chattingWith isnt "PUBLIC_CHAT"
    toUsername = Meteor.Users.findOne(userId: chattingWith)?.user.name

  messageForServer = { # construct message for server
    "message": message
    "chat_type": if chattingWith is "PUBLIC_CHAT" then "PUBLIC_CHAT" else "PRIVATE_CHAT"
    "from_userid": getInSession("userId")
    "from_username": BBB.getMyUserName()
    "from_tz_offset": "240"
    "to_username": if chattingWith is "PUBLIC_CHAT" then "public_chat_username" else toUsername
    "to_userid": if chattingWith is "PUBLIC_CHAT" then "public_chat_userid" else chattingWith
    "from_lang": "en"
    "from_time": getTime()
    "from_color": "0x000000"
    # "from_color": "0x#{getInSession("messageColor")}"
  }

  Meteor.call "sendChatMessagetoServer", getInSession("meetingId"), messageForServer, getInSession("userId"), getInSession("authToken")

  $('#newMessageInput').val '' # Clear message box

Template.chatbar.helpers
  getCombinedMessagesForChat: ->
    msgs = getFormattedMessagesForChat()
    len = msgs?.length # get length of messages
    i = 0
    while i < len # Must be a do while, for loop compiles and stores the length of array which can change inside the loop!
      if msgs[i].message.from_userid isnt 'System' # skip system messages
        j = i+1 # Start looking at messages right after the current one

        while j < len
          deleted = false
          if msgs[j].message.from_userid isnt 'System' # Ignore system messages
            # Check if the time discrepancy between the two messages exceeds window for grouping
            if (parseFloat(msgs[j].message.from_time)-parseFloat(msgs[i].message.from_time)) >= 60000 # 60 seconds/1 minute
              break # Messages are too far between, so them seperated and stop joining here

            if msgs[i].message.from_userid is msgs[j].message.from_userid # Both messages are from the same user
              msgs[i].message.message += "\r#{msgs[j].message.message}" # Combine the messages
              msgs.splice(j,1) # Delete the message from the collection
              deleted = true
            else break # Messages are from different people, move on
            #
          else break # This is the break point in the chat, don't merge
          #
          len = msgs.length
          ++j if not deleted
      #
      ++i
      len = msgs.length

    msgs

  userExists: ->
    if getInSession('inChatWith') in ["PUBLIC_CHAT", "OPTIONS"]
      return true
    else
      return Meteor.Users.findOne({userId: getInSession('inChatWith')})?

# When chatbar gets rendered, launch the auto-check for unread chat
Template.chatbar.rendered = ->
  detectUnreadChat()
  resizeChatbar()

# When message gets rendered, scroll to the bottom
Template.message.rendered = ->
  $('#chatbody').scrollTop($('#chatbody')[0]?.scrollHeight)
  false

Template.chatInput.events
  'click #sendMessageButton': (event) ->
    $('#sendMessageButton').blur()
    sendMessage()

  'keypress #newMessageInput': (event) -> # user pressed a button inside the chatbox
    key = (if event.charCode then event.charCode else (if event.keyCode then event.keyCode else 0))

    if event.shiftKey and (key is 13)
      event.preventDefault()
      $("#newMessageInput").append("\r") # Change newline character
      return

    if key is 13 # Check for pressing enter to submit message
      event.preventDefault()
      sendMessage()
      $('#newMessageInput').val("")
      return false

Template.chatInput.rendered  = ->
  $('input[rel=tooltip]').tooltip()
  $('button[rel=tooltip]').tooltip()
  $("#newMessageInput").focus()
  resizeChatbar()

Template.extraConversations.events
	"click .extraConversation": (event) ->
		console.log "extra conversation"
		user = @
		console.log user
		console.log "#{user.name} #{user.userId}"
		# put this conversation in the 3rd position in the chat tabs collection (after public and options)
		# Take all the tabs and turn into an array
		tabArray = getInSession('chatTabs')

		# find the index of the selected tab
		index = do ->
			for value, idx in tabArray
				if value.userId is user.userId
					selected = value
					return idx
			null

		if index?
			# take object
			selected = tabArray[index]

			if selected?
				# remove it
				tabArray.splice(index, 1)
				# insert it at the 3rd index
				tabArray.splice(2, 0, selected)
				# update collection
				setInSession 'chatTabs', tabArray

Template.extraConversations.helpers
  getExtraConversations: ->
    getInSession('chatTabs')[4..]

  tooManyConversations: ->
    return false if getInSession('chatTabs') is undefined
    getInSession('chatTabs').length > 4

Template.message.helpers
  sanitizeAndFormat: (str) ->
    if typeof str is 'string'
      # First, replace replace all tags with the ascii equivalent (excluding those involved in anchor tags)
      res = str.replace(/&/g, '&amp;').replace(/<(?![au\/])/g, '&lt;').replace(/\/([^au])>/g, '$1&gt;').replace(/([^=])"(?!>)/g, '$1&quot;');
      res = toClickable res
      res = activateBreakLines res

  toClockTime: (epochTime) ->
    if epochTime is null
      return ""
    local = new Date()
    offset = local.getTimezoneOffset()
    epochTime = epochTime - offset * 60000 # 1 min = 60 s = 60,000 ms
    dateObj = new Date(epochTime)
    hours = dateObj.getUTCHours()
    minutes = dateObj.getUTCMinutes()
    if minutes < 10
      minutes = "0" + minutes
    hours + ":" + minutes

Template.optionsBar.events
  'click .private-chat-user-entry': (event) -> # clicked a user's name to begin private chat
    tabs = getInSession('chatTabs')
    _this = @

    # if you are starting a private chat
    if tabs.filter((tab) -> tab.userId is _this.userId).length is 0
      userName = Meteor.Users.findOne({userId: _this.userId})?.user?.name
      tabs.push {userId: _this.userId, name: userName, gotMail: false, class: 'privateChatTab'}
      setInSession 'chatTabs', tabs

    setInSession 'display_chatPane', true
    setInSession "inChatWith", _this.userId

Template.optionsBar.helpers
  thereArePeopletoChatWith: -> # Subtract 1 for the current user. Returns whether there are other people in the chat
    # TODO: Add a check for the count to only include users who are allowed to private chat
    (Meteor.Users.find({'meetingId': getInSession("meetingId")}).count()-1) >= 1

Template.optionsBar.rendered = ->
  $('div[rel=tooltip]').tooltip()

Template.optionsFontSize.events
  "click .fontSizeSelector": (event) ->
    selectedFontSize = parseInt(event.target.id)
    if selectedFontSize
      setInSession "messageFontSize", selectedFontSize
    else setInSession "messageFontSize", 12

Template.tabButtons.events
  'click .close': (event) -> # user closes private chat
    setInSession 'inChatWith', 'PUBLIC_CHAT'
    setInSession 'display_chatPane', true
    console.log "userId: #{@userId}"
    _this = @
    tabs = getInSession('chatTabs')
    if tabs.filter((tab) -> tab.userId is _this.userId).length > 0
      tabs = $.grep(tabs, (t) -> t.userId isnt _this.userId)
      setInSession 'chatTabs', tabs

    return false # stops propogation/prevents default

  'click .gotUnreadMail': (event) ->
    #chatTabs.update({userId: @userId}, {$set: {gotMail: false}})
    _this = @
    setInSession 'chatTabs', getInSession('chatTabs').map((tab) ->
      tab.gotMail = false if tab.userId is _this.userId
      tab
    )

  'click .optionsChatTab': (event) ->
    console.log "options"
    setInSession "inChatWith", "OPTIONS"
    setInSession 'display_chatPane', false

  'click .privateChatTab': (event) ->
    console.log "private:"
    console.log @
    setInSession "inChatWith", @userId
    setInSession 'display_chatPane', true

  'click .publicChatTab': (event) ->
    console.log "public"
    setInSession "inChatWith", "PUBLIC_CHAT"
    setInSession 'display_chatPane', true

  'click .tab': (event) ->
    unless getInSession "inChatWith" is "OPTIONS"
      $("#newMessageInput").focus()
      console.log "tab"

Template.tabButtons.helpers
  hasGotUnreadMailClass: (gotMail) ->
    if gotMail
      return "gotUnreadMail"
    else
      return ""

  isTabActive: (userId) ->
    if getInSession("inChatWith") is userId
      return "active"

  makeSafe: (string) ->
    safeString(string)

Template.tabButtons.rendered = ->
  Tracker.autorun (comp) ->
    setInSession 'tabsRenderedTime', TimeSync.serverTime()
    if getInSession('tabsRenderedTime') isnt undefined
      comp.stop()

# make links received from Flash client clickable in HTML
@toClickable = (str) ->
  if typeof str is 'string'
    res = str.replace /<a href='event:/gim, "<a target='_blank' href='"
    res = res.replace /<a href="event:/gim, '<a target="_blank" href="'

Template.message.helpers
  toClockTime: (epochTime) ->
    if epochTime is null
      return ""
    local = new Date()
    offset = local.getTimezoneOffset()
    epochTime = epochTime - offset * 60000 # 1 min = 60 s = 60,000 ms
    dateObj = new Date(epochTime)
    hours = dateObj.getUTCHours()
    minutes = dateObj.getUTCMinutes()
    if minutes < 10
      minutes = "0" + minutes
    hours + ":" + minutes

  sanitizeAndFormat: (str) ->
    if typeof str is 'string'
      # First, replace replace all tags with the ascii equivalent (excluding those involved in anchor tags)
      res = str.replace(/&/g, '&amp;').replace(/<(?![au\/])/g, '&lt;').replace(/\/([^au])>/g, '$1&gt;').replace(/([^=])"(?!>)/g, '$1&quot;');
      res = toClickable res
      res = activateBreakLines res