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

Hide 'Use Diff Viewer' checkbox by default and toggle visibility based on action selection on the new custom prompt form. see #347

Browse source
This commit is contained in:
Mic 2025-04-15 23:46:00 +02:00
parent 5b9b6f88ef
commit c185ba21e0
3 changed files with 14 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
pages/customprompts/mzta-custom-prompts.css
View file

@ -39,6 +39,10 @@ thead {
float: right;
}
#checkboxUseDiffViewerNew_span{
display: none;
}
#btnSaveAll{
float: left;
}

2
pages/customprompts/mzta-custom-prompts.html
View file

@ -58,7 +58,7 @@
<br>
<input type="checkbox" id="checkboxDefineResponseLangNew" name="define_response_lang" value="1" tabindex="8"> <label for="checkboxDefineResponseLangNew">__MSG_customPrompts_form_label_define_response_lang__</label>
<br>
<input type="checkbox" id="checkboxUseDiffViewerNew" name="use_diff_viewer" value="1" tabindex="9"> <label for="checkboxUseDiffViewerNew">__MSG_customPrompts_form_label_use_diff_viewer__</label>
<span id="checkboxUseDiffViewerNew_span"><input type="checkbox" id="checkboxUseDiffViewerNew" name="use_diff_viewer" value="1" tabindex="9"> <label for="checkboxUseDiffViewerNew">__MSG_customPrompts_form_label_use_diff_viewer__</label></span>
</td>
</tr>
<tr>

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

@ -69,40 +69,6 @@ document.addEventListener('DOMContentLoaded', async () => {
}
btnNew.addEventListener('click', handleNewClick);
// Display selected value next to select input
// function handleSelectChange(e) {
// e.preventDefault();
// const spanElement = e.target.nextElementSibling;
// spanElement.textContent = e.target.value;
// }
// document.querySelectorAll('select.input_mod').forEach(element => {
// element.addEventListener('change', handleSelectChange);
// });
// Log data ID number from item row and prepare for edit action
// Handle "type" select changes and log new state
// function handleTypeSelectChange(e) {
// e.preventDefault();
// const spanElement = e.target.nextElementSibling;
// spanElement.textContent = e.target.value;
// }
// let type_select_elements = document.querySelectorAll("select.type_output");
// type_select_elements.forEach(element => {
// element.addEventListener('change', handleTypeSelectChange);
// });
// Handle "action" select changes and log new state
// function handleActionSelectChange(e) {
// e.preventDefault();
// const spanElement = e.target.nextElementSibling;
// spanElement.textContent = e.target.value;
// }
// let action_select_elements = document.querySelectorAll("select.action_output");
// action_select_elements.forEach(element => {
// element.addEventListener('change', handleActionSelectChange);
// });
// for the new prompt form
let btnNew_elements = document.querySelectorAll(".input_new");
if(btnNew_elements) {
@ -156,6 +122,15 @@ document.addEventListener('DOMContentLoaded', async () => {
var checkboxNeedCustomTextNew = document.getElementById('checkboxNeedCustomTextNew');
var checkboxDefineResponseLangNew = document.getElementById('checkboxDefineResponseLangNew');
var checkboxUseDiffViewerNew = document.getElementById('checkboxUseDiffViewerNew');
var checkboxUseDiffViewerNew_span = document.getElementById('checkboxUseDiffViewerNew_span');
selectActionNew.addEventListener('change', (e) => {
if (e.target.value === "2") {
checkboxUseDiffViewerNew_span.style.display = 'inline';
} else {
checkboxUseDiffViewerNew_span.style.display = 'none';
}
});
const btnAddNew = document.getElementById('btnAddNew');
btnAddNew.addEventListener('click', (e) => {