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

added a loading indicator in the menu when sending a prompt

Browse source
This commit is contained in:
Mic 2024-10-22 21:55:11 +02:00
parent 7e3a2dca83
commit bc341ec188
3 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
popup/mzta-popup.css
View file

@ -46,6 +46,10 @@ body {
overflow-x: hidden; overflow-x: hidden;
} }
#mzta_sending_prompt{
display: none;
}
.mzta_autocomplete-item { .mzta_autocomplete-item {
padding: 4px; padding: 4px;
cursor: pointer; cursor: pointer;

1
popup/mzta-popup.html
View file

@ -10,6 +10,7 @@
<body> <body>
<div id="mzta_search_banner"> <div id="mzta_search_banner">
<div id="_spacer_div">&nbsp;</div> <div id="_spacer_div">&nbsp;</div>
<div id="mzta_sending_prompt"><img src="mzta-loading.svg" title="__MSG_SendingPrompt__"></div>
<input type="text" id="mzta_search_input" placeholder="__MSG_SearchPrompt__"> <input type="text" id="mzta_search_input" placeholder="__MSG_SearchPrompt__">
<div id="mzta_autocomplete-items-loading"><img src="mzta-loading.svg" title="__MSG_Loading__"></div> <div id="mzta_autocomplete-items-loading"><img src="mzta-loading.svg" title="__MSG_Loading__"></div>
<div id="mzta_autocomplete-items" style="display: none;"></div> <div id="mzta_autocomplete-items" style="display: none;"></div>

2
popup/mzta-popup.js
View file

@ -228,6 +228,8 @@ document.body.insertBefore(banner, document.body.firstChild);
function sendPrompt(prompt_id, tabId){ function sendPrompt(prompt_id, tabId){
taLog.log("sendPrompt: " + prompt_id); taLog.log("sendPrompt: " + prompt_id);
document.getElementById('mzta_search_input').style.display = 'none';
document.getElementById('mzta_sending_prompt').style.display = 'block';
browser.runtime.sendMessage({command: "shortcut_do_prompt", tabId: tabId, promptId: prompt_id}); browser.runtime.sendMessage({command: "shortcut_do_prompt", tabId: tabId, promptId: prompt_id});
} }