tags.html: add filter, sort and search to url

diff --git a/.ci/tags.html b/.ci/tags.html
index 93af6d32a8218632f93fc4c2d0931f0dc11e00ff..a903d3a612374853183295d85d1ce348ae072078 100644 (file)
--- a/.ci/tags.html
+++ b/.ci/tags.html
@@ -354,6 +354,15 @@ function axesCombos(axes) {
       currentCategory(newCategory) {
         this.updateURL();
       },
+      tagFilter(newFilter) {
+        this.updateURL();
+      },
+      sortMethod(newSort) {
+        this.updateURL();
+      },
+      reverseTags(newReverse) {
+        this.updateURL();
+      },
     },
     async created() {
       await this.getFamilyData()
@@ -364,10 +373,24 @@ function axesCombos(axes) {
     mounted() {
       const urlParams = new URLSearchParams(window.location.search);
       const category = urlParams.get('category');
+      const filter = urlParams.get('filter');
+      const sort_ = urlParams.get('sort');
+      const reverse = urlParams.get('reverse');
       if (category) {
         this.currentCategory = category;
       }
       const commit = urlParams.get('commit');
+      if (filter) {
+        this.tagFilter = filter;
+      }
+      if (sort_) {
+        this.sortMethod = sort_;
+      }
+      if (reverse === "true") {
+        this.reverseTags = true;
+      } else {
+        this.reverseTags = false;
+      }
       if (commit) {
         this.commit = commit;
         this.loadCSV();
@@ -510,6 +533,21 @@ function axesCombos(axes) {
         } else {
           url.searchParams.delete('category');
         }
+        if (this.tagFilter !== "") {
+          url.searchParams.set('filter', this.tagFilter);
+        } else {
+          url.searchParams.delete('filter');
+        }
+        if (this.sortMethod !== "") {
+          url.searchParams.set('sort', this.sortMethod);
+        } else {
+          url.searchParams.delete('sort');
+        }
+        if (this.reverseTags !== "") {
+          url.searchParams.set('reverse', this.reverseTags);
+        } else {
+          url.searchParams.delete('reverse');
+        }
         history.pushState(null, '', url);
       },
       familyPangram(family) {