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{
padding:0px 15px 0px 15px;
font-size: 13px;
@ -99,4 +86,32 @@ div#miczTranslate{
font-size: 14px;
font-weight: bold;
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() {
let chatgpt_web_display = 'table-row';
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';
}else{
chatgpt_web_display = 'none';
}
if (document.getElementById("connection_type").value === "chatgpt_api") {
if (conntype_select.value === "chatgpt_api") {
chatgpt_api_display = 'table-row';
}else{
chatgpt_api_display = 'none';
@ -128,6 +132,7 @@ document.addEventListener('DOMContentLoaded', async () => {
document.querySelectorAll(".option-input").forEach(element => {
element.addEventListener("change", saveOptions);
});
showConnectionOptions();
document.getElementById('btnManagePrompts').addEventListener('click', () => {
@ -143,8 +148,9 @@ document.addEventListener('DOMContentLoaded', async () => {
})
});
document.getElementById("connection_type").addEventListener("change", showConnectionOptions);
document.getElementById("connection_type").addEventListener("change", warnAPIKeyEmpty);
let conntype_select = document.getElementById("connection_type");
conntype_select.addEventListener("change", showConnectionOptions);
conntype_select.addEventListener("change", warnAPIKeyEmpty);
document.getElementById("api_key_chatgpt").addEventListener("change", warnAPIKeyEmpty);
let prefs = await browser.storage.sync.get({api_key_chatgpt: '', model_chatgpt: ''});