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

correctly handling ollama options visual feedback

Browse source
This commit is contained in:
mic 2024-08-22 23:59:25 +02:00
parent 0d572a79ef
commit 2dcdef11b6
1 changed files with 31 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
options/mzta-options.js
View file

@ -124,7 +124,7 @@ function showConnectionOptions() {
}); });
} }
function warnAPIKeyEmpty() { function warn_ChatGPT_APIKeyEmpty() {
let apiKeyInput = document.getElementById('chatgpt_api_key'); let apiKeyInput = document.getElementById('chatgpt_api_key');
let btnFetchChatGPTModels = document.getElementById('btnUpdateChatGPTModels'); let btnFetchChatGPTModels = document.getElementById('btnUpdateChatGPTModels');
let modelChatGPT = document.getElementById('chatgpt_model'); let modelChatGPT = document.getElementById('chatgpt_model');
@ -146,6 +146,28 @@ function warnAPIKeyEmpty() {
} }
} }
function warn_Ollama_HostEmpty() {
let hostInput = document.getElementById('ollama_host');
let btnFetchOllamaModels = document.getElementById('btnUpdateOllamaModels');
let modelOllama = document.getElementById('ollama_model');
if(hostInput.value === ''){
hostInput.style.border = '2px solid red';
btnFetchOllamaModels.disabled = true;
modelOllama.disabled = true;
modelOllama.selectedIndex = -1;
modelOllama.style.border = 'none';
}else{
hostInput.style.border = 'none';
btnFetchOllamaModels.disabled = false;
modelOllama.disabled = false;
if((modelOllama.selectedIndex === -1)||(modelOllama.value === '')){
modelOllama.style.border = '2px solid red';
}else{
modelOllama.style.border = 'none';
}
}
}
document.addEventListener('DOMContentLoaded', async () => { document.addEventListener('DOMContentLoaded', async () => {
await restoreOptions(); await restoreOptions();
i18n.updateDocument(); i18n.updateDocument();
@ -170,8 +192,10 @@ document.addEventListener('DOMContentLoaded', async () => {
let conntype_select = document.getElementById("connection_type"); let conntype_select = document.getElementById("connection_type");
conntype_select.addEventListener("change", showConnectionOptions); conntype_select.addEventListener("change", showConnectionOptions);
conntype_select.addEventListener("change", warnAPIKeyEmpty); conntype_select.addEventListener("change", warn_ChatGPT_APIKeyEmpty);
document.getElementById("chatgpt_api_key").addEventListener("change", warnAPIKeyEmpty); conntype_select.addEventListener("change", warn_Ollama_HostEmpty);
document.getElementById("chatgpt_api_key").addEventListener("change", warn_ChatGPT_APIKeyEmpty);
document.getElementById("ollama_host").addEventListener("change", warn_Ollama_HostEmpty);
let prefs = await browser.storage.sync.get({chatgpt_model: '', ollama_model: ''}); let prefs = await browser.storage.sync.get({chatgpt_model: '', ollama_model: ''});
@ -181,7 +205,7 @@ document.addEventListener('DOMContentLoaded', async () => {
chatgpt_option.value = prefs.chatgpt_model; chatgpt_option.value = prefs.chatgpt_model;
chatgpt_option.text = prefs.chatgpt_model; chatgpt_option.text = prefs.chatgpt_model;
select_chatgpt_model.appendChild(chatgpt_option); select_chatgpt_model.appendChild(chatgpt_option);
select_chatgpt_model.addEventListener("change", warnAPIKeyEmpty); select_chatgpt_model.addEventListener("change", warn_ChatGPT_APIKeyEmpty);
document.getElementById('btnUpdateChatGPTModels').addEventListener('click', async () => { document.getElementById('btnUpdateChatGPTModels').addEventListener('click', async () => {
document.getElementById('chatgpt_model_fetch_loading').style.display = 'inline'; document.getElementById('chatgpt_model_fetch_loading').style.display = 'inline';
@ -206,7 +230,7 @@ document.addEventListener('DOMContentLoaded', async () => {
document.getElementById('chatgpt_model_fetch_loading').style.display = 'none'; document.getElementById('chatgpt_model_fetch_loading').style.display = 'none';
}) })
warnAPIKeyEmpty(); warn_ChatGPT_APIKeyEmpty();
}); });
// Ollama API Model fetching // Ollama API Model fetching
@ -215,7 +239,7 @@ const ollama_option = document.createElement('option');
ollama_option.value = prefs.ollama_model; ollama_option.value = prefs.ollama_model;
ollama_option.text = prefs.ollama_model; ollama_option.text = prefs.ollama_model;
select_ollama_model.appendChild(ollama_option); select_ollama_model.appendChild(ollama_option);
// select_ollama_model.addEventListener("change", warnAPIKeyEmpty); select_ollama_model.addEventListener("change", warn_Ollama_HostEmpty);
document.getElementById('btnUpdateOllamaModels').addEventListener('click', async () => { document.getElementById('btnUpdateOllamaModels').addEventListener('click', async () => {
document.getElementById('ollama_model_fetch_loading').style.display = 'inline'; document.getElementById('ollama_model_fetch_loading').style.display = 'inline';
@ -257,6 +281,6 @@ select_ollama_model.appendChild(ollama_option);
alert(browser.i18n.getMessage("Ollama_Models_Error_fetching")+": " + error.message); alert(browser.i18n.getMessage("Ollama_Models_Error_fetching")+": " + error.message);
} }
warnAPIKeyEmpty(); warn_Ollama_HostEmpty();
}); });
}, { once: true }); }, { once: true });