345 lines
13 KiB
CoffeeScript
Executable File
345 lines
13 KiB
CoffeeScript
Executable File
# --------------------------------------------------------------------------------------------------------------------
|
|
# 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'
|
|
# turn '\r' carriage return characters into '<br/>' break lines
|
|
res = str.replace(new RegExp(CARRIAGE_RETURN, 'g'), BREAK_LINE)
|
|
res
|
|
|
|
@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]
|
|
|
|
@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
|
|
# insert a '\r' carriage return character between messages to put them on a new line
|
|
msgs[i].message.message += "#{CARRIAGE_RETURN}#{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()
|
|
|
|
# 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()
|
|
# append a '\r' carriage return character to the input box dropping the cursor to a new line
|
|
document.getElementById("newMessageInput").value += CARRIAGE_RETURN # 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()
|
|
|
|
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
|
|
# make the current conversation the selected tab
|
|
setInSession 'display_chatPane', true
|
|
setInSession "inChatWith", user.userId
|
|
|
|
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, '&').replace(/<(?![au\/])/g, '<').replace(/\/([^au])>/g, '$1>').replace(/([^=])"(?!>)/g, '$1"');
|
|
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
|
|
'change #privateChatSelector': (event, template) -> # clicked a user's name to begin private chat
|
|
userIdSelected = event.currentTarget.value
|
|
console.log "will chat with userId:" + userIdSelected
|
|
tabs = getInSession('chatTabs')
|
|
|
|
# if you are starting a private chat
|
|
if tabs.filter((tab) -> tab.userId is userIdSelected).length is 0
|
|
userName = Meteor.Users.findOne({userId: userIdSelected})?.user?.name
|
|
tabs.push {userId: userIdSelected, name: userName, gotMail: false, class: 'privateChatTab'}
|
|
setInSession 'chatTabs', tabs
|
|
|
|
setInSession 'display_chatPane', true
|
|
setInSession "inChatWith", userIdSelected
|
|
|
|
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 #decreaseFontSize": (event) ->
|
|
if getInSession("messageFontSize") is 8 # min
|
|
$('#decreaseFontSize').disabled = true
|
|
$('#decreaseFontSize').removeClass('glyphicon-minus')
|
|
$('#decreaseFontSize').html('MIN')
|
|
else
|
|
setInSession "messageFontSize", getInSession("messageFontSize") - 2
|
|
if $('#increaseFontSize').html() is 'MAX'
|
|
$('#increaseFontSize').html('')
|
|
$('#increaseFontSize').addClass('glyphicon-plus')
|
|
|
|
"click #increaseFontSize": (event) ->
|
|
if getInSession("messageFontSize") is 40 # max
|
|
$('#increaseFontSize').disabled = true
|
|
$('#increaseFontSize').removeClass('glyphicon-plus')
|
|
$('#increaseFontSize').html('MAX')
|
|
else
|
|
setInSession "messageFontSize", getInSession("messageFontSize") + 2
|
|
if $('#decreaseFontSize').html() is 'MIN'
|
|
$('#decreaseFontSize').html('')
|
|
$('#decreaseFontSize').addClass('glyphicon-minus')
|
|
|
|
|
|
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"
|
|
if window.matchMedia('(orientation: landscape)').matches
|
|
$("#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="'
|