mirror of
https://github.com/wbbaddons/Tims-Chat.git
synced 2025-01-09 00:20:08 +00:00
Ported TimWolla.WCF.Chat.js to coffeescript
This commit is contained in:
Tim Düsterhus
parent
fc16da5acd
commit
8cb95a94be
177
file/js/TimWolla.WCF.Chat.cs
Normal file
177
file/js/TimWolla.WCF.Chat.cs
Normal file
@ -0,0 +1,177 @@
|
||||
TimWolla ?= {}
|
||||
TimWolla.WCF ?= {}
|
||||
|
||||
(($) ->
|
||||
TimWolla.WCF.Chat =
|
||||
titleTemplate: null
|
||||
messageTemplate: null
|
||||
init: (roomID, messageID) ->
|
||||
this.bindEvents()
|
||||
this.refreshRoomList()
|
||||
new WCF.PeriodicalExecuter $.proxy(this.refreshRoomList, this), 10e3
|
||||
|
||||
$('#chatInput').focus()
|
||||
bindEvents: () ->
|
||||
$('.smiley').click $.proxy (event) ->
|
||||
this.insertText ' ' + $(event.target).attr('alt') + ' '
|
||||
, this
|
||||
|
||||
$('.chatSidebarTabs li').click $.proxy (event) ->
|
||||
event.preventDefault()
|
||||
this.toggleSidebarContents $ event.target
|
||||
, this
|
||||
|
||||
$('.chatUser .chatUserLink').click $.proxy (event) ->
|
||||
event.preventDefault()
|
||||
this.toggleUserMenu $ event.target
|
||||
, this
|
||||
|
||||
$('#chatForm').submit $.proxy (event) ->
|
||||
event.preventDefault()
|
||||
this.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') == 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'
|
||||
changeRoom: (target) ->
|
||||
window.history.replaceState {}, '', target.attr('href')
|
||||
|
||||
$.ajax target.attr('href'),
|
||||
dataType: 'json'
|
||||
data:
|
||||
ajax: 1
|
||||
type: 'POST'
|
||||
success: $.proxy((data, textStatus, jqXHR) ->
|
||||
this.loading = false
|
||||
target.parent().removeClass 'ajaxLoad'
|
||||
|
||||
# mark as active
|
||||
$('.activeMenuItem .chatRoom').parent().removeClass 'activeMenuItem'
|
||||
target.parent().addClass 'activeMenuItem'
|
||||
|
||||
# set new topic
|
||||
if data.topic == ''
|
||||
return if $('#topic').text().trim() == ''
|
||||
|
||||
$('#topic').wcfBlindOut 'vertical', () ->
|
||||
$(this).text ''
|
||||
else
|
||||
$('#topic').text data.topic
|
||||
$('#topic').wcfBlindIn() if $('#topic').text().trim() != ''
|
||||
|
||||
$('title').text this.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 this.loading or target.parent().hasClass 'activeMenuItem'
|
||||
|
||||
this.loading = true
|
||||
target.parent().addClass 'ajaxLoad'
|
||||
, this)
|
||||
getMessages: () ->
|
||||
handleMessages: (messages) ->
|
||||
for message in messages
|
||||
output = this.messageTemplate.fetch message
|
||||
li = $ '<li></li>'
|
||||
li.addClass 'chatMessage chatMessage'+message.type
|
||||
li.addClass 'ownMessage' if message.sender == WCF.User.userID
|
||||
li.append output
|
||||
|
||||
li.appendTo $ '.chatMessageContainer ul'
|
||||
$('.chatMessageContainer').animate
|
||||
scrollTop: $('.chatMessageContainer ul').height()
|
||||
, 1000
|
||||
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()
|
||||
refreshRoomList: () ->
|
||||
$('.chatRoom').unbind 'click'
|
||||
$('#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'
|
||||
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 == 'undefined'
|
||||
event.preventDefault()
|
||||
this.changeRoom $ event.target
|
||||
, this
|
||||
, this)
|
||||
submit: (target) ->
|
||||
# break if input contains only whitespace
|
||||
return false if $('#chatInput').val().trim().length == 0
|
||||
|
||||
$.ajax $('#chatForm').attr('action'),
|
||||
data:
|
||||
text: $('#chatInput').val()
|
||||
type: 'POST',
|
||||
beforeSend: (jqXHR) ->
|
||||
$('#chatInput').addClass 'ajaxLoad'
|
||||
success: $.proxy((data, textStatus, jqXHR) ->
|
||||
this.getMessages()
|
||||
$('#chatInput').val('').focus()
|
||||
$('#chatInput').keyup()
|
||||
, this)
|
||||
complete: () ->
|
||||
$('#chatInput').removeClass 'ajaxLoad'
|
||||
toggleSidebarContents: (target) ->
|
||||
return if target.parent().hasClass 'active'
|
||||
|
||||
if target.parent().attr('id') == 'toggleUsers'
|
||||
$('#toggleUsers').addClass 'active'
|
||||
$('#toggleRooms').removeClass 'active'
|
||||
|
||||
$('#chatRoomList').hide()
|
||||
$('#chatUserList').show()
|
||||
else if target.parent().attr('id') == 'toggleRooms'
|
||||
$('#toggleRooms').addClass 'active'
|
||||
$('#toggleUsers').removeClass 'active'
|
||||
|
||||
$('#chatUserList').hide()
|
||||
$('#chatRoomList').show()
|
||||
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)
|
||||
@ -1,253 +0,0 @@
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
if (typeof TimWolla == 'undefined') var TimWolla = {};
|
||||
if (typeof TimWolla.WCF == 'undefined') TimWolla.WCF = {};
|
||||
|
||||
|
||||
(function ($, document) {
|
||||
TimWolla.WCF.Chat = {
|
||||
titleTemplate: null,
|
||||
messageTemplate: null,
|
||||
init: function(roomID, messageID) {
|
||||
this.bindEvents();
|
||||
this.refreshRoomList();
|
||||
new WCF.PeriodicalExecuter($.proxy(this.refreshRoomList, this), 10e3);
|
||||
|
||||
$('#chatInput').focus();
|
||||
},
|
||||
/**
|
||||
* Binds all the events needed for Tims Chat.
|
||||
*/
|
||||
bindEvents: function () {
|
||||
$('.smiley').click($.proxy(function (event) {
|
||||
this.insertText(' '+$(event.target).attr('alt')+' ');
|
||||
}, this));
|
||||
|
||||
// $(window).bind('beforeunload', function() {
|
||||
// return false;
|
||||
// });
|
||||
|
||||
$('.chatSidebarTabs li').click($.proxy(function (event) {
|
||||
event.preventDefault();
|
||||
this.toggleSidebarContent($(event.target));
|
||||
}, this));
|
||||
|
||||
$('.chatUser .chatUserLink').click($.proxy(function (event) {
|
||||
event.preventDefault();
|
||||
this.toggleUserMenu($(event.target));
|
||||
}, this));
|
||||
|
||||
$('#chatForm').submit($.proxy(function (event) {
|
||||
event.preventDefault();
|
||||
this.submit($(event.target));
|
||||
}, this));
|
||||
|
||||
$('#chatClear').click(function (event) {
|
||||
event.preventDefault();
|
||||
$('.chatMessage').remove();
|
||||
$('#chatInput').focus();
|
||||
});
|
||||
|
||||
$('.chatToggle').click(function (event) {
|
||||
var element = $(this);
|
||||
var icon = $('img', element);
|
||||
if (element.data('status') == '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 object target
|
||||
*/
|
||||
changeRoom: function (target) {
|
||||
window.history.replaceState({}, '', target.attr('href'));
|
||||
|
||||
// actually change the room
|
||||
$.ajax(target.attr('href'), {
|
||||
dataType: 'json',
|
||||
data: { ajax: 1 },
|
||||
type: 'POST',
|
||||
success: $.proxy(function (data, textStatus, jqXHR) {
|
||||
this.loading = false;
|
||||
|
||||
target.parent().removeClass('ajaxLoad');
|
||||
|
||||
// mark as active;
|
||||
$('.activeMenuItem .chatRoom').parent().removeClass('activeMenuItem');
|
||||
target.parent().addClass('activeMenuItem');
|
||||
|
||||
// set new topic
|
||||
if (data.topic == '') {
|
||||
if (data.topic == '' && $('#topic').text().trim() == '') return;
|
||||
|
||||
$('#topic').wcfBlindOut('vertical', function () {
|
||||
$(this).text('');
|
||||
});
|
||||
}
|
||||
else {
|
||||
if ($('#topic').text().trim() != '') $('#topic').text(data.topic);
|
||||
else {
|
||||
$('#topic').text(data.topic);
|
||||
$('#topic').wcfBlindIn();
|
||||
}
|
||||
}
|
||||
|
||||
// set page-title
|
||||
$('title').text(this.titleTemplate.fetch(data));
|
||||
}, this),
|
||||
error: function() {
|
||||
// reload page to change the room the old fashion-way
|
||||
// inclusive the error-message :)
|
||||
window.location.reload(true);
|
||||
},
|
||||
beforeSend: $.proxy(function () {
|
||||
if (this.loading || target.parent().hasClass('activeMenuItem')) return false;
|
||||
|
||||
this.loading = true;
|
||||
|
||||
target.parent().addClass('ajaxLoad');
|
||||
}, this)
|
||||
});
|
||||
},
|
||||
getMessages: function () {
|
||||
|
||||
},
|
||||
/**
|
||||
* Appends the messages.
|
||||
*
|
||||
* @param array<object> messages
|
||||
*/
|
||||
handleMessages: function (messages) {
|
||||
for (message in messages) {
|
||||
message = messages[message];
|
||||
output = this.messageTemplate.fetch(message);
|
||||
|
||||
li = $('<li></li>');
|
||||
li.addClass('chatMessage chatMessage'+message.type);
|
||||
if (message.sender == WCF.User.userID) li.addClass('ownMessage');
|
||||
li.append(output);
|
||||
|
||||
$('.chatMessageContainer ul').append(li);
|
||||
}
|
||||
$('.chatMessageContainer').animate({ scrollTop: $('.chatMessageContainer ul').height() }, 10000);
|
||||
},
|
||||
/**
|
||||
* Inserts text into the chat-input.
|
||||
*
|
||||
* @param string text
|
||||
* @param object options
|
||||
*/
|
||||
insertText: function (text, options) {
|
||||
options = $.extend({
|
||||
append: true,
|
||||
submit: false
|
||||
}, options || {});
|
||||
|
||||
if (options.append) {
|
||||
text = $('#chatInput').val() + text;
|
||||
if(text.length > this.config.maxTextLength) {
|
||||
$('#chatInput').focus();
|
||||
return;
|
||||
}
|
||||
}
|
||||
$('#chatInput').val(text);
|
||||
$('#chatInput').trigger('keyup');
|
||||
|
||||
if (options.submit) $('#chatForm').submit();
|
||||
else $('#chatInput').focus();
|
||||
},
|
||||
refreshRoomList: function() {
|
||||
$('.chatRoom').unbind('click');
|
||||
$('#toggleRooms a').addClass('ajaxLoad');
|
||||
|
||||
$.ajax($('#toggleRooms a').data('refreshUrl'), {
|
||||
dataType: 'json',
|
||||
type: 'POST',
|
||||
success: $.proxy(function (data, textStatus, jqXHR) {
|
||||
$('#chatRoomList li').remove();
|
||||
$('#toggleRooms a').removeClass('ajaxLoad');
|
||||
for (var room in data) {
|
||||
var li = $('<li></li>');
|
||||
if (data[room].active) li.addClass('activeMenuItem');
|
||||
$('<a href="'+data[room].link+'">'+data[room].title+'</a>').addClass('chatRoom').appendTo(li);
|
||||
$('#chatRoomList ul').append(li);
|
||||
}
|
||||
$('.chatRoom').click($.proxy(function (event) {
|
||||
if (typeof window.history.replaceState != 'undefined') {
|
||||
event.preventDefault();
|
||||
this.changeRoom($(event.target));
|
||||
}
|
||||
}, this));
|
||||
}, this)
|
||||
});
|
||||
|
||||
},
|
||||
submit: function (target) {
|
||||
// break if input contains only whitespace
|
||||
if ($('#chatInput').val().trim().length === 0) return false;
|
||||
|
||||
$.ajax($('#chatForm').attr('action'), {
|
||||
data: {
|
||||
text: $('#chatInput').val()
|
||||
},
|
||||
type: 'POST',
|
||||
beforeSend: $.proxy(function (jqXHR) {
|
||||
$('#chatInput').addClass('ajaxLoad');
|
||||
}),
|
||||
success: $.proxy(function (data, textStatus, jqXHR) {
|
||||
this.getMessages();
|
||||
$('#chatInput').val('').focus();
|
||||
$('#chatInput').trigger('keyup');
|
||||
}, this),
|
||||
complete: function() {
|
||||
$('#chatInput').removeClass('ajaxLoad');
|
||||
}
|
||||
});
|
||||
},
|
||||
toggleSidebarContent: function (target) {
|
||||
if (target.parent().hasClass('active')) return;
|
||||
|
||||
if (target.parent().attr('id') == "toggleUsers") {
|
||||
$('#toggleUsers').addClass('active');
|
||||
$('#toggleRooms').removeClass('active');
|
||||
|
||||
$('#chatRoomList').hide();
|
||||
$('#chatUserList').show();
|
||||
}
|
||||
else if (target.parent().attr('id') == "toggleRooms") {
|
||||
$('#toggleRooms').addClass('active');
|
||||
$('#toggleUsers').removeClass('active');
|
||||
|
||||
$('#chatUserList').hide();
|
||||
$('#chatRoomList').show();
|
||||
}
|
||||
},
|
||||
toggleUserMenu: function (target) {
|
||||
liUserID = '#' + target.parent().parent().attr('id');
|
||||
if ($(liUserID).hasClass('activeMenuItem')) {
|
||||
$(liUserID + ' .chatUserMenu').wcfBlindOut('vertical', function () {
|
||||
$(liUserID).removeClass('activeMenuItem');
|
||||
});
|
||||
}
|
||||
else {
|
||||
$(liUserID).addClass('activeMenuItem');
|
||||
$(liUserID + ' .chatUserMenu').wcfBlindIn();
|
||||
}
|
||||
}
|
||||
};
|
||||
})(jQuery, document);
|
||||
Loading…
Reference in New Issue
Block a user