the submit answer view

Author: smattymatty

BaseApp/__pycache__/views.cpython-310.pyc

@@ -4540,3 +4540,29 @@ get_blog_post_list38page_number=1, search_query=''
 get_blog_post_list38page_number=1, search_query=''
 2024-07-05T00:59:08.698652+0000DEBUG
 get_blog_post_list38page_number=1, search_query=''
+2024-07-05T01:14:40.674462+0000INFO
+display_number167Received number: 0
+2024-07-05T01:14:40.675687+0000INFO
+display_number167Received number: 4
+2024-07-05T01:14:43.081871+0000INFO
+display_number167Received number: 0
+2024-07-05T01:14:43.082950+0000INFO
+display_number167Received number: 3
+2024-07-05T01:15:28.057254+0000INFO
+display_number167Received number: 0
+2024-07-05T01:15:28.058341+0000INFO
+display_number167Received number: 2
+2024-07-05T01:15:29.424911+0000INFO
+display_number167Received number: 0
+2024-07-05T01:15:29.425650+0000INFO
+display_number167Received number: 1
+2024-07-05T01:15:34.456290+0000INFO
+display_number167Received number: 0
+2024-07-05T01:15:34.457096+0000INFO
+display_number167Received number: 4
+2024-07-05T01:15:35.854962+0000INFO
+display_number167Received number: 0
+2024-07-05T01:15:35.855970+0000INFO
+display_number167Received number: 0
+2024-07-05T01:19:11.863200+0000DEBUG
+get_blog_post_list38page_number=1, search_query=''

BaseApp/logs/views.log

@@ -121,6 +121,14 @@ export class ContentToggleHandler {
       if (this.shouldHandleOutsideClick) {
         document.addEventListener('click', this.handleOutsideClick.bind(this));
       }
+    } else if (this.closeEvent === 'none') {
+      // do nothing
+    } else {
+      logger.error(
+        `[ContentToggleHandler Error] Invalid closeEvent: "${this.closeEvent}".`,
+        'constructor'
+      );
+      return;
     }
   }
 

BaseApp/static/BaseApp/modules/ContentToggleHandler.mjs

@@ -3,12 +3,12 @@
     <h1 class="base-font text-2xl w-full text-center font-bold py-2 -mt-2 rounded-t-lg bg-gradient-to-r from-black/20 from-10% via-blue-300/10 via-50% to-black/20 to-90% border-b-4 border-white/10">
         {% if title %}{{ title }}{% endif %}
     </h1>
-    <div class="bg-black/30 border-b-2 border-black/50 shadow-lg {% if not extended_header %}rounded-b-lg mb-4{% endif %}">
+    <div class="bg-black/30 border-b-2 border-black/50 shadow-lg {% if not header_is_extended %}rounded-b-lg mb-4{% endif %}">
         {% if page_description %}
             <p class="text-center text-lg py-2 prose w-full mx-auto text-white/40">{{ page_description }}</p>
         {% endif %}
         {% if page_disclaimer %}
-            <p class="text-center text-base py-2 prose w-full mx-auto text-white/40 {% if not extended_header %}pb-3{% endif %}">
+            <p class="text-center text-base py-2 prose w-full mx-auto text-white/40 {% if not header_is_extended %}pb-3{% endif %}">
                 {{ page_disclaimer }}
             </p>
         {% endif %}

BaseApp/templates/BaseApp/layouts/page_layout.html

@@ -1,9 +1,4 @@
-{% if previous_url %}
-    <button hx-get="{{ previous_url }}"
-            hx-target="{{ back_button_target_element }}"
-            hx-swap="innerHTML"
-            hx-push-url="true"
-            class="bg-white/50 hover:bg-white/70 px-4 py-2 text-black/70 hover:text-black rounded-md transition duration-300 ease-in-out">
-        &larr; Back to {{ previous_url|title }}
-    </button>
-{% endif %}
+<button {% if back_button_target_element %} hx-get="{{ previous_url }}" hx-target="{{ back_button_target_element }}" hx-swap="innerHTML" hx-push-url="true" {% else %} onclick="window.location.href='{{ previous_url }}'" {% endif %}
+        class="bg-white/50 hover:bg-white/70 px-4 py-2 text-black/70 hover:text-black rounded-md transition duration-300 ease-in-out">
+    &larr; Back to {{ previous_url|title }}
+</button>

BaseApp/templates/BaseApp/navigation/back_button.html

@@ -2,14 +2,14 @@
 <div class="flex flex-col space-y-2 border border-y-4 border-white/10 rounded-lg p-4">
     <h4 class="text-lg font-bold text-center">Toggled Button Group with minimal styling</h4>
     <div id="minimal-toggled-button-group"
-         data-active-class="p-4 bg-white text-black/50 font-bold border-b-4 border-black/60"
+         data-active-class="p-4 bg-gray-200 text-black font-bold border-b-4 border-black/60"
          data-initial-active="2"
          class="flex gap-2 justify-center">
-        <button class="bg-black text-white p-2">Button 1</button>
-        <button class="bg-black text-white p-2">Button 2</button>
-        <button class="bg-black text-white p-2">Button 3</button>
-        <button class="bg-black text-white p-2">Button 4</button>
-        <button class="bg-black text-white p-2">Button 5</button>
+        <button class="bg-black p-2">Button 1</button>
+        <button class="bg-black p-2">Button 2</button>
+        <button class="bg-black p-2">Button 3</button>
+        <button class="bg-black p-2">Button 4</button>
+        <button class="bg-black p-2">Button 5</button>
     </div>
 </div>
 {% init_toggled_button_groups 'minimal' %}