application embedded add chrome && ChatBot Chrome plugin update v1.5 (#1480)
Co-authored-by: luowei <glpat-EjySCyNjWiLqAED-YmwM> Co-authored-by: crazywoola <427733928@qq.com>pull/1491/head
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 73 KiB After Width: | Height: | Size: 124 KiB |
|
Before Width: | Height: | Size: 96 KiB After Width: | Height: | Size: 85 KiB |
|
Before Width: | Height: | Size: 55 KiB After Width: | Height: | Size: 85 KiB |
|
Before Width: | Height: | Size: 85 KiB |
@ -0,0 +1,19 @@
|
|||||||
|
body {
|
||||||
|
background-color: #f2f2f2;
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
display: block;
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="text"] {
|
||||||
|
width: 280px;
|
||||||
|
padding: 6px;
|
||||||
|
}
|
||||||
@ -1,39 +1,28 @@
|
|||||||
|
|
||||||
document.getElementById('save-button').addEventListener('click', function (e) {
|
document.getElementById('save-button').addEventListener('click', function (e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
var baseUrl = document.getElementById('base-url').value;
|
const chatbotUrl = document.getElementById('chatbot-url').value;
|
||||||
var token = document.getElementById('token').value;
|
const errorTip = document.getElementById('error-tip');
|
||||||
var errorTip = document.getElementById('error-tip');
|
|
||||||
|
|
||||||
if (baseUrl.trim() === "" || token.trim() === "") {
|
if (chatbotUrl.trim() === "") {
|
||||||
if (baseUrl.trim() === "") {
|
errorTip.textContent = "Dify ChatBot URL cannot be empty.";
|
||||||
errorTip.textContent = "Base URL cannot be empty.";
|
|
||||||
} else {
|
|
||||||
errorTip.textContent = "Token cannot be empty.";
|
|
||||||
}
|
|
||||||
} else {
|
} else {
|
||||||
errorTip.textContent = "";
|
errorTip.textContent = "";
|
||||||
|
|
||||||
chrome.storage.sync.set({
|
chrome.storage.sync.set({
|
||||||
'baseUrl': baseUrl,
|
'chatbotUrl': chatbotUrl,
|
||||||
'token': token
|
|
||||||
}, function () {
|
}, function () {
|
||||||
alert('Save Success!');
|
alert('Save Success!');
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// Load parameters from chrome.storage when the page loads
|
// Load parameters from chrome.storage when the page loads
|
||||||
chrome.storage.sync.get(['baseUrl', 'token'], function (result) {
|
chrome.storage.sync.get(['chatbotUrl'], function (result) {
|
||||||
const baseUrlInput = document.getElementById('base-url');
|
const chatbotUrlInput = document.getElementById('chatbot-url');
|
||||||
const tokenInput = document.getElementById('token');
|
|
||||||
|
|
||||||
if (result.baseUrl) {
|
if (result.chatbotUrl) {
|
||||||
baseUrlInput.value = result.baseUrl;
|
chatbotUrlInput.value = result.chatbotUrl;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (result.token) {
|
|
||||||
tokenInput.value = result.token;
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M4.91722 6.7298L3.08403 3.65525C2.93723 3.40905 2.86384 3.28596 2.84729 3.14436C2.83386 3.02937 2.85797 2.8842 2.90785 2.77973C2.96928 2.65108 3.06488 2.5699 3.2561 2.40754C4.53491 1.32168 6.19097 0.666626 8.00002 0.666626C10.5383 0.666626 12.7753 1.95619 14.0918 3.91589C14.2371 4.13226 14.3098 4.24045 14.3034 4.35234C14.2981 4.44429 14.2454 4.54327 14.172 4.59892C14.0827 4.66663 13.9425 4.66663 13.6621 4.66663H8.00002C6.60882 4.66663 5.41668 5.51889 4.91722 6.7298Z" fill="white"/>
|
||||||
|
<path d="M0.666687 7.99996C0.666687 6.87421 0.92035 5.80771 1.37364 4.85449C1.48535 4.61957 1.5412 4.50211 1.64056 4.45053C1.72221 4.40813 1.83412 4.40288 1.91938 4.43744C2.02313 4.4795 2.0948 4.5997 2.23814 4.8401L5.06356 9.57876C5.62637 10.6234 6.73029 11.3333 8.00002 11.3333C8.13686 11.3333 8.27178 11.325 8.4043 11.309L6.62101 14.4166C6.4785 14.665 6.40724 14.7891 6.29186 14.873C6.19827 14.941 6.05961 14.9912 5.94418 14.9988C5.80188 15.0083 5.68457 14.9648 5.44995 14.8778C2.65701 13.8418 0.666687 11.1533 0.666687 7.99996Z" fill="white"/>
|
||||||
|
<path d="M7.81791 15.0098C7.73532 15.1537 7.83408 15.3333 8.00002 15.3333C12.0501 15.3333 15.3334 12.05 15.3334 7.99996C15.3334 7.58673 15.2992 7.18148 15.2335 6.78688C15.1924 6.53989 15.1718 6.41639 15.0928 6.29755C15.0287 6.20113 14.9162 6.10577 14.8105 6.05838C14.6803 5.99996 14.5371 5.99996 14.2505 5.99996H10.6669C11.0854 6.55707 11.3334 7.24956 11.3334 7.99996C11.3334 8.65299 11.1456 9.26216 10.821 9.77642L7.81791 15.0098Z" fill="white"/>
|
||||||
|
<path d="M10 7.99996C10 9.10453 9.10459 9.99996 8.00002 9.99996C6.89545 9.99996 6.00002 9.10453 6.00002 7.99996C6.00002 6.89539 6.89545 5.99996 8.00002 5.99996C9.10459 5.99996 10 6.89539 10 7.99996Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 51 KiB |