Merge pull request #37 from keitaroinc/keywords-fix

Load all keyword options after category selection
keitaroinc · Nov 4, 2024 · 21fcd88 · 21fcd88
2 parents ea6cb10 + ca71429
commit 21fcd88
Showing 1 changed file with 15 additions and 8 deletions.
diff --git a/ckanext/alisea/templates/scheming/form_snippets/agroecology_keyword.html b/ckanext/alisea/templates/scheming/form_snippets/agroecology_keyword.html
@@ -3,7 +3,6 @@
 <div style="margin:-20px 0px 20px 0px;">
   <small><a href="javascript:void(0);" id="resetLink" onclick="resetKeywords()">Reset Keywords</a></small>
 </div>
-
 <script>
   document.addEventListener('DOMContentLoaded', function() {
       var agroecologyKeyword = "{{ data.agroecology_keyword }}";
@@ -272,8 +271,15 @@
           allowClear: true
       });
 
-      function populateKeywords(category) {
-          var keywords = keywordOptions[category] || [];
+      function populateKeywords(categories) {
+          let keywords = [];
+
+          categories.forEach(function(category) {
+              keywords = keywords.concat(keywordOptions[category] || []);
+          });
+
+          keywords = [...new Set(keywords)];
+
           $('#agroecology_keyword').empty();
 
           keywords.forEach(function(keyword) {
@@ -288,17 +294,18 @@
       }
 
       categorySelect.addEventListener('change', function() {
-          var selectedCategory = categorySelect.value;
-          populateKeywords(selectedCategory);
+          const selectedCategories = Array.from(categorySelect.selectedOptions).map(option => option.value);
+          populateKeywords(selectedCategories);
       });
 
-      var initialCategory = categorySelect.value;
-      if (initialCategory) {
-          populateKeywords(initialCategory);
+      const initialCategories = Array.from(categorySelect.selectedOptions).map(option => option.value);
+      if (initialCategories.length > 0) {
+          populateKeywords(initialCategories);
       }
   });
 
   function resetKeywords() {
       $('#agroecology_keyword').val(null).trigger('change');
   }
 </script>
+