zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化

Browse Source
This commit is contained in:
wangdan-fit2cloud 2024-03-06 16:40:21 +08:00
parent 0c9fbc14d7
commit cde17a9434
2 changed files with 33 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
ui/public/embeb.js
View File

@ -1,15 +1,15 @@
function auth(token,protocol,host){ function auth(token, protocol, host) {
const XML=new XMLHttpRequest() const XML = new XMLHttpRequest()
XML.open("POST",`${protocol}//${host}/api/application/authentication`,false) XML.open('POST', `${protocol}//${host}/api/application/authentication`, false)
XML.setRequestHeader('Content-Type', 'application/json'); XML.setRequestHeader('Content-Type', 'application/json')
res=XML.send(JSON.stringify({"access_token":token})) res = XML.send(JSON.stringify({ access_token: token }))
return XML.status==200 return XML.status == 200
} }
function embedChatbot() { function embedChatbot() {
const t = window.maxkbChatConfig const t = window.maxkbChatConfig
check=auth(t.token,t.protocol, t.host) check = auth(t.token, t.protocol, t.host)
if (t && t.token && t.protocol && t.host&& check) { if (t && t.token && t.protocol && t.host && check) {
icon = `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="56" viewBox="0 0 48 56" fill="none"> icon = `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="56" viewBox="0 0 48 56" fill="none">
<g filter="url(#filter0_d_349_49711)"> <g filter="url(#filter0_d_349_49711)">
<path d="M8 24C8 12.9543 16.9543 4 28 4H48V44H28C16.9543 44 8 35.0457 8 24Z" fill="url(#paint0_linear_349_49711)"/> <path d="M8 24C8 12.9543 16.9543 4 28 4H48V44H28C16.9543 44 8 35.0457 8 24Z" fill="url(#paint0_linear_349_49711)"/>
@ -41,8 +41,7 @@ function embedChatbot() {
chat_container = document.createElement('div') chat_container = document.createElement('div')
chat_container.id = 'chat_container' chat_container.id = 'chat_container'
chat_container.style.cssText = `z-index:10000;position: relative; chat_container.style.cssText = `z-index:10000;position: relative;
width: 420px;
height: 600px;
border-radius: 8px; border-radius: 8px;
border: 1px solid var(--N300, #DEE0E3); border: 1px solid var(--N300, #DEE0E3);
background: linear-gradient(188deg, rgba(235, 241, 255, 0.20) 39.6%, rgba(231, 249, 255, 0.20) 94.3%), #EFF0F1; background: linear-gradient(188deg, rgba(235, 241, 255, 0.20) 39.6%, rgba(231, 249, 255, 0.20) 94.3%), #EFF0F1;
@ -69,27 +68,26 @@ function embedChatbot() {
` `
close_button.onclick = () => { close_button.onclick = () => {
document.body.removeChild(chat_container) document.body.removeChild(chat_container)
chat_button.style['display']='block' chat_button.style['display'] = 'block'
} }
chat_container.append(close_button) chat_container.append(close_button)
document.body.append(chat_container) document.body.append(chat_container)
let is_404=false let is_404 = false
chat_button.onclick = ($event) => { chat_button.onclick = ($event) => {
if( chat_container.style['display']=='block'){ if (chat_container.style['display'] == 'block') {
chat_container.style['display']='none' chat_container.style['display'] = 'none'
} else { } else {
if(auth(t.token,t.protocol, t.host)){ if (auth(t.token, t.protocol, t.host)) {
if(is_404){ if (is_404) {
document.body.removeChild(chat_container) document.body.removeChild(chat_container)
document.body.append(chat_container) document.body.append(chat_container)
is_404=false is_404 = false
} }
chat_container.style['display']='block' chat_container.style['display'] = 'block'
} else {
}else{ is_404 = true
is_404=true
} }
} }
} }

12
ui/src/styles/app.scss
View File

@ -518,3 +518,15 @@ h4 {
} }
} }
} }
#chat_container {
width: 420px;
height: 600px;
}
@media only screen and (max-width: 768px) {
#chat_container {
width: 100%;
height: 70%;
right: 0 !important;
}
}