mirror of
https://github.com/wbbaddons/Tims-Chat.git
synced 2024-10-31 14:10:08 +00:00
132 lines
3.7 KiB
JavaScript
132 lines
3.7 KiB
JavaScript
/**
|
|
* 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();
|
|
},
|
|
bindEvents: function () {
|
|
$('.smiley').click(function (event) {
|
|
alert($(event.target).attr('alt'));
|
|
});
|
|
|
|
// $(window).bind('beforeunload', function() {
|
|
// return false;
|
|
// });
|
|
|
|
$('.chatRoom').click($.proxy(function (event) {
|
|
if (typeof window.history.replaceState != 'undefined') {
|
|
event.preventDefault();
|
|
this.changeRoom($(event.target));
|
|
}
|
|
}, this));
|
|
|
|
$('.chatUser .chatUserLink').click($.proxy(function (event) {
|
|
event.preventDefault();
|
|
this.toggleUserMenu($(event.target));
|
|
}, this));
|
|
},
|
|
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.css({
|
|
'float' : 'none',
|
|
'padding' : '5px 25px 7px 35px',
|
|
'width' : '',
|
|
'overflow' : 'visible'
|
|
})
|
|
.siblings('.ajaxLoad')
|
|
.remove();
|
|
|
|
// 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.css({
|
|
'width' : target.width() - 19,
|
|
'float' : 'left',
|
|
'padding' : '5px 0 7px 35px',
|
|
'overflow': 'hidden'
|
|
})
|
|
.parent()
|
|
.append('<img class="ajaxLoad" src="' + RELATIVE_WCF_DIR + 'icon/spinner1.svg" alt="" />')
|
|
.css({'marginTop' : function (index) {return (target.parent().height() / 2) - ($(this).height() / 2);}});
|
|
}, this)
|
|
});
|
|
},
|
|
handleMessages: function (messages) {
|
|
for (message in messages) {
|
|
message = messages[message];
|
|
output = this.messageTemplate.fetch(message);
|
|
|
|
li = $('<li></li>');
|
|
li.addClass('chatMessage'+message.type);
|
|
if (message.sender == WCF.User.userID) li.addClass('ownMessage');
|
|
li.append(output);
|
|
|
|
$('.chatMessage ul').append(li);
|
|
}
|
|
$('.chatMessage').animate({scrollTop: $('.chatMessage ul').height()}, 10000);
|
|
},
|
|
toggleUserMenu: function (target) {
|
|
liUserID = '#' + target.parent().attr('id');
|
|
if ($(liUserID).hasClass('activeMenuItem')) {
|
|
$(liUserID + ' .chatUserMenu').wcfBlindOut('vertical', function() {
|
|
$(liUserID).removeClass('activeMenuItem');
|
|
});
|
|
}
|
|
else {
|
|
$(liUserID).addClass('activeMenuItem');
|
|
$(liUserID + ' .chatUserMenu').wcfBlindIn();
|
|
}
|
|
}
|
|
};
|
|
})(jQuery, document); |