mirror of
https://github.com/wbbaddons/Tims-Chat.git
synced 2024-12-23 21:50:09 +00:00
296 lines
8.2 KiB
CoffeeScript
296 lines
8.2 KiB
CoffeeScript
###
|
|
# TimWolla.WCF.Chat
|
|
#
|
|
# @author Tim Düsterhus
|
|
# @copyright 2010-2011 Tim Düsterhus
|
|
# @license Creative Commons Attribution-NonCommercial-ShareAlike <http://creativecommons.org/licenses/by-nc-sa/3.0/legalcode>
|
|
# @package timwolla.wcf.chat
|
|
###
|
|
|
|
TimWolla ?= {}
|
|
TimWolla.WCF ?= {}
|
|
|
|
(($) ->
|
|
TimWolla.WCF.Chat =
|
|
titleTemplate: null
|
|
title: document.title
|
|
messageTemplate: null
|
|
newMessageCount: null
|
|
events: { newMessage: $.Callbacks() }
|
|
init: () ->
|
|
@bindEvents()
|
|
@refreshRoomList()
|
|
new WCF.PeriodicalExecuter $.proxy(@refreshRoomList, this), 60e3
|
|
new WCF.PeriodicalExecuter $.proxy(@getMessages, this), @config.reloadTime * 1000
|
|
|
|
$('#chatInput').focus()
|
|
###
|
|
# Binds all the events needed for Tims Chat.
|
|
###
|
|
bindEvents: () ->
|
|
@isActive = true
|
|
$(window).focus $.proxy () ->
|
|
document.title = @title
|
|
@newMessageCount = 0
|
|
clearTimeout @timeout
|
|
@isActive = true
|
|
, this
|
|
|
|
$(window).blur $.proxy () ->
|
|
@title = document.title
|
|
@isActive = false
|
|
, this
|
|
|
|
$('.smiley').click $.proxy (event) ->
|
|
@insertText ' ' + $(event.target).attr('alt') + ' '
|
|
, this
|
|
|
|
$('.chatSidebarTabs li').click $.proxy (event) ->
|
|
event.preventDefault()
|
|
@toggleSidebarContents $ event.target
|
|
, this
|
|
|
|
$('.chatUser .chatUserLink').click $.proxy (event) ->
|
|
event.preventDefault()
|
|
@toggleUserMenu $ event.target
|
|
, this
|
|
|
|
$('#chatForm').submit $.proxy (event) ->
|
|
event.preventDefault()
|
|
@submit $ event.target
|
|
, this
|
|
|
|
$('#chatClear').click (event) ->
|
|
event.preventDefault()
|
|
$('.chatMessage').remove()
|
|
$('#chatInput').focus()
|
|
|
|
$('.chatToggle').click (event) ->
|
|
element = $ this
|
|
icon = element.find 'img'
|
|
if element.data('status') is 1
|
|
element.data 'status', 0
|
|
icon.attr 'src', icon.attr('src').replace /enabled(\d?).([a-z]{3})$/, 'disabled$1.$2'
|
|
element.attr 'title', element.data 'enableMessage'
|
|
else
|
|
element.data 'status', 1
|
|
icon.attr 'src', icon.attr('src').replace /disabled(\d?).([a-z]{3})$/, 'enabled$1.$2'
|
|
element.attr 'title', element.data 'disableMessage'
|
|
###
|
|
# Changes the chat-room.
|
|
#
|
|
# @param jQuery-object target
|
|
###
|
|
changeRoom: (target) ->
|
|
window.history.replaceState {}, '', target.attr('href')
|
|
|
|
$.ajax target.attr('href'),
|
|
dataType: 'json'
|
|
data:
|
|
ajax: 1
|
|
type: 'POST'
|
|
success: $.proxy((data, textStatus, jqXHR) ->
|
|
@loading = false
|
|
target.parent().removeClass 'ajaxLoad'
|
|
|
|
# mark as active
|
|
$('.activeMenuItem .chatRoom').parent().removeClass 'activeMenuItem'
|
|
target.parent().addClass 'activeMenuItem'
|
|
|
|
# set new topic
|
|
if data.topic is ''
|
|
return if $('#topic').text().trim() is ''
|
|
|
|
$('#topic').wcfBlindOut 'vertical', () ->
|
|
$(this).text ''
|
|
else
|
|
$('#topic').text data.topic
|
|
$('#topic').wcfBlindIn() if $('#topic').text().trim() isnt ''
|
|
|
|
$('title').text @titleTemplate.fetch(data)
|
|
, this)
|
|
error: () ->
|
|
# reload page to change the room the old fashion-way
|
|
# inclusive the error-message :)
|
|
window.location.reload true
|
|
beforeSend: $.proxy(() ->
|
|
return false if @loading or target.parent().hasClass 'activeMenuItem'
|
|
|
|
@loading = true
|
|
target.parent().addClass 'ajaxLoad'
|
|
, this)
|
|
###
|
|
# Frees the fish
|
|
###
|
|
freeTheFish: () ->
|
|
return if $.wcfIsset('fish')
|
|
fish = $ '<div id="fish">' + WCF.String.escapeHTML('><((((°>') + '</div>'
|
|
fish.css
|
|
position: 'absolute'
|
|
top: '150px'
|
|
left: '400px'
|
|
color: 'black'
|
|
textShadow: '1px 1px white'
|
|
zIndex: 9999
|
|
|
|
fish.appendTo $ 'body'
|
|
new WCF.PeriodicalExecuter(() ->
|
|
left = (Math.random() * 100 - 50)
|
|
top = (Math.random() * 100 - 50)
|
|
fish = $('#fish')
|
|
|
|
left *= -1 if((fish.position().left + left) < (0 + fish.width()) or (fish.position().left + left) > ($(document).width() - fish.width()))
|
|
top *= -1 if((fish.position().top + top) < (0 + fish.height()) or (fish.position().top + top) > ($(document).height() - fish.height()))
|
|
|
|
fish.text('><((((°>') if (left > 0)
|
|
fish.text('<°))))><') if (left < 0)
|
|
|
|
fish.animate
|
|
top: '+=' + top
|
|
left: '+=' + left
|
|
, 1000
|
|
, 1.5e3);
|
|
###
|
|
# Loads new messages.
|
|
###
|
|
getMessages: () ->
|
|
$.ajax 'index.php/Chat/Message/',
|
|
dataType: 'json'
|
|
type: 'POST'
|
|
success: $.proxy((data, textStatus, jqXHR) ->
|
|
if (!@isActive && $('#chatNotify').data('status') is 1)
|
|
@newMessageCount += data.messages.length
|
|
if (@newMessageCount > 0)
|
|
@timeout = setTimeout $.proxy(() ->
|
|
document.title = @newMessageCount + WCF.Language.get('wcf.chat.newMessages')
|
|
setTimeout $.proxy(() ->
|
|
document.title = @title
|
|
, this), 3000
|
|
, this), 1000
|
|
@handleMessages(data.messages)
|
|
, this)
|
|
###
|
|
# Inserts the new messages.
|
|
#
|
|
# @param array<object> messages
|
|
###
|
|
handleMessages: (messages) ->
|
|
for message in messages
|
|
@events.newMessage.fire message
|
|
|
|
output = @messageTemplate.fetch message
|
|
li = $ '<li></li>'
|
|
li.addClass 'chatMessage chatMessage'+message.type
|
|
li.addClass 'ownMessage' if message.sender is WCF.User.userID
|
|
li.append output
|
|
|
|
li.appendTo $ '.chatMessageContainer ul'
|
|
$('.chatMessageContainer').animate
|
|
scrollTop: $('.chatMessageContainer ul').height()
|
|
, 1000
|
|
###
|
|
# Inserts text into our input.
|
|
#
|
|
# @param string text
|
|
# @param object options
|
|
###
|
|
insertText: (text, options) ->
|
|
options = $.extend
|
|
append: true
|
|
submit: false
|
|
, options or {}
|
|
|
|
text = $('#chatInput').val() + text if options.append
|
|
$('#chatInput').val(text)
|
|
$('#chatInput').keyup()
|
|
|
|
if (options.submit)
|
|
$('#chatForm').submit()
|
|
else
|
|
$('#chatInput').focus()
|
|
###
|
|
# Refreshes the room-list.
|
|
###
|
|
refreshRoomList: () ->
|
|
$('#toggleRooms a').addClass 'ajaxLoad'
|
|
|
|
$.ajax $('#toggleRooms a').data('refreshUrl'),
|
|
dataType: 'json'
|
|
type: 'POST'
|
|
success: $.proxy((data, textStatus, jqXHR) ->
|
|
$('#chatRoomList li').remove()
|
|
$('#toggleRooms a').removeClass 'ajaxLoad'
|
|
$('#toggleRooms .badge').text(data.length);
|
|
|
|
for room in data
|
|
li = $ '<li></li>'
|
|
li.addClass 'activeMenuItem' if room.active
|
|
$('<a href="' + room.link + '">' + room.title + '</a>').addClass('chatRoom').appendTo li
|
|
$('#chatRoomList ul').append li
|
|
$('.chatRoom').click $.proxy (event) ->
|
|
return if typeof window.history.replaceState is 'undefined'
|
|
event.preventDefault()
|
|
@changeRoom $ event.target
|
|
, this
|
|
, this)
|
|
###
|
|
# Handles submitting of messages.
|
|
#
|
|
# @param jQuery-object target
|
|
###
|
|
submit: (target) ->
|
|
# break if input contains only whitespace
|
|
return false if $('#chatInput').val().trim().length is 0
|
|
|
|
@freeTheFish() if $('#chatInput').val().trim().toLowerCase() is '/free the fish'
|
|
|
|
$.ajax $('#chatForm').attr('action'),
|
|
data:
|
|
text: $('#chatInput').val(),
|
|
smilies: $('#chatSmilies').data('status')
|
|
type: 'POST',
|
|
beforeSend: (jqXHR) ->
|
|
$('#chatInput').addClass 'ajaxLoad'
|
|
success: $.proxy((data, textStatus, jqXHR) ->
|
|
@getMessages()
|
|
$('#chatInput').val('').focus()
|
|
$('#chatInput').keyup()
|
|
, this)
|
|
complete: () ->
|
|
$('#chatInput').removeClass 'ajaxLoad'
|
|
###
|
|
# Toggles between user- and room-list.
|
|
#
|
|
# @param jQuery-object target
|
|
###
|
|
toggleSidebarContents: (target) ->
|
|
return if target.parent().hasClass 'active'
|
|
|
|
if target.parent().attr('id') is 'toggleUsers'
|
|
$('#toggleUsers').addClass 'active'
|
|
$('#toggleRooms').removeClass 'active'
|
|
|
|
$('#chatRoomList').hide()
|
|
$('#chatUserList').show()
|
|
else if target.parent().attr('id') is 'toggleRooms'
|
|
$('#toggleRooms').addClass 'active'
|
|
$('#toggleUsers').removeClass 'active'
|
|
|
|
$('#chatUserList').hide()
|
|
$('#chatRoomList').show()
|
|
###
|
|
# Toggles the user-menu.
|
|
#
|
|
# @param jQuery-object target
|
|
###
|
|
toggleUserMenu: (target) ->
|
|
liUserID = '#' + target.parent().parent().attr 'id'
|
|
|
|
if $(liUserID).hasClass 'activeMenuItem'
|
|
$(liUserID + ' .chatUserMenu').wcfBlindOut 'vertical', () ->
|
|
$(liUserID).removeClass 'activeMenuItem'
|
|
else
|
|
$(liUserID).addClass 'activeMenuItem'
|
|
$(liUserID + ' .chatUserMenu').wcfBlindIn()
|
|
)(jQuery)
|