HTMX error handling.

templates/components/core.gohtml

@@ -24,9 +24,19 @@
 {{define "footer"}}
     {{- if .CSRF}}
         <script>
-            document.body.addEventListener('htmx:configRequest', (event) => {
-                event.detail.parameters['csrf'] = '{{ .CSRF }}';
+            document.body.addEventListener('htmx:configRequest', function(evt)  {
+                if (evt.detail.verb !== "get") {
+                    evt.detail.parameters['csrf'] = '{{ .CSRF }}';
+                }
             })
         </script>
     {{end}}
+    <script>
+        document.body.addEventListener('htmx:beforeSwap', function(evt) {
+            if (evt.detail.xhr.status >= 400){
+                evt.detail.shouldSwap = true;
+                evt.detail.target = htmx.find("body");
+            }
+        });
+    </script>
 {{end}}

templates/layouts/main.gohtml

@@ -39,6 +39,6 @@
             </div>
         </section>
 
-        {{template "footer"}}
+        {{template "footer" .}}
     </body>
 </html>

templates/pages/error.gohtml

@@ -1,6 +1,6 @@
 {{define "content"}}
-    {{if gt .StatusCode 500}}
-        <p>Please try again. Request ID: {{.RequestID}}</p>
+    {{if ge .StatusCode 500}}
+        <p>Please try again.</p>
     {{else if  or (eq .StatusCode 403) (eq .StatusCode 401)}}
         <p>You are not authorized to view the requested page.</p>
     {{else if eq .StatusCode 404}}