🪲 Fix missing underscore issue (#5608)

hedyorg · Jun 11, 2024 · 177e1b6 · 177e1b6
1 parent f24810f
commit 177e1b6
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/static/js/appbundle.js b/static/js/appbundle.js
@@ -124983,9 +124983,9 @@ def note_with_error(value, err):
   var tagsSelect;
   var searchInput;
   function initializeVariables() {
-    levelSelect = document.getElementById("level-select");
-    languageSelect = document.getElementById("language-select");
-    tagsSelect = document.getElementById("tag-select");
+    levelSelect = document.getElementById("level_select");
+    languageSelect = document.getElementById("language_select");
+    tagsSelect = document.getElementById("tag_select");
     searchInput = document.getElementById("search_adventure");
   }
   document.addEventListener("DOMContentLoaded", prepareDropdowns);

diff --git a/static/js/appbundle.js.map b/static/js/appbundle.js.map
diff --git a/static/js/public-adventures.ts b/static/js/public-adventures.ts
@@ -8,9 +8,9 @@ let searchInput: HTMLInputElement;
 
 function initializeVariables() {
     // Get and initialize needed variables
-    levelSelect = document.getElementById("level-select") as HTMLElement;
-    languageSelect = document.getElementById("language-select") as HTMLElement;
-    tagsSelect = document.getElementById("tag-select") as HTMLElement;
+    levelSelect = document.getElementById("level_select") as HTMLElement;
+    languageSelect = document.getElementById("language_select") as HTMLElement;
+    tagsSelect = document.getElementById("tag_select") as HTMLElement;
     searchInput = document.getElementById('search_adventure') as HTMLInputElement;
 }
 

diff --git a/templates/public-adventures/body.html b/templates/public-adventures/body.html
@@ -94,7 +94,7 @@
                   <div class="dropdown-menu dropdown-blue z-30 mt-2 w-full" id="tags_dropdown"
                     style="display: none; width: 100%;"
                     _="on mutation of @style
-                        set arrow to #keyword-arrow_tag
+                        set arrow to #keyword_arrow_tag
                         if *display == 'none'
                             remove .rotate-180 from arrow
                         else if not arrow.classList.contains('rotate-180')
@@ -121,14 +121,14 @@
                    appearance-none w-full border border-gray-200 text-gray-700 p-2 rounded"
                   onclick="$('#report_dropdown').slideToggle('medium');">
                   <span class="label" data-value="reported">{{selectedReported}}reported?</span>
-                  <svg id="keyword-arrow_report" class="fill-current h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+                  <svg id="keyword_arrow_report" class="fill-current h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                     <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" />
                   </svg>
                 </button>
                 <div class="dropdown-menu dropdown-blue z-30 mt-2 w-full" id="report_dropdown"
                   style="display: none; width: 100%;"
                   _="on mutation of @style
-                      set arrow to #keyword-arrow_report
+                      set arrow to #keyword_arrow_report
                       if *display == 'none'
                           remove .rotate-180 from arrow
                       else if not arrow.classList.contains('rotate-180')