Alphabetize sidebar filter options

GFDRR · Jun 14, 2024 · bb4499d · bb4499d
1 parent 16b0cb4
commit bb4499d
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 5 deletions.
diff --git a/scripts/dist/bundle.js b/scripts/dist/bundle.js
diff --git a/scripts/src/components/categories-filter.js b/scripts/src/components/categories-filter.js
@@ -7,7 +7,14 @@ import {setContent, slugify, createDatasetFilters, collapseListGroup} from '../u
 export default class {
   constructor (opts) {
     const categories = this._categoriesWithCount(opts.datasets, opts.params)
-    const categoriesMarkup = categories.map(TmplListGroupItem)
+    const categoriesMarkup = categories.sort((a,b) => {
+      // ignore upper and lowercase
+      const titleA = a.title.toUpperCase();
+      const titleB = b.title.toUpperCase();
+      if (titleA < titleB) return -1;
+      if (titleA > titleB) return 1;
+      return 0;
+    }).map(TmplListGroupItem)
     setContent(opts.el, categoriesMarkup)
     collapseListGroup(opts.el)
   }

diff --git a/scripts/src/components/rdl-country-filter.js b/scripts/src/components/rdl-country-filter.js
@@ -33,7 +33,14 @@ export default class {
       }
     })
 
-    const countriesMarkup = consolidated.map(TmplListGroupItem)
+    const countriesMarkup = consolidated.sort((a,b) => {
+      // ignore upper and lowercase
+      const titleA = a.title.toUpperCase();
+      const titleB = b.title.toUpperCase();
+      if (titleA < titleB) return -1;
+      if (titleA > titleB) return 1;
+      return 0;
+    }).map(TmplListGroupItem)
     setContent(opts.el, countriesMarkup)
     collapseListGroup(opts.el)
   }

diff --git a/scripts/src/components/rdl-geographical-scale-filter.js b/scripts/src/components/rdl-geographical-scale-filter.js
@@ -32,7 +32,14 @@ export default class {
       }
     })
 
-    const geographicalScalesMarkup = consolidated.map(TmplListGroupItem)
+    const geographicalScalesMarkup = consolidated.sort((a,b) => {
+      // ignore upper and lowercase
+      const titleA = a.title.toUpperCase();
+      const titleB = b.title.toUpperCase();
+      if (titleA < titleB) return -1;
+      if (titleA > titleB) return 1;
+      return 0;
+    }).map(TmplListGroupItem)
     setContent(opts.el, geographicalScalesMarkup)
     collapseListGroup(opts.el)
   }

diff --git a/scripts/src/components/rdl-license-filter.js b/scripts/src/components/rdl-license-filter.js
@@ -32,7 +32,14 @@ export default class {
       }
     })
 
-    const licensesMarkup = consolidated.map(TmplListGroupItem)
+    const licensesMarkup = consolidated.sort((a,b) => {
+      // ignore upper and lowercase
+      const titleA = a.title.toUpperCase();
+      const titleB = b.title.toUpperCase();
+      if (titleA < titleB) return -1;
+      if (titleA > titleB) return 1;
+      return 0;
+    }).map(TmplListGroupItem)
     setContent(opts.el, licensesMarkup)
     collapseListGroup(opts.el)
   }