update

Author: tamedevelopers

src/Schema/Pagination/Yidas/views/cursor.php

@@ -18,7 +18,7 @@
       <?php if($isFirst):?>
           <span <?=$linkAttributes?>><?=$this->prevPageLabel?></span>
         <?php else: ?>
-          <a <?=$linkAttributes?> data-target="[data-pagination-content]" href="<?=$prevUrl?>"><?=$this->prevPageLabel?></a>
+          <a <?=$linkAttributes?> data-target="[data-pagination-content]" data-history="none" href="<?=$prevUrl?>"><?=$this->prevPageLabel?></a>
       <?php endif ?>
 
       <?php foreach ($this->_buttonStack as $key => $btnPage): ?>
@@ -28,7 +28,7 @@
       <?php if($isLast):?>
           <span <?=$linkAttributes?>><?=$this->nextPageLabel?></span>
         <?php else: ?>
-          <a <?=$linkAttributes?> data-target="[data-pagination-content]" href="<?=$nextUrl?>"><?=$this->nextPageLabel?></a>
+          <a <?=$linkAttributes?> data-target="[data-pagination-content]" data-history="none" href="<?=$nextUrl?>"><?=$this->nextPageLabel?></a>
       <?php endif ?>
     </div>
 
@@ -56,6 +56,8 @@ function closestAnchor(el){
     // Prevent default only for our ajax link
     e.preventDefault();
 
+    // Decide the history behavior from data-attributes
+    var historyMode = a.getAttribute('data-history') || 'push'; // 'push' | 'replace' | 'none'
     var targetSelector = a.getAttribute('data-target') || '[data-pagination-content]';
     var scope = a.closest('[data-pagination-scope]');
     var container = document.querySelector(targetSelector);
@@ -83,7 +85,11 @@ function closestAnchor(el){
           curShowing.innerHTML = newShowing.innerHTML;
         }
 
-        try { window.history.pushState({}, '', href); } catch(_e) {}
+        // Manage history
+        try {
+          if(historyMode === 'push') window.history.pushState({}, '', a.getAttribute('href'));
+          else if(historyMode === 'replace') window.history.replaceState({}, '', a.getAttribute('href'));
+        } catch(_e) {}
       })
       .catch(function(){ window.location.href = href; })
       .finally(function(){ a.removeAttribute('aria-busy'); });

src/Schema/Pagination/Yidas/views/loading.php

@@ -13,7 +13,7 @@
         $lastUrl = $this->pagination->createUrl($totalPages);
     ?>
     <?php if (!$isLast): ?>
-        <a <?=$linkAttributes?> href="<?php echo $nextUrl; ?>" class="load-more-btn" data-page="<?php echo $nextPage; ?>" data-mode="append" data-target="[data-pagination-append]" style="padding: 10px 20px; background-color: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer; text-decoration: none; display: inline-block;">
+        <a <?=$linkAttributes?> href="<?php echo $nextUrl; ?>" class="load-more-btn" data-page="<?php echo $nextPage; ?>" data-mode="append" data-target="[data-pagination-append]" data-history="none" style="padding: 10px 20px; background-color: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer; text-decoration: none; display: inline-block;">
             Load More
         </a>
     <?php else: ?>
@@ -54,7 +54,11 @@ function closestAnchor(el){
 
     a.setAttribute('aria-busy', 'true');
 
-    fetch(href, { headers: { 'X-Requested-With': 'XMLHttpRequest' }})
+    // Decide the history behavior from data-attributes
+    var historyMode = a.getAttribute('data-history') || 'push'; // 'push' | 'replace' | 'none'
+    var fetchOptions = { headers: { 'X-Requested-With': 'XMLHttpRequest' } };
+
+    fetch(href, fetchOptions)
       .then(function(res){ return res.text(); })
       .then(function(html){
         var parser = new DOMParser();
@@ -85,9 +89,13 @@ function closestAnchor(el){
           curShowing.innerHTML = newShowing.innerHTML;
         }
 
-        try { window.history.pushState({}, '', href); } catch(_e) {}
+        // Manage history
+        try {
+          if(historyMode === 'push') window.history.pushState({}, '', a.getAttribute('href'));
+          else if(historyMode === 'replace') window.history.replaceState({}, '', a.getAttribute('href'));
+        } catch(_e) {}
       })
-      .catch(function(){ window.location.href = href; })
+      .catch(function(){ window.location.href = a.getAttribute('href'); })
       .finally(function(){ a.removeAttribute('aria-busy'); });
   });
 })();