\n
\n
\n'
);
},
initializeChat = function (a) {
var c = document.getElementById('chatbot-iframe').getAttribute('data-bot-src');
a.insertAdjacentHTML('beforeend', chatButtonHtml);
a.insertAdjacentHTML('beforeend', getChatContainerHtml(c));
var b = a.querySelector('.aibox-chat-button'),
f = a.querySelector('.aibox-chat-button > img'),
d = a.querySelector('#aibox-chat-container'),
g = a.querySelector('.aibox-openviewport'),
h = a.querySelector('.aibox-closeviewport');
a = function () {
d.style.display = 'block' == d.style.display ? 'none' : 'block';
b.style.display = 'block' == d.style.display ? 'none' : 'block';
};
close_icon = d.querySelector('.aibox-chat-close');
b.onclick = a;
close_icon.onclick = a;
a = function () {
d.classList.contains('aibox-enlarge')
? (d.classList.remove('aibox-enlarge'), g.classList.remove('aibox-viewportnone'), h.classList.add('aibox-viewportnone'))
: (d.classList.add('aibox-enlarge'), g.classList.add('aibox-viewportnone'), h.classList.remove('aibox-viewportnone'));
};
c = function (e) {
['touchmove', 'touchstart'].includes(e.type)
? ((b.style.top = e.touches[0].clientY - 25 + 'px'), (b.style.left = e.touches[0].clientX - 25 + 'px'))
: ((b.style.top = e.y - 25 + 'px'), (b.style.left = e.x - 25 + 'px'));
b.style.width = f.naturalWidth + 'px';
b.style.height = f.naturalHeight + 'px';
};
console.dir(f);
b.addEventListener('drag', c);
b.addEventListener('dragover', function (e) {
e.preventDefault();
});
b.addEventListener('dragend', c);
b.addEventListener('touchstart', c);
b.addEventListener('touchmove', c);
g.onclick = a;
h.onclick = a;
};
function initializeAIBox() {
var a = document.createElement('div'),
c = document.createElement('div');
c.id = 'aibox';
initializeAIBoxStyle(a);
a.appendChild(c);
document.body.appendChild(a);
initializeChat(c);
}
function initializeAIBoxStyle(a) {
style = document.createElement('style');
style.type = 'text/css';
style.innerText =
'\n /* \u653e\u5927 */\n #aibox .aibox-enlarge {\n width: 50%!important;\n height: 100%!important;\n bottom: 0!important;\n right: 0 !important;\n }\n @media only screen and (max-width: 768px){\n #aibox .aibox-enlarge {\n width: 100%!important;\n height: 100%!important;\n right: 0 !important;\n bottom: 0!important;\n }\n }\n \n /* \u5f15\u5bfc */\n \n #aibox .aibox-mask {\n position: fixed;\n z-index: 999;\n background-color: transparent;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n }\n #aibox .aibox-mask .aibox-content {\n width: 64px;\n height: 64px;\n box-shadow: 1px 1px 1px 2000px rgba(0,0,0,.6);\n position: absolute;\n right: 0;\n bottom: 30px;\n z-index: 1000;\n }\n #aibox-chat-container {\n width: 450px;\n height: 600px;\n display:none;\n }\n @media only screen and (max-width: 768px) {\n #aibox-chat-container {\n width: 100%;\n height: 70%;\n right: 0 !important;\n }\n }\n \n #aibox .aibox-chat-button{\n position: fixed;\n bottom: 4rem;\n right: 1rem;\n cursor: pointer;\n max-height:500px;\n max-width:500px;\n }\n #aibox #aibox-chat-container{\n z-index:10000;position: relative;\n border-radius: 8px;\n border: 1px solid #ffffff;\n background: linear-gradient(188deg, rgba(235, 241, 255, 0.20) 39.6%, rgba(231, 249, 255, 0.20) 94.3%), #EFF0F1;\n box-shadow: 0px 4px 8px 0px rgba(31, 35, 41, 0.10);\n position: fixed;bottom: 16px;right: 16px;overflow: hidden;\n }\n\n #aibox #aibox-chat-container .aibox-operate{\n top: 18px;\n right: 15px;\n position: absolute;\n display: flex;\n align-items: center;\n }\n #aibox #aibox-chat-container .aibox-operate .aibox-chat-close{\n margin-left:5px;\n cursor: pointer;\n }\n #aibox #aibox-chat-container .aibox-operate .aibox-openviewport{\n\n cursor: pointer;\n }\n #aibox #aibox-chat-container .aibox-operate .aibox-closeviewport{\n\n cursor: pointer;\n }\n #aibox #aibox-chat-container .aibox-viewportnone{\n display:none;\n }\n #aibox #aibox-chat-container #aibox-chat{\n height:100%;\n width:100%;\n border: none;\n}\n #aibox #aibox-chat-container {\n animation: appear .4s ease-in-out;\n }\n @keyframes appear {\n from {\n height: 0;;\n }\n \n to {\n height: 600px;\n }\n }';
a.appendChild(style);
}
function embedAIChatbot() {
initializeAIBox();
}
window.onload = embedAIChatbot;
\n