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

Implement toggle functionality for 'Use Diff Viewer' checkbox based on action selection in custom prompts list. see #347

Browse source
This commit is contained in:
Mic 2025-04-15 23:51:00 +02:00
parent 74b8bdbd09
commit f5a0685596
1 changed files with 26 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
pages/customprompts/mzta-custom-prompts.js
View file

@ -128,6 +128,7 @@ document.addEventListener('DOMContentLoaded', async () => {
if (e.target.value === "2") { if (e.target.value === "2") {
checkboxUseDiffViewerNew_span.style.display = 'inline'; checkboxUseDiffViewerNew_span.style.display = 'inline';
} else { } else {
checkboxUseDiffViewerNew.checked = false;
checkboxUseDiffViewerNew_span.style.display = 'none'; checkboxUseDiffViewerNew_span.style.display = 'none';
} }
}); });
@ -276,6 +277,7 @@ function handleEditClick(e) {
// tr.querySelector('.btnEditItem').style.display = 'none'; // Edit btn // tr.querySelector('.btnEditItem').style.display = 'none'; // Edit btn
tr.querySelector('.btnDeleteItem').style.display = 'none'; // Delete btn tr.querySelector('.btnDeleteItem').style.display = 'none'; // Delete btn
showItemRowEditor(tr); showItemRowEditor(tr);
toggleDiffviewer(e);
} }
function showItemRowEditor(tr) { function showItemRowEditor(tr) {
@ -289,7 +291,9 @@ function showItemRowEditor(tr) {
tr.querySelector('.text_show').style.display = 'none'; tr.querySelector('.text_show').style.display = 'none';
tr.querySelector('.type_output').style.display = 'inline'; tr.querySelector('.type_output').style.display = 'inline';
tr.querySelector('.type_show').style.display = 'none'; tr.querySelector('.type_show').style.display = 'none';
tr.querySelector('.action_output').style.display = 'inline'; const action_output = tr.querySelector('.action_output')
action_output.style.display = 'inline';
action_output.addEventListener('change', toggleDiffviewer);
tr.querySelector('.action_show').style.display = 'none'; tr.querySelector('.action_show').style.display = 'none';
tr.querySelector('input.need_selected').disabled = false; tr.querySelector('input.need_selected').disabled = false;
tr.querySelector('input.need_signature').disabled = false; tr.querySelector('input.need_signature').disabled = false;
@ -307,7 +311,9 @@ function hideItemRowEditor(tr) {
tr.querySelector('.text_show').style.display = 'inline'; tr.querySelector('.text_show').style.display = 'inline';
tr.querySelector('.type_output').style.display = 'none'; tr.querySelector('.type_output').style.display = 'none';
tr.querySelector('.type_show').style.display = 'inline'; tr.querySelector('.type_show').style.display = 'inline';
tr.querySelector('.action_output').style.display = 'none'; const action_output = tr.querySelector('.action_output')
action_output.style.display = 'none';
action_output.addEventListener('change', toggleDiffviewer);
tr.querySelector('.action_show').style.display = 'inline'; tr.querySelector('.action_show').style.display = 'inline';
tr.querySelector('input.need_selected').disabled = true; tr.querySelector('input.need_selected').disabled = true;
tr.querySelector('input.need_signature').disabled = true; tr.querySelector('input.need_signature').disabled = true;
@ -316,6 +322,24 @@ function hideItemRowEditor(tr) {
tr.querySelector('input.use_diff_viewer').disabled = true; tr.querySelector('input.use_diff_viewer').disabled = true;
} }
function toggleDiffviewer(e) {
e.preventDefault();
const tr = e.target.parentNode.parentNode;
const action = tr.querySelector('.action_output').value;
const checkbox = tr.querySelector('.use_diff_viewer');
if (action === "2") {
checkbox.disabled = false;
} else {
checkbox.checked = false;
checkbox.disabled = true;
}
//console.log('>>>>>>>> tr: ' + tr.getAttribute('data-idnum'));
//console.log('>>>>>>>> action: ' + action);
//console.log('>>>>>>>> checkbox: ' + checkbox.checked);
//console.log('>>>>>>>> checkbox: ' + checkbox.style.display);
}
// Confirm and log deletion action // Confirm and log deletion action
function handleDeleteClick(e) { function handleDeleteClick(e) {
e.preventDefault(); e.preventDefault();