Merge pull request #29 from a8cteam51/add/loading-class

Add loading class when in loading state
a8cteam51 · Dec 20, 2024 · 16d1e98 · 16d1e98
2 parents 02a7eb5 + 232eab9
commit 16d1e98
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 3 deletions.
diff --git a/assets/js/build/frontend.asset.php b/assets/js/build/frontend.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => 'e794f26b7ef47600cb0a');
+<?php return array('dependencies' => array(), 'version' => '2ce08fc3c1cd1c49f53c');
diff --git a/assets/js/build/frontend.js b/assets/js/build/frontend.js
diff --git a/assets/js/src/frontend.js b/assets/js/src/frontend.js
@@ -123,6 +123,14 @@ const fetchPosts = ( url, container, clickedButton ) => {
 			// Update the window URL.
 			window.history.pushState( {}, '', url );
 
+			const $button = clickedButton.closest('.wp-block-button');
+
+			console.log( $button );
+
+			if ( $button ) {
+				$button.classList.remove( 'loading' );
+			}
+
 			// Remove button.
 			clickedButton.remove();
 
@@ -190,6 +198,12 @@ document.addEventListener( 'DOMContentLoaded', function () {
 						.querySelector( '.wp-block-post-template' ),
 					url = thisButton.getAttribute( 'href' );
 
+				const $button = thisButton.closest('.wp-block-button');
+
+				if ( $button ) {
+					$button.classList.add( 'loading' );
+				}
+
 				// Update button text.
 				thisButton.innerText =
 					thisButton.getAttribute( 'data-loading-text' );

diff --git a/query-loop-load-more.php b/query-loop-load-more.php
@@ -3,7 +3,7 @@
  * Plugin Name:             Query Loop Load More
  * Plugin URI:              https://github.com/a8cteam51/query-loop-load-more
  * Description:             Adds a load more option to the Query Loop Pagination block in Gutenberg.
- * Version:                 1.0.5
+ * Version:                 1.0.6
  * Requires at least:       6.2
  * Tested up to:            6.6.1
  * Requires PHP:            8.0
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<?php return array('dependencies' => array(), 'version' => 'e794f26b7ef47600cb0a');
		<?php return array('dependencies' => array(), 'version' => '2ce08fc3c1cd1c49f53c');