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

change reply type button improved in hatgpt web interface. see #372

Browse source
This commit is contained in:
Mic 2025-06-19 23:50:00 +02:00
parent 9ac4445f58
commit b0135bcdf3
1 changed files with 25 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
js/mzta-chatgpt.js
View file

@ -130,6 +130,8 @@ function addCustomDiv(prompt_action,tabId,mailMessageId) {
style.textContent += "#mzta-diff_content{overflow-y:scroll;text-align:justify;width:100%;height:22.5em;}"; style.textContent += "#mzta-diff_content{overflow-y:scroll;text-align:justify;width:100%;height:22.5em;}";
style.textContent += "#mzta-diff span.added{background-color: rgb(0, 94, 0);display:inline;} #mzta-diff span.removed{background-color: rgb(90, 0, 0);display:inline;text-decoration:line-through;}"; style.textContent += "#mzta-diff span.added{background-color: rgb(0, 94, 0);display:inline;} #mzta-diff span.removed{background-color: rgb(90, 0, 0);display:inline;text-decoration:line-through;}";
style.textContent += "#mzta-btn_close_diff{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);}"; style.textContent += "#mzta-btn_close_diff{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);}";
style.textContent += "#mzta-btn_change_reply_type{padding-left:4px;padding-right:10px;margin-left:0px;border-bottom-left-radius:0px;border-top-left-radius:0px;height:2.7em;}";
style.textContent += ".mzta-btn_reply{padding-right:4px;margin-right:0px;border-bottom-right-radius:0px;border-top-right-radius:0px;}";
// Add <style> to the page's <head> // Add <style> to the page's <head>
document.head.appendChild(style); document.head.appendChild(style);
@ -206,7 +208,7 @@ function addCustomDiv(prompt_action,tabId,mailMessageId) {
fixedDiv.appendChild(btn_ok); fixedDiv.appendChild(btn_ok);
break; break;
case "1": // do reply case "1": // do reply
btn_ok.disabled = true; disableButton(btn_ok);
const btn_ok_line1 = document.createElement('span'); const btn_ok_line1 = document.createElement('span');
btn_ok_line1.textContent = browser.i18n.getMessage("chatgpt_win_get_answer"); btn_ok_line1.textContent = browser.i18n.getMessage("chatgpt_win_get_answer");
const btn_ok_line2 = document.createElement('span'); const btn_ok_line2 = document.createElement('span');
@ -232,9 +234,12 @@ function addCustomDiv(prompt_action,tabId,mailMessageId) {
await browser.runtime.sendMessage({command: "chatgpt_replyMessage", text: response, tabId: tabId, mailMessageId: mailMessageId, replyType: currentReplyType}); await browser.runtime.sendMessage({command: "chatgpt_replyMessage", text: response, tabId: tabId, mailMessageId: mailMessageId, replyType: currentReplyType});
browser.runtime.sendMessage({command: "chatgpt_close", window_id: mztaWinId}); browser.runtime.sendMessage({command: "chatgpt_close", window_id: mztaWinId});
}); });
btn_ok.classList.add('mzta-btn_reply');
// change reply type button // change reply type button
var btn_change_reply_type = document.createElement('button'); var btn_change_reply_type = document.createElement('button');
disableButton(btn_change_reply_type);
btn_change_reply_type.id = 'mzta-btn_change_reply_type'; btn_change_reply_type.id = 'mzta-btn_change_reply_type';
btn_change_reply_type.classList.add('mzta-btn');
btn_change_reply_type.title = browser.i18n.getMessage("chatgpt_win_change_reply_type"); btn_change_reply_type.title = browser.i18n.getMessage("chatgpt_win_change_reply_type");
// Create SVG element // Create SVG element
let currentIcon = createReplyToAllIcon(); let currentIcon = createReplyToAllIcon();
@ -261,7 +266,7 @@ function addCustomDiv(prompt_action,tabId,mailMessageId) {
btn_change_reply_type.style.display = 'none'; btn_change_reply_type.style.display = 'none';
break; break;
case "2": // replace text case "2": // replace text
btn_ok.disabled = true; disableButton(btn_ok);
btn_ok.textContent = browser.i18n.getMessage("chatgpt_win_get_answer"); btn_ok.textContent = browser.i18n.getMessage("chatgpt_win_get_answer");
btn_ok.onclick = async function() { btn_ok.onclick = async function() {
const response = getSelectedHtml(); const response = getSelectedHtml();
@ -309,7 +314,7 @@ function addCustomDiv(prompt_action,tabId,mailMessageId) {
btn_diff.classList.add('mzta-btn'); btn_diff.classList.add('mzta-btn');
btn_diff.textContent = browser.i18n.getMessage('btn_show_differences'); btn_diff.textContent = browser.i18n.getMessage('btn_show_differences');
btn_diff.style.display = 'none'; btn_diff.style.display = 'none';
btn_diff.disabled = true; disableButton(btn_diff);
btn_diff.onclick = async function() { btn_diff.onclick = async function() {
diffContent.innerHTML = ''; diffContent.innerHTML = '';
const response = getSelectedHtml(); const response = getSelectedHtml();
@ -645,24 +650,33 @@ document.addEventListener("selectionchange", function() {
selectionChangeTimeout = setTimeout(function() { selectionChangeTimeout = setTimeout(function() {
let btn_ok = document.getElementById('mzta-btn_ok'); let btn_ok = document.getElementById('mzta-btn_ok');
let btn_diff = document.getElementById('mzta-btn_diff'); let btn_diff = document.getElementById('mzta-btn_diff');
let btn_reply_type = document.getElementById('mzta-btn_change_reply_type');
if (isSomethingSelected()) { if (isSomethingSelected()) {
btn_ok.disabled = false; enableButton(btn_ok);
btn_ok.classList.remove('btn_disabled'); enableButton(btn_reply_type);
if(mztaUseDiffViewer == '1'){ if(mztaUseDiffViewer == '1'){
btn_diff.disabled = false; enableButton(btn_diff);
btn_diff.classList.remove('btn_disabled');
} }
} else { } else {
btn_ok.disabled = true; disableButton(btn_ok);
btn_ok.classList.add('btn_disabled'); disableButton(btn_reply_type);
if(mztaUseDiffViewer == '1'){ if(mztaUseDiffViewer == '1'){
btn_diff.disabled = true; disableButton(btn_diff);
btn_diff.classList.add('btn_disabled');
} }
} }
}, 300); // Delay in milliseconds }, 300); // Delay in milliseconds
}); });
function enableButton(btn){
btn.disabled = false;
btn.classList.remove('btn_disabled');
}
function disableButton(btn){
btn.disabled = true;
btn.classList.add('btn_disabled');
}
function selectContentOnMouseDown(event) { function selectContentOnMouseDown(event) {
// Reset the dragging flag when the mouse is pressed down // Reset the dragging flag when the mouse is pressed down
isDragging = false; isDragging = false;