From 68f7f661df1d43fcecf85723bdd435f1393d06fc Mon Sep 17 00:00:00 2001
From: samoehlert <soehlert@es.net>
Date: Wed, 9 Jul 2025 01:48:01 -0500
Subject: [PATCH 1/2] feat(message framework): simple javascript to make our
 django messages auto disappear after a few seconds. This is better UX than
 requiring the user to actually click the x to close the message

---
 scram/templates/base.html | 31 ++++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/scram/templates/base.html b/scram/templates/base.html
index e13072d7..36453ae3 100644
--- a/scram/templates/base.html
+++ b/scram/templates/base.html
@@ -70,7 +70,36 @@
     {% block modal %}{% endblock modal %}
 
     {% block inline_javascript %}
-    {# Script tags with only code, no src (defer by default) #}
+      <script>
+        // Auto-dismiss django messages
+        document.addEventListener('DOMContentLoaded', function() {
+        const alerts = document.querySelectorAll('.alert');
+        alerts.forEach(function(alert) {
+            let timeout = 4000;
+
+            // Set different timeouts based on alert type
+            if (alert.classList.contains('alert-success')) {
+                timeout = 3000;
+            } else if (alert.classList.contains('alert-warning') ||
+                       alert.classList.contains('alert-danger') ||
+                       alert.classList.contains('alert-error')) {
+                timeout = 5000;
+            }
+
+            setTimeout(function() {
+                alert.style.transition = 'opacity 0.5s ease-out';
+                alert.style.opacity = '0';
+
+                // Remove from DOM after fade completes
+                setTimeout(function() {
+                    if (alert.parentNode) {
+                        alert.parentNode.removeChild(alert);
+                    }
+                }, 500);
+            }, timeout);
+        });
+    });
+  </script>
     {% endblock inline_javascript %}
   </body>
 </html>

From 13594a9876de33cad8ef015ecc6c791f9824c2ea Mon Sep 17 00:00:00 2001
From: samoehlert <soehlert@es.net>
Date: Wed, 9 Jul 2025 01:53:55 -0500
Subject: [PATCH 2/2] fix(style): Fix whitespace on our JS

---
 scram/templates/base.html | 52 +++++++++++++++++++--------------------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/scram/templates/base.html b/scram/templates/base.html
index 36453ae3..5b2aa63e 100644
--- a/scram/templates/base.html
+++ b/scram/templates/base.html
@@ -73,33 +73,33 @@
       <script>
         // Auto-dismiss django messages
         document.addEventListener('DOMContentLoaded', function() {
-        const alerts = document.querySelectorAll('.alert');
-        alerts.forEach(function(alert) {
-            let timeout = 4000;
-
-            // Set different timeouts based on alert type
-            if (alert.classList.contains('alert-success')) {
-                timeout = 3000;
-            } else if (alert.classList.contains('alert-warning') ||
-                       alert.classList.contains('alert-danger') ||
-                       alert.classList.contains('alert-error')) {
-                timeout = 5000;
-            }
-
-            setTimeout(function() {
-                alert.style.transition = 'opacity 0.5s ease-out';
-                alert.style.opacity = '0';
-
-                // Remove from DOM after fade completes
-                setTimeout(function() {
-                    if (alert.parentNode) {
-                        alert.parentNode.removeChild(alert);
-                    }
-                }, 500);
-            }, timeout);
+          const alerts = document.querySelectorAll('.alert');
+          alerts.forEach(function(alert) {
+              let timeout = 4000;
+
+              // Set different timeouts based on alert type
+              if (alert.classList.contains('alert-success')) {
+                  timeout = 3000;
+              } else if (alert.classList.contains('alert-warning') ||
+                         alert.classList.contains('alert-danger') ||
+                         alert.classList.contains('alert-error')) {
+                  timeout = 5000;
+              }
+
+              setTimeout(function() {
+                  alert.style.transition = 'opacity 0.5s ease-out';
+                  alert.style.opacity = '0';
+
+                  // Remove from DOM after fade completes
+                  setTimeout(function() {
+                      if (alert.parentNode) {
+                          alert.parentNode.removeChild(alert);
+                      }
+                  }, 500);
+              }, timeout);
+          });
         });
-    });
-  </script>
+      </script>
     {% endblock inline_javascript %}
   </body>
 </html>