From 23a711043b80c118ef9e863ef0275cdf8b4152f0 Mon Sep 17 00:00:00 2001
From: Stephan Yelle <syelle@silicon-valley.ca>
Date: Mon, 26 May 2025 21:30:59 -0400
Subject: [PATCH] change some code in the Build-Checkboxes function

---
 testTaskGate.ps1 | 45 ++++++++++++++++++++++-----------------------
 1 file changed, 22 insertions(+), 23 deletions(-)

diff --git a/testTaskGate.ps1 b/testTaskGate.ps1
index c307209..22692e4 100644
--- a/testTaskGate.ps1
+++ b/testTaskGate.ps1
@@ -265,15 +265,12 @@ function Build-Checkboxes {
 
   (
     $Global:Tasks |
-      Where-Object Page  -EQ $Page   |
+      Where-Object Page -EQ $Page |
       Where-Object Column -EQ $Column |
       ForEach-Object {
-        # 1) render the main checkbox
         $html = "<label><input type='checkbox' id='$($_.Id)' name='$($_.Name)' data-column='$Column'> $($_.Label)</label>"
 
-        # 2) if this task has SubOptions, render them in a hidden container
         if ($_.SubOptions) {
-
           Write-Host "👉 Rendering SubOptions for task $($_.Id)"
 
           $subHtml = (
@@ -285,26 +282,27 @@ function Build-Checkboxes {
           ) -join "`n"
 
           $html += @"
-            <div id='${($_.Id)}OptionsContainer' style='display:none; margin-top:4px;'>
-            $subHtml
-            </div>
-            <script>
-              document.addEventListener('DOMContentLoaded', function () {
-                const masterCheckbox = document.getElementById('${($_.Id)}');
-                const container = document.getElementById('${($_.Id)}OptionsContainer');
-                if (masterCheckbox && container) {
-                  masterCheckbox.addEventListener('change', function () {
-                    container.style.display = this.checked ? 'block' : 'none';
-                  });
-                  // Auto-show if already checked (e.g. page reload with checkbox checked)
-                  if (masterCheckbox.checked) {
-                    container.style.display = 'block';
-                  }
-                }
-              });
-            </script>
+<div id='${($_.Id)}OptionsContainer' style='display:none; margin-top:4px;'>
+$subHtml
+</div>
+<script>
+  document.addEventListener('DOMContentLoaded', function () {
+    const masterCheckbox = document.getElementById('${($_.Id)}');
+    const container = document.getElementById('${($_.Id)}OptionsContainer');
+    if (masterCheckbox && container) {
+      const subCheckboxes = container.querySelectorAll('input[type="checkbox"]');
+      masterCheckbox.addEventListener('change', function () {
+        container.style.display = this.checked ? 'block' : 'none';
+        subCheckboxes.forEach(cb => cb.checked = this.checked);
+      });
+      if (masterCheckbox.checked) {
+        container.style.display = 'block';
+        subCheckboxes.forEach(cb => cb.checked = true);
+      }
+    }
+  });
+</script>
 "@
-
         }
 
         $html
@@ -314,6 +312,7 @@ function Build-Checkboxes {
 
 
 
+
 function Get-UIHtml {
     param([string]$Page = 'onboard')