Suggest friends via the local blogroll

friends-admin.css

@@ -121,3 +121,11 @@ span#friends_enable_retention_days_line, span#friends_enable_retention_number_li
 #wpadminbar li#wp-admin-bar-friends {
 	display: block;
 }
+
+ul.friend-suggestions {
+	margin: 0;
+}
+ul.friend-suggestions li {
+	display: inline-block;
+	margin-right: 1em;
+}

friends-admin.js

@@ -213,4 +213,34 @@ jQuery( function( $ ) {
 		}
 	} );
 
+	$( document ).on( 'click', 'ul.friend-suggestions li a', function() {
+		event.preventDefault();
+		$( '#friend_url' ).val( this.href );
+	} );
+
+	var searchTimeout = null;
+	$( document ).on( 'keydown', '#friend_url', function() {
+		var search = this.value;
+		if ( ! search ) {
+			return;
+		}
+
+		if ( searchTimeout ) {
+			clearTimeout( searchTimeout );
+		}
+
+		searchTimeout = setTimeout( function() {
+			wp.ajax.post( 'friends_search_links', {
+				_ajax_nonce: $( 'tr.friend-suggestions' ).data( 'nonce' ),
+				search: search
+			} ).done( function( response ) {
+				if ( response.data ) {
+					$( 'tr.friend-suggestions' ).show().find( 'div' ).html( response.data.content ).show();
+				} else {
+					$( 'tr.friend-suggestions' ).hide();
+				}
+			} );
+		}, 50 );
+	} );
+
 } );

includes/class-admin.php

@@ -58,6 +58,7 @@ private function register_hooks() {
 		add_action( 'wp_ajax_friends_preview_rules', array( $this, 'ajax_preview_friend_rules' ) );
 		add_action( 'wp_ajax_friends_update_welcome_panel', array( $this, 'ajax_update_welcome_panel' ) );
 		add_action( 'wp_ajax_friends_refresh_link_token', array( $this, 'ajax_refresh_link_token' ) );
+		add_action( 'wp_ajax_friends_search_links', array( $this, 'ajax_search_links' ) );
 		add_action( 'delete_user_form', array( $this, 'delete_user_form' ), 10, 2 );
 		add_action( 'delete_user', array( $this, 'delete_user' ) );
 		add_action( 'tool_box', array( $this, 'toolbox_bookmarklets' ) );
@@ -283,7 +284,7 @@ public function register_help( $screen ) {
 	 * Reference our script for the /friends page
 	 */
 	public function admin_enqueue_scripts() {
-		wp_enqueue_script( 'friends-admin', plugins_url( 'friends-admin.js', FRIENDS_PLUGIN_FILE ), array( 'jquery' ), Friends::VERSION );
+		wp_enqueue_script( 'friends-admin', plugins_url( 'friends-admin.js', FRIENDS_PLUGIN_FILE ), array( 'jquery', 'wp-util' ), Friends::VERSION );
 		$variables = array(
 			'ajax_url'        => admin_url( 'admin-ajax.php' ),
 			'add_friend_url'  => self_admin_url( 'admin.php?page=add-friend' ),
@@ -837,8 +838,51 @@ public function ajax_update_welcome_panel() {
 
 		wp_die( 1 );
 	}
+
+
 	/**
-	 * Respond to the Ajax request to the Friend Welcome Panel
+	 * Respond to the Ajax request to search links.
+	 */
+	public function ajax_search_links() {
+		check_ajax_referer( 'friends-links' );
+
+		if ( ! current_user_can( Friends::REQUIRED_ROLE ) ) {
+			wp_die( -1 );
+		}
+
+		$search = $_POST['search'];
+
+		$links = get_bookmarks(
+			array(
+				'search' => $search,
+				'limit'  => 15,
+			)
+		);
+		ob_start();
+		Friends::template_loader()->get_template_part(
+			'admin/links',
+			null,
+			array(
+				'links' => $links,
+			)
+		);
+		$content = ob_get_contents();
+		ob_end_clean();
+
+		wp_send_json_success(
+			array(
+				'success' => true,
+				'data'    => array(
+					'content' => $content,
+					'search'  => $_POST['search'],
+				),
+			)
+		);
+
+	}
+
+	/**
+	 * Respond to the Ajax request to refresh the link token.
 	 */
 	public function ajax_refresh_link_token() {
 		if ( ! isset( $_POST['url'] ) || ! isset( $_POST['friend'] ) ) {

templates/admin/add-friend.php

@@ -8,6 +8,13 @@
 
 $quick_subscribe = _x( 'Quick Subscribe', 'button', 'friends' );
 
+$links = get_bookmarks(
+	array(
+		'orderby' => 'updated',
+		'limit'   => 15,
+	)
+);
+
 ?><div class="wrap"><form method="post">
 	<?php wp_nonce_field( 'add-friend' ); ?>
 	<p>
@@ -24,12 +31,35 @@
 			<tr>
 				<th scope="row"><label for="friend_url"><?php esc_html_e( 'Site', 'friends' ); ?></label></th>
 				<td>
-					<input type="text" autofocus id="friend_url" name="friend_url" value="<?php echo esc_attr( $args['friend_url'] ); ?>" required placeholder="<?php esc_attr_e( 'Enter URL', 'friends' ); ?>" class="regular-text" />
+					<input type="text" autofocus id="friend_url" name="friend_url" value="<?php echo esc_attr( $args['friend_url'] ); ?>" required placeholder="<?php esc_attr_e( 'Enter URL or search suggestions', 'friends' ); ?>" class="regular-text" />
 					<p class="description" id="friend_url-description">
 						<?php esc_html_e( "In the next step we'll give you a selection of available feeds.", 'friends' ); ?>
 					</p>
 				</td>
 			</tr>
+			<tr class="friend-suggestions" data-nonce="<?php echo esc_attr( wp_create_nonce( 'friends-links' ) ); ?>">
+				<th scope="row"><?php esc_html_e( 'Suggestions', 'friends' ); ?></label></th>
+				<td>
+					<div>
+						<?php
+						if ( empty( $links ) ) {
+							esc_html_e( 'No suggestions available. You can import an OPML.', 'friends' );
+						} else {
+							Friends\Friends::template_loader()->get_template_part( 'admin/links', null, array( 'links' => $links ) );
+						}
+						?>
+					</div>
+					<p class="description" id="friend-suggestions">
+						<?php
+						printf(
+							// translators: %s is a URL.
+							__( 'You can manage the available suggestions in the <a href="%s">Link Manager</a>.', 'friends' ),
+							esc_url( self_admin_url( 'link-manager.php' ) )
+						);
+						?>
+					</p>
+				</td>
+			</tr>
 			<tr>
 				<th></th>
 				<td>
@@ -48,5 +78,4 @@
 			</tr>
 		</tbody>
 	</table>
-
 </form>

templates/admin/links.php

@@ -0,0 +1,33 @@
+<?php
+/**
+ * This template contains the links results
+ *
+ * @version 1.0
+ * @package Friends
+ */
+
+?>
+<ul class="friend-suggestions"">
+<?php
+
+if ( empty( $args['links'] ) ) {
+	?>
+	<li>Nothing found.</li>
+	<?php
+}
+foreach ( $args['links'] as $link ) {
+	?>
+	<li>
+	<a href="<?php echo esc_url( $link->link_url ); ?>"><?php echo esc_html( $link->link_name ); ?></a>
+	<?php
+
+	if ( ! empty( $link->link_description ) ) {
+		echo ' (' . esc_html( $link->link_description ) . ') ';
+	}
+	?>
+	</li>
+	<?php
+}
+
+?>
+</ul>