From c282f1bb094c40d9fce9ee7d9e667c8def11cf2e Mon Sep 17 00:00:00 2001
From: Stephan Yelle <syelle@silicon-valley.ca>
Date: Mon, 26 May 2025 21:52:15 -0400
Subject: [PATCH] attempt to get the password field to show up

---
 testTaskGate.ps1 | 38 ++++++++++++++++----------------------
 1 file changed, 16 insertions(+), 22 deletions(-)

diff --git a/testTaskGate.ps1 b/testTaskGate.ps1
index e5d18b9..3b13df3 100644
--- a/testTaskGate.ps1
+++ b/testTaskGate.ps1
@@ -274,7 +274,6 @@ function Build-Checkboxes {
         if ($_.SubOptions) {
           Write-Host "👉 Rendering SubOptions for task $taskId"
 
-          # Build the sub-checkboxes
           $subHtml = (
             $_.SubOptions | ForEach-Object {
               "<label style='margin-left:20px; display:block;'>
@@ -283,37 +282,32 @@ function Build-Checkboxes {
             }
           ) -join "`n"
 
-          # Append HTML + inline script
           $html += @"
 <div id='${taskId}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 passwordContainer = document.getElementById("PasswordContainer");
-      const dattoContainer = document.getElementById("dattoRmmContainer");
+(function() {
+  const masterCheckbox = document.getElementById('${taskId}');
+  const container = document.getElementById('${taskId}OptionsContainer');
 
-      function updateDisplay(checked) {
-        container.style.display = checked ? 'block' : 'none';
-        if (passwordContainer) passwordContainer.style.display = checked ? 'block' : 'none';
-        if (dattoContainer) dattoContainer.style.display = checked ? 'block' : 'none';
-        container.querySelectorAll('input[type="checkbox"]').forEach(cb => cb.checked = checked);
-      }
+  if (masterCheckbox && container) {
+    const passwordContainer = document.getElementById("PasswordContainer");
+    const dattoContainer = document.getElementById("dattoRmmContainer");
 
-      masterCheckbox.addEventListener('change', function () {
-        updateDisplay(this.checked);
-      });
+    function updateDisplay(checked) {
+      container.style.display = checked ? 'block' : 'none';
+      container.querySelectorAll('input[type="checkbox"]').forEach(cb => cb.checked = checked);
 
-      // Initial state on load
-      updateDisplay(masterCheckbox.checked);
+      if (passwordContainer) passwordContainer.style.display = checked ? 'block' : 'none';
+      if (dattoContainer) dattoContainer.style.display = checked ? 'block' : 'none';
     }
-  });
-</script>
 
+    masterCheckbox.addEventListener('change', () => updateDisplay(masterCheckbox.checked));
+    updateDisplay(masterCheckbox.checked);
+  }
+})();
+</script>
 "@
         }