Update dashboard widget with new posts (#347)

* Update dashboard widget with new posts * Insert in the right order
akirk · Aug 29, 2024 · 37923ba · 37923ba
1 parent 8fc080d
commit 37923ba
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 18 deletions.
diff --git a/friends-admin.js b/friends-admin.js
@@ -344,28 +344,41 @@ jQuery( function ( $ ) {
 		}
 	} );
 
-	setTimeout( function () {
-		if ( $( '#friends-dashboard-widget' ).length ) {
+	var updateDashboardWidget = function() {
+		if ( 0 === $( '#friends-dashboard-widget' ).find( 'li.friends-post' ).length ) {
 			$( '#friends-dashboard-widget' ).append( ' <i class="friends-loading"></i>' );
-			$.post(
-				friends.ajax_url,
-				{
-					_ajax_nonce: $( '#friends-dashboard-widget' ).data( 'nonce' ),
-					action: 'friends_dashboard',
-				},
-				function ( response ) {
-					if ( response.success ) {
+		}
+		$.post(
+			friends.ajax_url,
+			{
+				_ajax_nonce: $( '#friends-dashboard-widget' ).data( 'nonce' ),
+				action: 'friends_dashboard',
+			},
+			function ( response ) {
+				if ( response.success ) {
+					if ( 0 === $( '#friends-dashboard-widget' ).find( 'li.friends-post' ).length ) {
 						$( '#friends-dashboard-widget' ).html( response.data );
 					} else {
-						$( '#friends-dashboard-widget i' )
-							.removeClass( 'friends-loading' )
-							.addClass( 'dashicons dashicons-warning' )
-							.prop( 'title', response.data );
+						$( response.data ).find( 'li.friends-post' ).reverse().each( function () {
+							if ( ! document.getElementById( $(this).attr('id') ) ) {
+								$( '#friends-dashboard-widget ul' ).prepend( this );
+							}
+						} );
+						$( '#friends-dashboard-widget li.friends-post:gt(49)' ).remove();
 					}
+				} else {
+					$( '#friends-dashboard-widget i' )
+						.removeClass( 'friends-loading' )
+						.addClass( 'dashicons dashicons-warning' )
+						.prop( 'title', response.data );
 				}
-			);
-		}
-	}, 500 );
+			}
+		);
+	};
+	if ( $( '#friends-dashboard-widget' ).length ) {
+		updateDashboardWidget();
+		setInterval( updateDashboardWidget, 60000 );
+	}
 
 	setTimeout( function () {
 		if ( $( '#fetch-feeds' ).length ) {

diff --git a/templates/admin/dashboard-widget.php b/templates/admin/dashboard-widget.php
@@ -20,7 +20,9 @@
 		$avatar = apply_filters( 'friends_author_avatar_url', $avatar, $friend_user, $_post->ID );
 
 		?>
-	<li>
+	<li id="friends-dashboard-post-<?php echo esc_attr( $_post->ID ); ?>" class="friends-post">
+		<?php echo esc_html( get_the_date( __( 'H:i', 'friends' ), $_post ) ); ?>:
+
 		<a href="<?php echo esc_attr( $friend_user->get_local_friends_page_url() ); ?>" class="author-avatar">
 			<img src="<?php echo esc_url( $avatar ); ?>" width="16" height="16" />
 		</a>