2024-10-10

web/bsadmin/assets/js/lib/mmc-common.js

@@ -0,0 +1,233 @@
+
+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();
+});
+
+