234 lines
7.5 KiB
JavaScript
234 lines
7.5 KiB
JavaScript
|
|
var placeholder = '<span class="placeholder">{0}</span>';
|
|
function selectActiveChatBox(selector) {
|
|
$('#mmc-chat .box').removeClass('active');
|
|
$(selector).addClass('active');
|
|
}
|
|
function removeBoxCollapseClass(selector) {
|
|
|
|
if ($(selector).hasClass('collapsed')) {
|
|
$(selector).removeClass('collapsed');
|
|
}
|
|
}
|
|
function messageScrollMoveEnd() {
|
|
|
|
setTimeout(function () {
|
|
if ($('.messages div').size() == 0) {
|
|
return;
|
|
}
|
|
$('.message-scrooler').animate({
|
|
scrollTop: $('.messages div:last').offset().top
|
|
}, 0);
|
|
}, 100);
|
|
}
|
|
|
|
function initializeTooltip() {
|
|
//tooltip
|
|
$('.tooltipped').tooltip({ delay: 50 });
|
|
$('.close_tooltip').tooltip({ delay: 50 });
|
|
}
|
|
|
|
function initializeTooltipSiderbarUserList() {
|
|
$('.user-tooltip').tooltip({ delay: 50 });
|
|
}
|
|
function deinitializeTooltipSiderbarUserList() {
|
|
$('.user-tooltip').tooltip('remove');
|
|
}
|
|
|
|
function stickersTab() {
|
|
setTimeout(function () {
|
|
$('.stickers ul.tabs').tabs();
|
|
$('.stickers ul.tabs').css({ 'height': '55px' });
|
|
|
|
}, 1);
|
|
}
|
|
|
|
function hideStickerBox() {
|
|
$('#mmc-chat .box .icons').removeClass('show');
|
|
$('#mmc-chat .box .icons').find('.smiles-set').removeAttr('style');
|
|
}
|
|
function hideMinimizedBox() {
|
|
|
|
if ($('#mmc-chat .boxs .minimized').hasClass('show')) {
|
|
$('#mmc-chat .boxs .minimized').removeClass('show');
|
|
$('#mmc-chat .boxs .minimized').find('.dropdown').removeAttr('style');
|
|
}
|
|
|
|
}
|
|
function hasNewMessage(dataId) {
|
|
$('#mmc-chat .chat-box .boxs .box').each(function () {
|
|
if ($(this).data('id') == dataId) {
|
|
$(this).addClass('new-message');
|
|
}
|
|
});
|
|
}
|
|
function generatePlaceholder() {
|
|
setTimeout(function () {
|
|
$("#mmc-chat .textarea").each(function () {
|
|
$(this).html(placeholder.format($(this).data('placeholder')));
|
|
});
|
|
}, 10);
|
|
}
|
|
//var messageType = { text: 1, date: 2 }
|
|
//var messageSenderType = { in: 1, out: 2 }
|
|
//var _messageDate = '<div class="date">{0}</div>';
|
|
|
|
//function messageAdd(dataId, message, type, senderType) {
|
|
// type = type || messageType.text;
|
|
// senderType = senderType || messageSenderType.in;
|
|
|
|
// $('#mmc-chat .chat-box .boxs .box').each(function () {
|
|
// if ($(this).data('id') == dataId) {
|
|
|
|
// switch (type) {
|
|
// case messageType.date:
|
|
// $(this).find('.messages').append(_messageDate.format(message));
|
|
// break;
|
|
// default:
|
|
// $(this).find('.messages').append(_messageDate.format(message));
|
|
// break;
|
|
|
|
// }
|
|
|
|
|
|
// }
|
|
// });
|
|
// conversation.find('.messages')
|
|
// .append('<div class="date">Today</div>')
|
|
// .append('<div class="message in "><div class="sender"><a href="javascript:void(0);" title="Rufat Askerov"><img src="assets/img/avatar.png" class="avatar" alt="Rufat Askerov"></a></div><div class="body"><div class="content"><span>Hello, welcome to chat </span></div><div class="seen"><span>few seconds ago </span> </div></div><div class="clear"></div></div>');
|
|
|
|
|
|
// messageScrollMoveEnd();
|
|
//}
|
|
function sidebar_closed() {
|
|
windowWidth = $(window).width();
|
|
if (windowWidth < 1100) {
|
|
$('#mmc-chat').addClass('sidebar-closed');
|
|
} else {
|
|
$('#mmc-chat').removeClass('sidebar-closed');
|
|
}
|
|
}
|
|
//string format function -- use 'hello {0}'.format('demo') -> result : 'hello demo'
|
|
String.prototype.format = String.prototype.f = function () {
|
|
var s = this,
|
|
i = arguments.length;
|
|
|
|
while (i--) {
|
|
s = s.replace(new RegExp('\\{' + i + '\\}', 'gm'), arguments[i]);
|
|
}
|
|
return s;
|
|
};
|
|
|
|
$(document).on('click', '#mmc-chat .box .smile-ico', function (e) {
|
|
e.stopPropagation();
|
|
hideMinimizedBox();
|
|
|
|
_parent = $(this).parents('.icons');
|
|
|
|
if (_parent.hasClass('show')) {
|
|
hideStickerBox(_parent);
|
|
} else {
|
|
_bottom = parseInt(_parent.css('height').replace('px', ''), 0) + 10;
|
|
_source = _parent.data('source');
|
|
_parent.find('.smiles-set').html($('.' + _source).html());
|
|
|
|
_parent.find('.smiles-set').css({
|
|
'bottom': _bottom,
|
|
'display': 'block'
|
|
});
|
|
_parent.addClass('show');
|
|
stickersTab();
|
|
}
|
|
});
|
|
$(document).on('click', '#mmc-chat .box .stickers', function (e) {
|
|
e.stopPropagation();
|
|
});
|
|
$(document).on('click', '#mmc-chat .preview-image', function () {
|
|
preview = '<div class="preview-overlay"><div class="preview-placeholder"><img class="preview-image" src="{0}"/><div class="preview-caption">{1}</div></div></div>';
|
|
imgSrc = $(this).attr('src');
|
|
caption = $(this).data('caption');
|
|
|
|
imgWidth = $(this).css('width');
|
|
imgHeight = $(this).css('height');
|
|
|
|
if ($('#mmc-chat').hasClass('preview-placeholder')) {
|
|
return;
|
|
}
|
|
$('#mmc-chat').prepend(preview.format(imgSrc, caption));
|
|
var origin = $('.preview-placeholder .preview-image');
|
|
|
|
var windowWidth = window.innerWidth;
|
|
var windowHeight = window.innerHeight;
|
|
var originalWidth = origin.width();
|
|
var originalHeight = origin.height();
|
|
|
|
var ratio = 0;
|
|
var widthPercent = originalWidth / windowWidth;
|
|
var heightPercent = originalHeight / windowHeight;
|
|
var newWidth = 0;
|
|
var newHeight = 0;
|
|
|
|
if (widthPercent > heightPercent) {
|
|
ratio = originalHeight / originalWidth;
|
|
newWidth = windowWidth * 0.9;
|
|
newHeight = windowWidth * 0.9 * ratio;
|
|
}
|
|
else {
|
|
ratio = originalWidth / originalHeight;
|
|
newWidth = (windowHeight * 0.9) * ratio;
|
|
newHeight = windowHeight * 0.9;
|
|
}
|
|
|
|
var _left = $(document).scrollLeft() + windowWidth / 2 - origin.parent('.preview-placeholder').offset().left - newWidth / 2;
|
|
var _top = $(document).scrollTop() + windowHeight / 2 - origin.parent('.preview-placeholder').offset().top - newHeight / 2;
|
|
|
|
|
|
$('.preview-placeholder').css({
|
|
'max-width': newWidth,
|
|
'width': originalWidth,
|
|
'top': _top
|
|
});
|
|
|
|
|
|
$('.preview-caption').css({
|
|
'top': (newHeight )
|
|
});
|
|
|
|
});
|
|
$(document).on('click', '#mmc-chat .preview-overlay:not(".preview-placeholder")', function () {
|
|
$('.preview-overlay').remove();
|
|
});
|
|
$(document).on('click', '#mmc-chat .box .stickers .tab-content li', function () {
|
|
|
|
_sendMsg = $(this).parents('.box-footer').find('.send-message div');
|
|
//_src = $(this).find('img').attr('src');
|
|
_img = $(this).html();
|
|
if ($(this).parents('.box-footer').find('.send-message div').html() == '<span class="placeholder">{0}</span>'.format(_sendMsg.data('placeholder'))) {
|
|
_sendMsg.html(_img);
|
|
} else {
|
|
_str = _sendMsg.html();
|
|
//_sendMsg.html(_str + ' ' + '<div class="send-sticker" style="background-image:url({0})"></div>'.format(_src));
|
|
_sendMsg.html(_str + ' ' + _img);
|
|
}
|
|
});
|
|
$(document).on('keypress', '#mmc-chat .textarea', function (e) {
|
|
|
|
if (e.which == 13) {
|
|
_box_message = $(this).parents('.box').find('.messages');
|
|
_msgTxt = $(this).html();
|
|
_box_message.append('<div class="message out no-avatar"> <div class="sender"> <a href="javascript:void(0);" title="Rufat Askerov"> <img src="assets/img/avatar.png" class="avatar" alt="Rufat Askerov"> </a> </div><div class="body"> <div class="content">{0}</div><div class="seen"><span>a few seconds ago </span> </div></div><div class="clear"></div></div>'
|
|
.format(_msgTxt));
|
|
//_box_message.find('.message').last().
|
|
$(this).html('');
|
|
hideStickerBox();
|
|
messageScrollMoveEnd();
|
|
}
|
|
});
|
|
|
|
$(document).click(function () {
|
|
hideStickerBox();
|
|
hideMinimizedBox();
|
|
});
|
|
|
|
|