;(function (global, factory) {
if (typeof define === 'function' && define.amd) {
define([], factory);
} else if (typeof module !== 'undefined' && module.exports) {
module.exports = factory();
} else {
global.$chat = factory();
}
})(this, function () {
function $chat( options) {
$chat = this;let toggle_title = false;
var settings = {
box_width: 300+'px',
box_height: 350+'px',
box_width_down: 300+'px',
box_height_down: 30+'px',
before: function () { },
after: function () {
console.log(this.box_width);
},
time_out_toggle_message:0,
current_title: document.title,
HTTP_HOST: 'https://phongkhamtinhmach.com/chat',
client_id:1744211335331 }
if (!options) { options = {}; }
for (var key in settings) {
if (typeof options[key] !== 'undefined') {
$chat[key] = options[key];
} else {
$chat[key] = settings[key];
}
}
function is_mobile(){
if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent)
|| /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4)))
return true;
return false;
}
this.ready_box_chat = function(){console.log('ready_box');
mask.show();
if(is_mobile()) this.show_btn_mobile();
else this.close_box_chat();
}
this.open_box_chat = function(){
this.hide_btn_mobile();
mask.show();
mask.removeClass('down');
this.fix_size_chat();
iframe.contentWindow.postMessage('option.textarea.focus();', "*");
document.body.addClass('open-chat');
}
this.close_box_chat = function(){
if(is_mobile()){
mask.hide();
this.show_btn_mobile();
}else{
mask.style.height = $chat.box_height_down;
mask.style.width = $chat.box_width_down;
mask.addClass('down');
mask.style.left = 'inherit';
mask.style.right = '20px';
mask.style.button = '0px';
}
document.activeElement.blur();
document.body.removeClass('open-chat');
},
this.fix_size_chat = function(){
if(mask.hasClass('down')) return false;
winh = window.innerHeight,
winw = window.innerWidth,
outerW = window.outerWidth,
outerH = window.outerHeight;
if(winh<=568)
mask.style.height = '100%';
else
mask.style.height = $chat.box_height;
if(winw<=568){
mask.style.width = '100%';
mask.style.left = '0px';
mask.style.right = 'inherit';
}else{
mask.style.width = $chat.box_width;
mask.style.left = 'inherit';
mask.style.right = '20px';
}
}
this.show_btn_mobile = function(){
btn_mobile.style.bottom = '10px';
}
this.hide_btn_mobile = function(){
btn_mobile.style.bottom = '-50px';
}
this.start_toggle_title = function(){
toggle_title = true;
$chat.time_out_toggle_message = setInterval(function(){
if (document.title == $chat.current_title && toggle_title) document.title = 'Bạn có một tin nhắn!';
else document.title = $chat.current_title
}, 2000);
}
this.stop_toggle_title= function(){
toggle_title = false;
clearInterval($chat.time_out_toggle_message);
document.title = $chat.current_title;
}
Node.prototype.show = function () {
this.style.setProperty("display", "block", "important");
}
Node.prototype.hide = function () {
this.style.display = 'none';
}
Node.prototype.hasClass = function (className) {
if (this.classList)
return this.classList.contains(className)
else
return !!this.className.match(new RegExp('(\\s|^)' + className + '(\\s|$)'))
}
Node.prototype.addClass = function (className) {
if (this.classList)
this.classList.add(className)
else if (!hasClass(this, className)) this.className += " " + className
}
Node.prototype.removeClass = function (className) {
if (this.classList)
this.classList.remove(className)
else if (hasClass(this, className)) {
var reg = new RegExp('(\\s|^)' + className + '(\\s|$)')
this.className=this.className.replace(reg, ' ')
}
}
window.addEventListener('resize', function(event){
this.fix_size_chat();
});
function listen_onMessage(event) {
var data = event.data;
if( (new URL(event.origin)).hostname == (new URL(settings.HTTP_HOST)).hostname)
eval(data);
}
if (window.addEventListener)
window.addEventListener("message", listen_onMessage, false);
else if (window.attachEvent)
window.attachEvent("onmessage", listen_onMessage, false);
var style = document.createElement('style');
style.innerHTML= '.mask-chat, .mask-chat *,.show-chat-mobile,.show-chat-mobile*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}'
+ '.mask-chat{transform-origin:left top;display:none;box-shadow:0 0 20px rgba(0, 0, 0, 0.21);border-top-right-radius: 3em;border-top-left-radius: 3px;}'
+ '.down .mask-chat{overflow: hidden;}'
+ '.show-chat-mobile{-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}'
+ '.show-chat-mobile {transform-origin:right bottom;float: right;position: fixed;background: #1569bf;color: white;border-radius: 3em;z-index: 999999998;box-shadow: 0 0 5px rgba(2, 2, 2, 0.71);padding: 7px 15px;bottom: -60px;right: 10px;text-align: center;font-family: sans-serif;font-size: 14px;}'
+ '@media only screen and (max-height: 667px) and (max-width: 1000px){body.open-chat {overflow: hidden;position: fixed;}}';
document.head.appendChild(style);
var box_chat_url = 'https://phongkhamtinhmach.com/chat/box/?agent_request=beGlIB7FAjJEchhjJEBSmX9dT6gCsmd4haY8OxajJEOAhX9dOxaCsmOxamLROxaCsmOxaX9dEwpwuQ7FANGychhjJEBSmSQBOxaSQBchhughchhqfvGtwSQBxYxSQBchhCsmEwpjJEOAhaY8OxaFw6oS3aY8EwpjJE2DlSQBsgdd4hZPAZPA', mask = document.createElement('div'), iframe = document.createElement('iframe');
//let params = new URLSearchParams(location.search);
//if(params.get("message-chat")!='')
// box_chat_url += '&message-chat=' + params.get("message-chat");
mask.setAttribute('style', 'z-index:999999999;position:fixed;bottom:0;right:20px;');
mask.className = 'mask-chat';
iframe.setAttribute('style', 'outline:none;border:0px;margin:0;padding:0;width:100%;height:100%;display:block!important');
iframe.setAttribute('allowfullscreen', '');
iframe.src= box_chat_url;
mask.appendChild(iframe);
document.body.appendChild(mask);
btn_mobile = document.createElement('div');
btn_mobile.className = 'show-chat-mobile';
btn_mobile.innerHTML = '💬 Chat Tư Vấn';
document.body.appendChild(btn_mobile);
var winh = window.innerHeight,
winw = window.innerWidth,
outerW = window.outerWidth,
outerH = window.outerHeight;
btn_mobile.addEventListener("click", function(){
$chat.open_box_chat();
iframe.contentWindow.postMessage('$.open_box_chat()', "*");
})
window.addEventListener('load', function(event){
if(iframe.style.width<$chat.box_width)
iframe.style.width = $chat.box_width;
});
window.addEventListener('blur', function(event){
iframe.contentWindow.postMessage("option.body.removeClass('visible').addClass('hidden');", "*");
});
window.addEventListener('focus', function(event){
iframe.contentWindow.postMessage("option.body.removeClass('hidden').addClass('visible');", "*");
});
}
return $chat;
});
$chat();