From e560bd9842f13d8cc6737ff04cac91733acc2bbe Mon Sep 17 00:00:00 2001
From: balkk1 <blake_lay@yahoo.com.au>
Date: Wed, 20 May 2026 23:35:17 +1000
Subject: [PATCH 1/3] fix: google ca ui where drop down value fails to update

Description
Fixed HTML syntax bugs in the Certificate Authority (CA) provider tab
component and standardized the element ID conventions for Google Trust
Services configuration blocks.

Changes
Fix HTML Syntax: Resolved a broken opening wrapper div (missing >) and
removed a stray trailing } character at the base of the file that was
causing rendering and template parsing errors.

ID Normalization: Renamed the Google configuration wrapper ID from
google-config to google-ca-config to match the project's semantic naming
architecture (aligning it with elements like private-ca-config).

Impact
Restores layout styling and resolves broken Alpine.js state reactivity
inside the CA Providers view panel.

Eliminates template build compilation issues caused by syntax bugs.
---
 static/js/settings.js               | 27 +++++++++++++++++----------
 templates/partials/settings_ca.html |  2 +-
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/static/js/settings.js b/static/js/settings.js
index a2ff5f39..a22e68b0 100644
--- a/static/js/settings.js
+++ b/static/js/settings.js
@@ -217,10 +217,10 @@
             if (!settings.email) {
                 var caDisplayName = defaultCA === 'letsencrypt' ? "Let's Encrypt" :
                     defaultCA === 'zerossl' ? 'ZeroSSL' :
-                    defaultCA === 'google' ? 'Google Trust Services' :
-                    defaultCA === 'buypass' ? 'BuyPass Go' :
-                    defaultCA === 'sslcom' ? 'SSL.com' :
-                    defaultCA === 'digicert' ? 'DigiCert' : 'Private CA';
+                        defaultCA === 'google' ? 'Google Trust Services' :
+                            defaultCA === 'buypass' ? 'BuyPass Go' :
+                                defaultCA === 'sslcom' ? 'SSL.com' :
+                                    defaultCA === 'digicert' ? 'DigiCert' : 'Private CA';
                 throw new Error('Email address is required in the ' + caDisplayName + ' configuration section');
             }
 
@@ -1761,20 +1761,28 @@
         var caProviderToConfigId = {
             'letsencrypt': 'letsencrypt-config',
             'zerossl': 'zerossl-config',
-            'google': 'google-config',
+            'google': 'google-ca-config',
             'buypass': 'buypass-config',
             'digicert': 'digicert-config',
             'sslcom': 'sslcom-config',
             'private_ca': 'private-ca-config'
         };
 
+        var caConfigs = [
+            'letsencrypt-config',
+            'zerossl-config',
+            'google-ca-config',
+            'buypass-config',
+            'digicert-config',
+            'sslcom-config',
+            'private-ca-config'
+        ];
+
         // Hide all CA configuration panels and disable their required fields
-        var caConfigs = ['letsencrypt-config', 'zerossl-config', 'google-config', 'buypass-config', 'digicert-config', 'sslcom-config', 'private-ca-config'];
         caConfigs.forEach(function (configId) {
             var element = document.getElementById(configId);
             if (element) {
                 element.style.display = 'none';
-                // Disable required validation for hidden fields
                 var requiredFields = element.querySelectorAll('[required]');
                 requiredFields.forEach(function (field) {
                     field.removeAttribute('required');
@@ -1788,7 +1796,6 @@
         var selectedConfig = document.getElementById(selectedConfigId);
         if (selectedConfig) {
             selectedConfig.style.display = 'block';
-            // Re-enable required validation for visible fields
             var requiredFields = selectedConfig.querySelectorAll('[data-was-required="true"]');
             requiredFields.forEach(function (field) {
                 field.setAttribute('required', '');
@@ -2590,7 +2597,7 @@
             if (pwField) {
                 pwField.classList.add('border-red-500', 'input-shake');
                 pwField.focus();
-                setTimeout(function() { pwField.classList.remove('border-red-500', 'input-shake'); }, 3000);
+                setTimeout(function () { pwField.classList.remove('border-red-500', 'input-shake'); }, 3000);
             }
             return;
         }
@@ -2630,7 +2637,7 @@
 
         // Timeout after 15 seconds to prevent infinite loading
         var controller = typeof AbortController !== 'undefined' ? new AbortController() : null;
-        var timeoutId = controller ? setTimeout(function() { controller.abort(); }, 15000) : null;
+        var timeoutId = controller ? setTimeout(function () { controller.abort(); }, 15000) : null;
 
         fetch('/api/users', {
             headers: {},
diff --git a/templates/partials/settings_ca.html b/templates/partials/settings_ca.html
index f12a1d8a..c95847fb 100644
--- a/templates/partials/settings_ca.html
+++ b/templates/partials/settings_ca.html
@@ -95,7 +95,7 @@ <h4 class="text-sm font-semibold text-yellow-800 dark:text-yellow-200 mb-2 flex
                             </div>
 
                             <!-- Google Trust Services Configuration -->
-                            <div id="google-config" class="border border-blue-200 dark:border-blue-700 rounded-lg p-4 bg-blue-50/50 dark:bg-blue-900/10" style="display: none;">
+                            <div id="google-ca-config" class="border border-blue-200 dark:border-blue-700 rounded-lg p-4 bg-blue-50/50 dark:bg-blue-900/10" style="display: none;">
                                 <h4 class="text-sm font-semibold text-blue-700 dark:text-blue-300 mb-2 flex items-center">
                                     <i class="fab fa-google mr-2 text-blue-500"></i>
                                     Google Trust Services Configuration

From 8c5ba0e799e7727734492e2c9e414e99700ee581 Mon Sep 17 00:00:00 2001
From: balkk1 <blake_lay@yahoo.com.au>
Date: Wed, 20 May 2026 23:37:01 +1000
Subject: [PATCH 2/3] fix google ui fix formatting

---
 static/js/settings.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/static/js/settings.js b/static/js/settings.js
index a22e68b0..f5d01a42 100644
--- a/static/js/settings.js
+++ b/static/js/settings.js
@@ -217,10 +217,10 @@
             if (!settings.email) {
                 var caDisplayName = defaultCA === 'letsencrypt' ? "Let's Encrypt" :
                     defaultCA === 'zerossl' ? 'ZeroSSL' :
-                        defaultCA === 'google' ? 'Google Trust Services' :
-                            defaultCA === 'buypass' ? 'BuyPass Go' :
-                                defaultCA === 'sslcom' ? 'SSL.com' :
-                                    defaultCA === 'digicert' ? 'DigiCert' : 'Private CA';
+                    defaultCA === 'google' ? 'Google Trust Services' :
+                    defaultCA === 'buypass' ? 'BuyPass Go' :
+                    defaultCA === 'sslcom' ? 'SSL.com' :
+                    defaultCA === 'digicert' ? 'DigiCert' : 'Private CA';
                 throw new Error('Email address is required in the ' + caDisplayName + ' configuration section');
             }
 

From 357ee59d92a41aa699a3ea4024c0e6d539aeb4b5 Mon Sep 17 00:00:00 2001
From: balkk1 <blake_lay@yahoo.com.au>
Date: Wed, 20 May 2026 23:39:27 +1000
Subject: [PATCH 3/3] formatting fixes

---
 static/js/settings.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/static/js/settings.js b/static/js/settings.js
index f5d01a42..a2fe3a7f 100644
--- a/static/js/settings.js
+++ b/static/js/settings.js
@@ -1796,6 +1796,7 @@
         var selectedConfig = document.getElementById(selectedConfigId);
         if (selectedConfig) {
             selectedConfig.style.display = 'block';
+            // Re-enable required validation for visible fields
             var requiredFields = selectedConfig.querySelectorAll('[data-was-required="true"]');
             requiredFields.forEach(function (field) {
                 field.setAttribute('required', '');
@@ -2597,7 +2598,7 @@
             if (pwField) {
                 pwField.classList.add('border-red-500', 'input-shake');
                 pwField.focus();
-                setTimeout(function () { pwField.classList.remove('border-red-500', 'input-shake'); }, 3000);
+                setTimeout(function() { pwField.classList.remove('border-red-500', 'input-shake'); }, 3000);
             }
             return;
         }
@@ -2637,7 +2638,7 @@
 
         // Timeout after 15 seconds to prevent infinite loading
         var controller = typeof AbortController !== 'undefined' ? new AbortController() : null;
-        var timeoutId = controller ? setTimeout(function () { controller.abort(); }, 15000) : null;
+        var timeoutId = controller ? setTimeout(function() { controller.abort(); }, 15000) : null;
 
         fetch('/api/users', {
             headers: {},