jason/ThunderAI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

different colors for different connection types. see #92

Browse source
This commit is contained in:
mic 2024-07-24 00:14:54 +02:00
parent 3231c06e74
commit dbdefd4616
2 changed files with 38 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
options/mzta-options.css
View file

@ -1,16 +1,3 @@
@media (prefers-color-scheme: dark) {
body {
background-color: rgb(35, 34, 43);
color: rgb(251, 251, 254);
}
a:link { color: #409EFF; }
a:visited { color: #409EFF; }
a:hover { color: #66B1FF; }
a:active { color: #66B1FF; }
}
div#miczDescription{ div#miczDescription{
padding:0px 15px 0px 15px; padding:0px 15px 0px 15px;
font-size: 13px; font-size: 13px;
@ -99,4 +86,32 @@ div#miczTranslate{
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
margin-bottom: 1em; margin-bottom: 1em;
}
.conntype_chatgpt_api, .conntype_chatgpt_api2{
background-color: rgb(185, 220, 252);
}
.conntype_chatgpt_web, .conntype_chatgpt_web2{
background-color: rgb(205, 255, 205);
}
@media (prefers-color-scheme: dark) {
body {
background-color: rgb(35, 34, 43);
color: rgb(251, 251, 254);
}
a:link { color: #409EFF; }
a:visited { color: #409EFF; }
a:hover { color: #66B1FF; }
a:active { color: #66B1FF; }
.conntype_chatgpt_api, .conntype_chatgpt_api2{
background-color: rgb(0, 0, 58);
}
.conntype_chatgpt_web,.conntype_chatgpt_web2{
background-color: rgb(0, 39, 0);
}
} }

14
options/mzta-options.js
View file

@ -88,12 +88,16 @@ async function restoreOptions() {
function showConnectionOptions() { function showConnectionOptions() {
let chatgpt_web_display = 'table-row'; let chatgpt_web_display = 'table-row';
let chatgpt_api_display = 'none'; let chatgpt_api_display = 'none';
if (document.getElementById("connection_type").value === "chatgpt_web") { let conntype_select = document.getElementById("connection_type");
let parent = conntype_select.parentElement.parentElement.parentElement;
parent.classList.toggle("conntype_chatgpt_api", (conntype_select.value === "chatgpt_api"));
parent.classList.toggle("conntype_chatgpt_web", (conntype_select.value === "chatgpt_web"));
if (conntype_select.value === "chatgpt_web") {
chatgpt_web_display = 'table-row'; chatgpt_web_display = 'table-row';
}else{ }else{
chatgpt_web_display = 'none'; chatgpt_web_display = 'none';
} }
if (document.getElementById("connection_type").value === "chatgpt_api") { if (conntype_select.value === "chatgpt_api") {
chatgpt_api_display = 'table-row'; chatgpt_api_display = 'table-row';
}else{ }else{
chatgpt_api_display = 'none'; chatgpt_api_display = 'none';
@ -128,6 +132,7 @@ document.addEventListener('DOMContentLoaded', async () => {
document.querySelectorAll(".option-input").forEach(element => { document.querySelectorAll(".option-input").forEach(element => {
element.addEventListener("change", saveOptions); element.addEventListener("change", saveOptions);
}); });
showConnectionOptions(); showConnectionOptions();
document.getElementById('btnManagePrompts').addEventListener('click', () => { document.getElementById('btnManagePrompts').addEventListener('click', () => {
@ -143,8 +148,9 @@ document.addEventListener('DOMContentLoaded', async () => {
}) })
}); });
document.getElementById("connection_type").addEventListener("change", showConnectionOptions); let conntype_select = document.getElementById("connection_type");
document.getElementById("connection_type").addEventListener("change", warnAPIKeyEmpty); conntype_select.addEventListener("change", showConnectionOptions);
conntype_select.addEventListener("change", warnAPIKeyEmpty);
document.getElementById("api_key_chatgpt").addEventListener("change", warnAPIKeyEmpty); document.getElementById("api_key_chatgpt").addEventListener("change", warnAPIKeyEmpty);
let prefs = await browser.storage.sync.get({api_key_chatgpt: '', model_chatgpt: ''}); let prefs = await browser.storage.sync.get({api_key_chatgpt: '', model_chatgpt: ''});