1
0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2024-12-22 21:40:08 +00:00
Tims-Chat/file/js/be.bastelstu.Chat.litcoffee

830 lines
26 KiB
Plaintext
Raw Normal View History

2013-05-15 19:55:51 +00:00
Tims Chat 3
===========
2013-05-15 19:55:51 +00:00
This is the main javascript file for [**Tims Chat**](https://github.com/wbbaddons/Tims-Chat). It handles
everything that happens in the GUI of **Tims Chat**.
### Copyright Information
2013-05-14 18:29:44 +00:00
# @author Tim Düsterhus
# @copyright 2010-2013 Tim Düsterhus
# @license Creative Commons Attribution-NonCommercial-ShareAlike <http://creativecommons.org/licenses/by-nc-sa/3.0/legalcode>
2013-05-15 19:55:51 +00:00
# @package be.bastelstu.chat
2013-05-14 18:29:44 +00:00
###
2013-05-15 19:55:51 +00:00
## Code
We start by setting up our environment by ensuring some sane values for both `$` and `window`,
2013-05-15 20:11:47 +00:00
enabling EMCAScript 5 strict mode and overwriting console to prepend the name of the class.
(($, window) ->
"use strict";
console =
log: (message) ->
window.console.log "[be.bastelstu.Chat] #{message}"
warn: (message) ->
window.console.warn "[be.bastelstu.Chat] #{message}"
error: (message) ->
window.console.error "[be.bastelstu.Chat] #{message}"
2013-05-15 20:11:47 +00:00
Continue with defining the needed variables. All variables are local to our closure and will be
2013-05-15 19:55:51 +00:00
exposed by a function if necessary.
2013-05-15 19:55:51 +00:00
isActive = true
newMessageCount = 0
scrollUpNotifications = off
2013-05-24 13:30:18 +00:00
chatSession = Date.now()
userList =
current: {}
allTime: {}
currentRoom = {}
2013-05-24 13:55:52 +00:00
errorVisible = false
2013-07-09 19:42:01 +00:00
inputErrorHidingTimer = null
2013-06-23 17:46:50 +00:00
lastMessage = null
openChannel = 0
2013-05-15 19:55:51 +00:00
remainingFailures = 3
2013-05-15 19:55:51 +00:00
events =
newMessage: $.Callbacks()
userMenu: $.Callbacks()
submit: $.Callbacks()
2013-05-15 19:55:51 +00:00
pe =
getMessages: null
refreshRoomList: null
fish: null
2013-05-15 19:55:51 +00:00
loading = false
2013-05-15 19:55:51 +00:00
autocomplete =
2013-05-10 15:51:48 +00:00
offset: 0
value: null
caret: 0
2013-05-15 19:55:51 +00:00
v =
titleTemplate: null
messageTemplate: null
userTemplate: null
config: null
2013-05-15 19:55:51 +00:00
Initialize **Tims Chat**. Bind needed DOM events and initialize data structures.
2013-05-15 19:55:51 +00:00
initialized = false
init = (roomID, config, titleTemplate, messageTemplate, userTemplate) ->
2013-05-15 19:55:51 +00:00
return false if initialized
initialized = true
2013-09-15 20:53:53 +00:00
2013-05-15 19:55:51 +00:00
v.config = config
v.titleTemplate = titleTemplate
v.messageTemplate = messageTemplate
v.userTemplate = userTemplate
console.log 'Initializing'
2013-05-15 19:55:51 +00:00
When **Tims Chat** becomes focused mark the chat as active and remove the number of new messages from the title.
2013-05-15 19:55:51 +00:00
$(window).focus ->
2013-08-21 18:36:22 +00:00
document.title = v.titleTemplate.fetch currentRoom
2013-05-15 19:55:51 +00:00
newMessageCount = 0
isActive = true
2013-05-15 19:55:51 +00:00
When **Tims Chat** loses the focus mark the chat as inactive.
2013-09-15 20:53:53 +00:00
$(window).blur -> isActive = false
2013-05-15 19:55:51 +00:00
Make the user leave the chat when **Tims Chat** is about to be unloaded.
2013-05-15 19:55:51 +00:00
$(window).on 'beforeunload', ->
2013-05-24 17:26:29 +00:00
return undefined if errorVisible
2013-05-15 19:55:51 +00:00
new WCF.Action.Proxy
autoSend: true
data:
actionName: 'leave'
className: 'chat\\data\\room\\RoomAction'
showLoadingOverlay: false
async: false
suppressErrors: true
undefined
2013-05-15 19:55:51 +00:00
Insert the appropriate smiley code into the input when a smiley is clicked.
2013-09-15 20:53:53 +00:00
$('#smilies').on 'click', 'img', -> insertText " #{$(@).attr('alt')} "
Handle private channel menu
2013-09-15 20:53:53 +00:00
$('#privateChannelsMenu').on 'click', '.privateChannel', -> openPrivateChannel $(@).data 'privateChannelID'
2013-05-15 19:55:51 +00:00
Handle submitting the form. The message will be validated by some basic checks, passed to the `submit` eventlisteners
and afterwards sent to the server by an AJAX request.
2013-05-15 19:55:51 +00:00
$('#timsChatForm').submit (event) ->
2013-07-09 19:48:40 +00:00
do event.preventDefault
2013-07-09 19:48:40 +00:00
text = do $('#timsChatInput').val().trim
2013-05-15 19:55:51 +00:00
$('#timsChatInput').val('').focus().keyup()
2013-05-15 19:55:51 +00:00
return false if text.length is 0
2013-09-15 20:53:53 +00:00
text = "/whisper #{userList.allTime[openChannel].username}, #{text}" unless openChannel is 0
2013-05-15 19:55:51 +00:00
# Free the fish!
2013-07-09 19:48:40 +00:00
do freeTheFish if text.toLowerCase() is '/free the fish'
2013-05-15 19:55:51 +00:00
text = do (text) ->
obj =
text: text
events.submit.fire obj
obj.text
2013-05-15 19:55:51 +00:00
new WCF.Action.Proxy
autoSend: true
data:
actionName: 'send'
className: 'chat\\data\\message\\MessageAction'
parameters:
text: text
enableSmilies: $('#timsChatSmilies').data 'status'
showLoadingOverlay: false
success: ->
2013-07-09 19:48:40 +00:00
do hideInputError
2013-07-09 19:42:01 +00:00
2013-07-09 19:48:40 +00:00
do getMessages
2013-05-15 19:55:51 +00:00
failure: (data) ->
return true unless (data?.returnValues?.errorType?) or (data?.message?)
2013-07-09 19:42:01 +00:00
showInputError (data?.returnValues?.errorType) ? data.message
2013-05-15 19:55:51 +00:00
2013-05-18 19:42:27 +00:00
false
2013-05-15 19:55:51 +00:00
Autocomplete a username when TAB is pressed. The name to autocomplete is based on the current caret position.
The the word the caret is in will be passed to `autocomplete` and replaced if a match was found.
2013-05-15 19:55:51 +00:00
$('#timsChatInput').keydown (event) ->
if event.keyCode is $.ui.keyCode.TAB
2013-07-09 19:48:40 +00:00
do event.preventDefault
input = $ @
2013-07-09 19:48:40 +00:00
autocomplete.value ?= do input.val
autocomplete.caret ?= do input.getCaret
2013-05-15 19:55:51 +00:00
beforeCaret = autocomplete.value.substring 0, autocomplete.caret
lastSpace = beforeCaret.lastIndexOf ' '
beforeComplete = autocomplete.value.substring 0, lastSpace + 1
toComplete = autocomplete.value.substring lastSpace + 1
nextSpace = toComplete.indexOf ' '
if nextSpace is -1
afterComplete = '';
else
afterComplete = toComplete.substring nextSpace + 1
toComplete = toComplete.substring 0, nextSpace
return if toComplete.length is 0
console.log "Autocompleting '#{toComplete}'"
2013-07-09 19:48:40 +00:00
if beforeComplete is '' and (toComplete.substring 0, 1) is '/'
2013-06-01 12:06:55 +00:00
regex = new RegExp "^#{WCF.String.escapeRegExp toComplete.substring 1}", "i"
2013-06-01 12:37:18 +00:00
commands = (command for command in v.config.installedCommands when regex.test command)
2013-06-01 12:06:55 +00:00
toComplete = '/' + commands[autocomplete.offset++ % commands.length] + ' ' if commands.length isnt 0
else
regex = new RegExp "^#{WCF.String.escapeRegExp toComplete}", "i"
users = [ ]
for userID, user of userList.current
users.push user.username if regex.test user.username
2013-06-01 12:06:55 +00:00
toComplete = users[autocomplete.offset++ % users.length] + ', ' if users.length isnt 0
2013-05-15 19:55:51 +00:00
input.val "#{beforeComplete}#{toComplete}#{afterComplete}"
input.setCaret (beforeComplete + toComplete).length
2013-05-15 19:55:51 +00:00
Reset autocompleter to default status, when a key is pressed that is not TAB.
2013-05-15 19:55:51 +00:00
else
2013-07-09 19:48:40 +00:00
do $('#timsChatInput').click
2013-05-15 19:55:51 +00:00
Reset autocompleter to default status, when the input is `click`ed, as the position of the caret may have changed.
2013-05-15 19:55:51 +00:00
$('#timsChatInput').click ->
autocomplete =
offset: 0
value: null
caret: null
2013-05-15 19:55:51 +00:00
Refresh the room list when the associated button is `click`ed.
2013-09-15 20:53:53 +00:00
$('#timsChatRoomList button').click -> do refreshRoomList
2013-04-27 11:04:36 +00:00
2013-05-15 19:55:51 +00:00
Clear the chat by removing every single message once the clear button is `clicked`.
2013-05-15 19:55:51 +00:00
$('#timsChatClear').click (event) ->
2013-07-09 19:48:40 +00:00
do event.preventDefault
do $('.timsChatMessageContainer.active .timsChatMessage').remove
$('.timsChatMessageContainer.active').scrollTop $('.timsChatMessageContainer.active').prop 'scrollHeight'
2013-05-15 19:55:51 +00:00
Handle toggling of the toggleable buttons.
$('.timsChatToggle').click (event) ->
element = $ @
if element.data('status') is 1
element.data 'status', 0
element.removeClass 'active'
element.attr 'title', element.data 'enableMessage'
else
element.data 'status', 1
element.addClass 'active'
element.attr 'title', element.data 'disableMessage'
2013-07-09 19:48:40 +00:00
do $('#timsChatInput').focus
2013-04-22 16:52:05 +00:00
2013-05-15 19:55:51 +00:00
Mark smilies as disabled when they are disabled.
2013-04-22 16:52:05 +00:00
2013-05-15 19:55:51 +00:00
$('#timsChatSmilies').click (event) ->
if $(@).data 'status'
$('#smilies').removeClass 'disabled'
else
$('#smilies').addClass 'disabled'
2013-04-22 16:52:05 +00:00
Toggle fullscreen mode.
2013-05-15 19:55:51 +00:00
$('#timsChatFullscreen').click (event) ->
# Force dropdowns to reorientate
$('.dropdownMenu').data 'orientationX', ''
2013-09-15 20:53:53 +00:00
if $(@).data 'status'
2013-05-15 19:55:51 +00:00
$('html').addClass 'fullscreen'
else
$('html').removeClass 'fullscreen'
2013-04-26 21:00:48 +00:00
2013-07-05 14:15:07 +00:00
Toggle checkboxes.
2013-04-26 21:00:48 +00:00
2013-05-15 19:55:51 +00:00
$('#timsChatMark').click (event) ->
if $(@).data 'status'
$('.timsChatMessageContainer').addClass 'markEnabled'
else
$('.timsChatMessageContainer').removeClass 'markEnabled'
2013-04-26 21:00:48 +00:00
2013-07-05 14:15:07 +00:00
Hide topic container.
$('.jsTopicCloser').on 'click', ->
if $('.timsChatMessageContainer.active').data('userID') is 0
$('#timsChatTopic').addClass 'hidden'
else
closePrivateChannel $('.timsChatMessageContainer.active').data('userID')
2013-05-15 19:55:51 +00:00
Visibly mark the message once the associated checkbox is checked.
$(document).on 'click', '.timsChatMessage :checkbox', (event) ->
if $(@).is ':checked'
$(@).parents('.timsChatMessage').addClass 'jsMarked'
2013-05-15 19:55:51 +00:00
else
$(@).parents('.timsChatMessage').removeClass 'jsMarked'
2013-04-22 16:52:05 +00:00
Scroll down when autoscroll is being activated.
2013-05-15 19:55:51 +00:00
$('#timsChatAutoscroll').click (event) ->
if $('#timsChatAutoscroll').data 'status'
$('.timsChatMessageContainer.active').scrollTop $('.timsChatMessageContainer.active').prop 'scrollHeight'
$('.timsChatMessageContainer.active').on 'scroll', (event) ->
element = $ @
scrollTop = element.scrollTop()
scrollHeight = element.prop 'scrollHeight'
height = element.height()
if scrollTop < scrollHeight - height - 25
2013-05-15 19:55:51 +00:00
if $('#timsChatAutoscroll').data('status') is 1
scrollUpNotifications = on
2013-07-09 19:48:40 +00:00
do $('#timsChatAutoscroll').click
if scrollTop > scrollHeight - height - 10
if $('#timsChatAutoscroll').data('status') is 0
scrollUpNotifications = off
$(@).removeClass 'notification'
2013-07-09 19:48:40 +00:00
do $('#timsChatAutoscroll').click
2013-05-24 13:30:18 +00:00
Enable duplicate tab detection.
try
window.localStorage.setItem 'be.bastelstu.chat.session', chatSession
$(window).on 'storage', (event) ->
if event.originalEvent.key is 'be.bastelstu.chat.session'
2013-09-15 20:46:14 +00:00
showError WCF.Language.get 'chat.error.duplicateTab' unless parseInt(event.originalEvent.newValue) is chatSession
Ask for permissions to use Desktop notifications when notifications are activated.
2013-05-15 19:55:51 +00:00
if window.Notification?
$('#timsChatNotify').click (event) ->
return unless $(@).data 'status'
2013-09-15 20:53:53 +00:00
unless window.Notification.permission is 'granted'
2013-05-15 19:55:51 +00:00
window.Notification.requestPermission (permission) ->
window.Notification.permission ?= permission
events.newMessage.add notify
Initialize the `PeriodicalExecuter`s
2013-05-15 19:55:51 +00:00
pe.refreshRoomList = new WCF.PeriodicalExecuter refreshRoomList, 60e3
pe.getMessages = new WCF.PeriodicalExecuter getMessages, v.config.reloadTime * 1e3
2013-05-15 19:55:51 +00:00
Initialize the [**nodePush**](https://github.com/wbbaddons/nodePush) integration of **Tims Chat**. Once
the browser is connected to **nodePush** periodic message loading will be disabled and **Tims Chat** will
load messages if the appropriate event arrives.
2013-05-15 19:55:51 +00:00
do ->
be.bastelstu.wcf.nodePush.onConnect ->
console.log 'Disabling periodic loading'
2013-07-09 19:48:40 +00:00
do pe.getMessages.stop
2013-05-15 19:55:51 +00:00
be.bastelstu.wcf.nodePush.onDisconnect ->
console.log 'Enabling periodic loading'
2013-07-09 19:48:40 +00:00
do getMessages
2013-05-15 19:55:51 +00:00
pe.getMessages = new WCF.PeriodicalExecuter getMessages, v.config.reloadTime * 1e3
2013-05-15 19:55:51 +00:00
be.bastelstu.wcf.nodePush.onMessage 'be.bastelstu.chat.newMessage', getMessages
be.bastelstu.wcf.nodePush.onMessage 'be.bastelstu.wcf.nodePush.tick60', getMessages
Finished! Enable the input now and join the chat.
join roomID
2013-07-09 19:48:40 +00:00
do $('#timsChatInput').enable().jCounter().focus
2013-05-15 19:55:51 +00:00
console.log "Finished initializing"
2013-05-15 19:55:51 +00:00
true
2013-07-09 19:42:01 +00:00
Shows an error message below the input.
showInputError = (message) ->
$('#timsChatInputContainer').addClass('formError').find('.innerError').show().html message
clearTimeout inputErrorHidingTimer if inputErrorHidingTimer?
inputErrorHidingTimer = setTimeout ->
2013-07-09 19:48:40 +00:00
do hideInputError
2013-07-09 19:42:01 +00:00
, 5e3
Hides the error message below the input.
hideInputError = ->
clearTimeout inputErrorHidingTimer if inputErrorHidingTimer?
inputErrorHidingTimer = null
2013-07-09 19:48:40 +00:00
do $('#timsChatInputContainer').removeClass('formError').find('.innerError').hide
2013-07-09 19:42:01 +00:00
2013-05-15 19:55:51 +00:00
Free the fish.
2013-05-15 19:55:51 +00:00
freeTheFish = ->
return if $.wcfIsset 'fish'
console.warn 'Freeing the fish'
fish = $ """<div id="fish">#{WCF.String.escapeHTML('><((((\u00B0>')}</div>"""
2013-07-09 19:48:40 +00:00
2013-05-15 19:55:51 +00:00
fish.css
2013-08-02 19:34:28 +00:00
position: 'fixed'
top: '50%'
left: '50%'
2013-05-15 19:55:51 +00:00
color: 'black'
textShadow: '1px 1px white'
zIndex: 9999
fish.appendTo $ 'body'
pe.fish = new WCF.PeriodicalExecuter ->
left = Math.random() * 100 - 50
top = Math.random() * 100 - 50
fish = $ '#fish'
2013-08-02 19:34:28 +00:00
left *= -1 unless fish.width() < (fish.position().left + left) < ($(window).width() - fish.width())
top *= -1 unless fish.height() < (fish.position().top + top) < ($(window).height() - fish.height())
2013-05-15 19:55:51 +00:00
if left > 0
fish.text '><((((\u00B0>' if left > 0
2013-05-15 19:55:51 +00:00
else if left < 0
fish.text '<\u00B0))))><'
fish.animate
2013-08-02 19:34:28 +00:00
top: (fish.position().top + top)
left: (fish.position().left + left)
2013-05-15 19:55:51 +00:00
, 1e3
, 1.5e3
Fetch new messages from the server and pass them to `handleMessages`. The userlist will be passed to `handleUsers`.
`remainingFailures` will be decreased on failure and message loading will be entirely disabled once it reaches zero.
getMessages = ->
$.ajax v.config.messageURL,
dataType: 'json'
type: 'POST'
success: (data) ->
remainingFailures = 3
handleMessages data.messages
handleUsers data.users
WCF.DOMNodeInsertedHandler.execute()
2013-05-15 19:55:51 +00:00
error: ->
console.error "Message loading failed, #{--remainingFailures} remaining"
if remainingFailures <= 0
2013-07-09 19:48:40 +00:00
do freeTheFish
2013-05-24 13:55:52 +00:00
console.error 'To many failures, aborting'
2013-05-15 19:55:51 +00:00
2013-05-24 17:26:29 +00:00
showError WCF.Language.get 'chat.error.onMessageLoad'
2013-05-15 19:55:51 +00:00
complete: ->
loading = false
2013-05-15 19:55:51 +00:00
Prevent loading messages in parallel.
2013-05-15 19:55:51 +00:00
beforeSend: ->
return false if loading
loading = true
2013-05-15 19:55:51 +00:00
Insert the given messages into the chat stream.
2013-05-15 19:55:51 +00:00
handleMessages = (messages) ->
$('.timsChatMessageContainer.active').trigger 'scroll'
2013-05-15 19:55:51 +00:00
for message in messages
message.isInPrivateChannel = (String(message.type) is v.config.messageTypes.WHISPER) and ($.wcfIsset("timsChatMessageContainer#{message.receiver}") or $.wcfIsset("timsChatMessageContainer#{message.sender}"))
2013-05-15 19:55:51 +00:00
events.newMessage.fire message
2013-06-23 17:46:50 +00:00
createNewMessage = yes
if $('.timsChatMessage:last-child .text').is('ul') and lastMessage isnt null and lastMessage.type in [ 0, 7 ]
if lastMessage.type is message.type and lastMessage.sender is message.sender and lastMessage.receiver is message.receiver and lastMessage.isInPrivateChannel is message.isInPrivateChannel
2013-06-23 17:46:50 +00:00
createNewMessage = no
if createNewMessage
message.isFollowUp = no
output = v.messageTemplate.fetch
2013-06-24 16:11:55 +00:00
message: message
messageTypes: v.config.messageTypes
2013-06-23 17:46:50 +00:00
li = $ '<li></li>'
li.addClass 'timsChatMessage'
li.addClass "timsChatMessage#{message.type}"
li.addClass "user#{message.sender}"
li.addClass 'ownMessage' if message.sender is WCF.User.userID
li.append output
if message.isInPrivateChannel and message.sender is WCF.User.userID
li.appendTo $ "#timsChatMessageContainer#{message.receiver} > ul"
else if message.isInPrivateChannel
li.appendTo $ "#timsChatMessageContainer#{message.sender} > ul"
else
li.appendTo $ '#timsChatMessageContainer0 > ul'
2013-06-23 17:46:50 +00:00
else
message.isFollowUp = yes
output = v.messageTemplate.fetch
2013-06-24 16:11:55 +00:00
message: message
messageTypes: v.config.messageTypes
if message.isInPrivateChannel and message.sender is WCF.User.userID
messageContainerID = message.receiver
else if message.isInPrivateChannel
messageContainerID = message.sender
else
messageContainerID = 0
$("#timsChatMessageContainer#{messageContainerID} .timsChatMessage:last-child .text").append $(output).find('.text li:last-child')
2013-06-23 17:46:50 +00:00
lastMessage = message
$('.timsChatMessageContainer.active').scrollTop $('.timsChatMessageContainer.active').prop('scrollHeight') if $('#timsChatAutoscroll').data('status') is 1
2013-05-15 19:55:51 +00:00
Rebuild the userlist based on the given `users`.
2013-05-15 19:55:51 +00:00
handleUsers = (users) ->
foundUsers = { }
userList.current = { }
2013-05-15 19:55:51 +00:00
for user in users
do (user) ->
userList.current[user.userID] = userList.allTime[user.userID] = user
id = "timsChatUser#{user.userID}"
2013-05-15 19:55:51 +00:00
Move the user to the new position if he was found in the old list.
if $.wcfIsset id
console.log "Moving User: '#{user.username}'"
element = $("##{id}").detach()
if user.awayStatus?
element.addClass 'away'
element.attr 'title', user.awayStatus
else
element.removeClass 'away'
element.removeAttr 'title'
element.data 'tooltip', ''
if user.suspended
element.addClass 'suspended'
else
element.removeClass 'suspended'
$('#timsChatUserList > ul').append element
2013-05-15 19:55:51 +00:00
Build HTML of the user and insert it into the list, if the users was not found in the chat before.
else
console.log "Inserting User: '#{user.username}'"
li = $ '<li></li>'
li.attr 'id', id
li.addClass 'timsChatUser'
li.addClass 'jsTooltip'
li.addClass 'dropdown'
li.addClass 'you' if user.userID is WCF.User.userID
li.addClass 'suspended' if user.suspended
if user.awayStatus?
li.addClass 'away'
li.attr 'title', user.awayStatus
li.data 'username', user.username
li.append v.userTemplate.fetch user
menu = $ '<ul></ul>'
unless user.userID is WCF.User.userID
menu.append $("<li><a>#{WCF.Language.get('chat.general.query')}</a></li>").click -> openPrivateChannel user.userID
menu.append $ "<li><a>#{WCF.Language.get('chat.general.kick')}</a></li>"
menu.append $ "<li><a>#{WCF.Language.get('chat.general.ban')}</a></li>"
menu.append $ """<li><a href="#{user.link}">#{WCF.Language.get('chat.general.profile')}</a></li>"""
events.userMenu.fire user, menu
if menu.find('li').length
li.append menu
menu.addClass 'dropdownMenu'
li.appendTo $ '#timsChatUserList > ul'
2013-05-15 19:55:51 +00:00
foundUsers[id] = true
2013-05-15 19:55:51 +00:00
Remove all users that left the chat.
2013-05-15 19:55:51 +00:00
$('.timsChatUser').each ->
unless foundUsers[$(@).attr('id')]?
console.log "Removing User: '#{$(@).data('username')}'"
WCF.Dropdown.removeDropdown $(@).attr 'id'
2013-07-09 19:48:40 +00:00
do $(@).remove
2013-05-15 19:55:51 +00:00
$('#toggleUsers .badge').text $('.timsChatUser').length
2013-05-15 19:55:51 +00:00
Insert the given `text` into the input. If `options.append` is true the given `text` will be appended, otherwise it will replaced
the existing text. If `options.submit` is true the message will be sent to the server afterwards.
2013-05-15 19:55:51 +00:00
insertText = (text, options = { }) ->
options = $.extend
append: true
submit: false
, options
text = $('#timsChatInput').val() + text if options.append
$('#timsChatInput').val text
2013-07-09 19:48:40 +00:00
do $('#timsChatInput').keyup
2013-05-15 19:55:51 +00:00
2013-07-09 19:48:40 +00:00
if options.submit
do $('#timsChatForm').submit
2013-05-15 19:55:51 +00:00
else
2013-07-09 19:48:40 +00:00
do $('#timsChatInput').focus
2013-05-15 19:55:51 +00:00
Send out notifications for the given `message`. The number of unread messages will be prepended to `document.title` and if available desktop notifications will be sent.
2013-05-15 19:55:51 +00:00
notify = (message) ->
if scrollUpNotifications
$('.timsChatMessageContainer.active').addClass 'notification'
if message.isInPrivateChannel
if message.sender is WCF.User.userID
privateChannelID = message.receiver
else
privateChannelID = message.sender
if $('.timsChatMessageContainer.active').data('userID') isnt privateChannelID
$("#privateChannel#{privateChannelID}").addClass 'notify'
else if $('.timsChatMessageContainer.active').data('userID') isnt 0
$("#privateChannel0").addClass 'notify'
2013-05-15 19:55:51 +00:00
return if isActive or $('#timsChatNotify').data('status') is 0
2013-08-21 18:36:22 +00:00
document.title = v.titleTemplate.fetch $.extend {}, currentRoom,
newMessageCount: ++newMessageCount
2013-05-15 19:55:51 +00:00
title = WCF.Language.get 'chat.general.notify.title'
content = "#{message.username}#{message.separator} #{message.message}"
if window.Notification?.permission is 'granted'
do ->
notification = new window.Notification title,
body: content
onclick: ->
2013-07-09 19:48:40 +00:00
do notification.close
2013-05-15 19:55:51 +00:00
setTimeout ->
2013-07-09 19:48:40 +00:00
do notification.close
2013-05-15 19:55:51 +00:00
, 5e3
Fetch the roomlist from the server and update it in the GUI.
refreshRoomList = ->
console.log 'Refreshing the roomlist'
new WCF.Action.Proxy
autoSend: true
data:
actionName: 'getRoomList'
className: 'chat\\data\\room\\RoomAction'
showLoadingOverlay: false
suppressErrors: true
success: (data) ->
2013-07-09 19:48:40 +00:00
do $('.timsChatRoom').remove
2013-05-15 19:55:51 +00:00
$('#toggleRooms .badge').text data.returnValues.length
2013-05-15 19:55:51 +00:00
for room in data.returnValues
li = $ '<li></li>'
li.addClass 'active' if room.active
$("""<a href="#{room.link}">#{room.title} <span class="badge">#{WCF.String.formatNumeric room.userCount}</span></a>""").addClass('timsChatRoom').data('roomID', room.roomID).appendTo li
2013-05-15 19:55:51 +00:00
$('#timsChatRoomList ul').append li
2013-05-15 19:55:51 +00:00
if window.history?.replaceState?
$('.timsChatRoom').click (event) ->
2013-07-09 19:48:40 +00:00
do event.preventDefault
target = $ @
2013-05-15 19:55:51 +00:00
window.history.replaceState {}, '', target.attr 'href'
join target.data 'roomID'
$('#timsChatRoomList .active').removeClass 'active'
target.parent().addClass 'active'
2013-05-15 19:55:51 +00:00
console.log "Found #{data.returnValues.length} rooms"
2013-05-24 13:55:52 +00:00
Shows an unrecoverable error with the given text.
showError = (text) ->
return if errorVisible
errorVisible = true
loading = true
2013-07-09 19:48:40 +00:00
do pe.refreshRoomList.stop
do pe.getMessages.stop
2013-05-24 13:55:52 +00:00
errorDialog = $("""
<div id="timsChatLoadingErrorDialog">
<p>#{text}</p>
</div>
""").appendTo 'body'
formSubmit = $("""<div class="formSubmit"></div>""").appendTo errorDialog
2013-09-15 20:53:53 +00:00
2013-05-24 17:26:29 +00:00
reloadButton = $("""<button class="buttonPrimary">#{WCF.Language.get 'chat.error.reload'}</button>""").appendTo formSubmit
2013-09-15 20:53:53 +00:00
reloadButton.on 'click', -> do window.location.reload
2013-05-24 13:55:52 +00:00
$('#timsChatLoadingErrorDialog').wcfDialog
closable: false
title: WCF.Language.get 'wcf.global.error.title'
Joins a room.
2013-05-24 13:55:52 +00:00
join = (roomID) ->
loading = true
new WCF.Action.Proxy
autoSend: true
data:
actionName: 'join'
className: 'chat\\data\\room\\RoomAction'
parameters:
roomID: roomID
success: (data) ->
loading = false
2013-07-05 14:15:07 +00:00
$('#timsChatTopic').removeClass 'hidden'
currentRoom = data.returnValues
currentRoom.roomID = roomID
2013-07-05 14:15:07 +00:00
$('#timsChatTopic > .topic').text currentRoom.topic
if currentRoom.topic.trim() is ''
$('#timsChatTopic').addClass 'empty'
else
$('#timsChatTopic').removeClass 'empty'
$('.timsChatMessage').addClass 'unloaded'
document.title = v.titleTemplate.fetch currentRoom
handleMessages currentRoom.messages
2013-07-09 19:48:40 +00:00
do getMessages
do refreshRoomList
failure: ->
showError WCF.Language.get 'chat.error.join'
Open private channel
2013-07-12 18:52:54 +00:00
openPrivateChannel = (userID) ->
userID = parseInt userID
console.log "Opening private channel #{userID}"
2013-07-12 18:52:54 +00:00
unless $.wcfIsset "timsChatMessageContainer#{userID}"
return unless userList.allTime[userID]?
div = $ '<div>'
div.attr 'id', "timsChatMessageContainer#{userID}"
div.data 'userID', userID
div.addClass 'timsChatMessageContainer'
div.addClass 'marginTop'
div.addClass 'container'
div.wrapInner '<ul>'
$('#timsChatMessageContainer0').after div
2013-07-12 18:52:54 +00:00
$('.privateChannel').removeClass 'active'
2013-09-15 20:53:53 +00:00
if userID isnt 0
$('#timsChatTopic').removeClass 'hidden empty'
$('#timsChatTopic > .topic').text WCF.Language.get 'chat.general.privateChannelTopic', {username: userList.allTime[userID].username}
$('#timsChatTopic > .jsTopicCloser').attr 'title', WCF.Language.get 'chat.general.closePrivateChannel'
2013-07-12 18:52:54 +00:00
unless $.wcfIsset "privateChannel#{userID}"
li = $ '<li>'
li.attr 'id', "privateChannel#{userID}"
li.data 'privateChannelID', userID
li.addClass 'privateChannel'
2013-07-12 18:52:54 +00:00
span = $ '<span class="userAvatar framed" />'
2013-07-12 19:29:17 +00:00
avatar = $ userList.allTime[userID].avatar[16]
avatar.addClass 'jsTooltip'
avatar.attr 'title', userList.allTime[userID].username
avatar.wrap span
li.append avatar.parent().addClass 'small'
avatar = $ userList.allTime[userID].avatar[32]
avatar.addClass 'jsTooltip'
avatar.attr 'title', userList.allTime[userID].username
avatar.wrap span
li.append avatar.parent().addClass 'large'
2013-07-12 18:52:54 +00:00
$('#privateChannelsMenu ul').append li
2013-07-12 18:52:54 +00:00
$('#privateChannelsMenu').addClass 'shown'
else
$('#timsChatTopic > .topic').text currentRoom.topic
$('#timsChatTopic > .jsTopicCloser').attr 'title', WCF.Language.get 'chat.general.closeTopic'
if currentRoom.topic.trim() is ''
$('#timsChatTopic').addClass 'empty'
else
$('#timsChatTopic').removeClass 'empty'
do WCF.DOMNodeInsertedHandler.execute
$('.timsChatMessageContainer').removeClass 'active'
$("#timsChatMessageContainer#{userID}").addClass 'active'
$("#privateChannel#{userID}").addClass('active').removeClass 'notify'
openChannel = userID
Close private channel
closePrivateChannel = (userID) ->
unless userID is 0
do $("#privateChannel#{userID}").remove
do $("#timsChatMessageContainer#{userID}").remove
2013-07-12 18:52:54 +00:00
if $('#privateChannelsMenu li').length <= 1
$('#privateChannelsMenu').removeClass 'shown'
openPrivateChannel 0
2013-05-15 19:55:51 +00:00
Bind the given callback to the given event.
2013-05-15 19:55:51 +00:00
addListener = (event, callback) ->
return false unless events[event]?
events[event].add callback
2013-07-09 19:48:40 +00:00
true
2013-05-15 19:55:51 +00:00
Remove the given callback from the given event.
2013-05-15 19:55:51 +00:00
removeListener = (event, callback) ->
return false unless events[event]?
events[event].remove callback
2013-07-09 19:48:40 +00:00
true
2013-05-15 19:55:51 +00:00
And finally export the public methods and variables.
2013-05-15 19:55:51 +00:00
Chat =
init: init
getMessages: getMessages
refreshRoomList: refreshRoomList
insertText: insertText
freeTheFish: freeTheFish
join: join
2013-05-15 19:55:51 +00:00
listener:
add: addListener
remove: removeListener
2013-07-12 18:52:54 +00:00
2013-05-15 19:55:51 +00:00
window.be ?= {}
be.bastelstu ?= {}
window.be.bastelstu.Chat = Chat
)(jQuery, @)