89 lines
2 KiB
JavaScript
89 lines
2 KiB
JavaScript
|
/**
|
||
|
* --------------------------------------------
|
||
|
* AdminLTE DirectChat.js
|
||
|
* License MIT
|
||
|
* --------------------------------------------
|
||
|
*/
|
||
|
|
||
|
const DirectChat = (($) => {
|
||
|
/**
|
||
|
* Constants
|
||
|
* ====================================================
|
||
|
*/
|
||
|
|
||
|
const NAME = 'DirectChat'
|
||
|
const DATA_KEY = 'lte.directchat'
|
||
|
const EVENT_KEY = `.${DATA_KEY}`
|
||
|
const JQUERY_NO_CONFLICT = $.fn[NAME]
|
||
|
const DATA_API_KEY = '.data-api'
|
||
|
|
||
|
const Selector = {
|
||
|
DATA_TOGGLE: '[data-widget="chat-pane-toggle"]',
|
||
|
DIRECT_CHAT: '.direct-chat'
|
||
|
};
|
||
|
|
||
|
const ClassName = {
|
||
|
DIRECT_CHAT_OPEN: 'direct-chat-contacts-open'
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Class Definition
|
||
|
* ====================================================
|
||
|
*/
|
||
|
|
||
|
class DirectChat {
|
||
|
constructor(element, config) {
|
||
|
this._element = element
|
||
|
}
|
||
|
|
||
|
toggle() {
|
||
|
$(this._element).parents(Selector.DIRECT_CHAT).first().toggleClass(ClassName.DIRECT_CHAT_OPEN);
|
||
|
}
|
||
|
|
||
|
// Static
|
||
|
|
||
|
static _jQueryInterface(config) {
|
||
|
return this.each(function () {
|
||
|
let data = $(this).data(DATA_KEY)
|
||
|
const _config = $.extend({}, Default, $(this).data())
|
||
|
|
||
|
if (!data) {
|
||
|
data = new DirectChat($(this), _config)
|
||
|
$(this).data(DATA_KEY, data)
|
||
|
}
|
||
|
|
||
|
if (config === 'init') {
|
||
|
data[config]()
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
*
|
||
|
* Data Api implementation
|
||
|
* ====================================================
|
||
|
*/
|
||
|
|
||
|
$(document).on('click', Selector.DATA_TOGGLE, function (event) {
|
||
|
if (event) event.preventDefault();
|
||
|
DirectChat._jQueryInterface.call($(this), 'toggle');
|
||
|
});
|
||
|
|
||
|
/**
|
||
|
* jQuery API
|
||
|
* ====================================================
|
||
|
*/
|
||
|
|
||
|
$.fn[NAME] = DirectChat._jQueryInterface
|
||
|
$.fn[NAME].Constructor = DirectChat
|
||
|
$.fn[NAME].noConflict = function () {
|
||
|
$.fn[NAME] = JQUERY_NO_CONFLICT
|
||
|
return DirectChat._jQueryInterface
|
||
|
}
|
||
|
|
||
|
return DirectChat
|
||
|
})(jQuery)
|
||
|
|
||
|
export default DirectChat
|