Merge pull request #389 from statikbe/KarelJanVanHaute/issue374

Add pagination back and forward fix to the filter component.
statikbe · Oct 15, 2024 · 6be4c13 · 6be4c13
2 parents da3ce63 + c0d2500
commit 6be4c13
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/tailoff/js/components/filter.component.ts b/tailoff/js/components/filter.component.ts
@@ -257,9 +257,14 @@ export class FilterComponent {
       },
       false
     );
+
+    window.addEventListener('popstate', (event) => {
+      this.showLoading();
+      this.getFilterData(window.location.href, false, false);
+    });
   }
 
-  private getFilterData(url, clearPage = false) {
+  private getFilterData(url, clearPage = false, pushState = true) {
     if (this.getFilterTimeout) {
       clearTimeout(this.getFilterTimeout);
     }
@@ -295,7 +300,9 @@ export class FilterComponent {
 
             _self.ariaLiveElement.innerHTML = responseElement.querySelector('.js-filter-aria-live').innerHTML;
 
-            history.pushState('', 'New URL: ' + url, url);
+            if (pushState) {
+              history.pushState('', 'New URL: ' + url, url);
+            }
 
             _self.scrollToStart();