syelle/Logo
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

#5

Browse Source
This commit is contained in:
Stephan Yelle
2025-05-26 21:33:14 -04:00
parent 23a711043b
commit b49778215f
1 changed files with 25 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
testTaskGate.ps1
View File

@@ -268,37 +268,45 @@ function Build-Checkboxes {
Where-Object Page -EQ $Page | Where-Object Page -EQ $Page |
Where-Object Column -EQ $Column | Where-Object Column -EQ $Column |
ForEach-Object { ForEach-Object {
$html = "<label><input type='checkbox' id='$($_.Id)' name='$($_.Name)' data-column='$Column'> $($_.Label)</label>" $taskId = $_.Id
$html = "<label><input type='checkbox' id='$taskId' name='$($_.Name)' data-column='$Column'> $($_.Label)</label>"
if ($_.SubOptions) { if ($_.SubOptions) {
Write-Host "👉 Rendering SubOptions for task $($_.Id)" Write-Host "👉 Rendering SubOptions for task $taskId"
# Build the sub-checkboxes
$subHtml = ( $subHtml = (
$_.SubOptions | ForEach-Object { $_.SubOptions | ForEach-Object {
"<label style='margin-left:20px; display:block;'> "<label style='margin-left:20px; display:block;'>
<input type='checkbox' name='$($_.Value)' value='$($_.Value)'> $($_.Label) <input type='checkbox' class='sub-option-$taskId' name='$($_.Value)' value='$($_.Value)'> $($_.Label)
</label>" </label>"
} }
) -join "`n" ) -join "`n"
# Append HTML + inline script
$html += @" $html += @"
<div id='${($_.Id)}OptionsContainer' style='display:none; margin-top:4px;'> <div id='${taskId}OptionsContainer' style='display:none; margin-top:4px;'>
$subHtml $subHtml
</div> </div>
<script> <script>
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
const masterCheckbox = document.getElementById('${($_.Id)}'); const master = document.getElementById('$taskId');
const container = document.getElementById('${($_.Id)}OptionsContainer'); const container = document.getElementById('${taskId}OptionsContainer');
if (masterCheckbox && container) { const subCheckboxes = container.querySelectorAll('.sub-option-$taskId');
const subCheckboxes = container.querySelectorAll('input[type="checkbox"]');
masterCheckbox.addEventListener('change', function () { if (master && container) {
container.style.display = this.checked ? 'block' : 'none'; // Toggle visibility + check state
subCheckboxes.forEach(cb => cb.checked = this.checked); const toggleSubs = () => {
}); const show = master.checked;
if (masterCheckbox.checked) { container.style.display = show ? 'block' : 'none';
container.style.display = 'block'; subCheckboxes.forEach(cb => cb.checked = show);
subCheckboxes.forEach(cb => cb.checked = true); };
}
// Bind event
master.addEventListener('change', toggleSubs);
// Handle page load if pre-checked
if (master.checked) toggleSubs();
} }
}); });
</script> </script>
@@ -313,6 +321,7 @@ $subHtml
function Get-UIHtml { function Get-UIHtml {
param([string]$Page = 'onboard') param([string]$Page = 'onboard')