<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[BuddyPress][7392] trunk/bp-friends: Introduce Friends widget</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://buddypress.trac.wordpress.org/changeset/7392">7392</a></dd>
<dt>Author</dt> <dd>boonebgorges</dd>
<dt>Date</dt> <dd>2013-10-07 16:14:22 +0000 (Mon, 07 Oct 2013)</dd>
</dl>
<h3>Log Message</h3>
<pre>Introduce Friends widget
This widget displays a list of the displayed user's friends, when viewing
a user's profile.
See <a href="http://buddypress.trac.wordpress.org/ticket/5008">#5008</a>
Props megainfo, williamsba1</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkbpfriendsbpfriendsloaderphp">trunk/bp-friends/bp-friends-loader.php</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#trunkbpfriendsbpfriendswidgetsphp">trunk/bp-friends/bp-friends-widgets.php</a></li>
<li>trunk/bp-friends/js/</li>
<li><a href="#trunkbpfriendsjswidgetfriendsjs">trunk/bp-friends/js/widget-friends.js</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkbpfriendsbpfriendsloaderphp"></a>
<div class="modfile"><h4>Modified: trunk/bp-friends/bp-friends-loader.php (7391 => 7392)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/bp-friends/bp-friends-loader.php 2013-10-06 15:40:14 UTC (rev 7391)
+++ trunk/bp-friends/bp-friends-loader.php 2013-10-07 16:14:22 UTC (rev 7392)
</span><span class="lines">@@ -39,6 +39,7 @@
</span><span class="cx"> 'template',
</span><span class="cx"> 'functions',
</span><span class="cx"> 'notifications',
</span><ins>+ 'widgets',
</ins><span class="cx"> );
</span><span class="cx">
</span><span class="cx"> parent::includes( $includes );
</span></span></pre></div>
<a id="trunkbpfriendsbpfriendswidgetsphp"></a>
<div class="addfile"><h4>Added: trunk/bp-friends/bp-friends-widgets.php (0 => 7392)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/bp-friends/bp-friends-widgets.php (rev 0)
+++ trunk/bp-friends/bp-friends-widgets.php 2013-10-07 16:14:22 UTC (rev 7392)
</span><span class="lines">@@ -0,0 +1,251 @@
</span><ins>+<?php
+/**
+ * BuddyPress Widgets
+ *
+ * @package BuddyPress
+ * @subpackage Friends
+ * @since 1.9.0
+ */
+
+// Exit if accessed directly
+if ( ! defined( 'ABSPATH' ) ) exit;
+
+/**
+ * Register the friends widget.
+ *
+ * @since 1.9.0
+ */
+function bp_friends_register_widgets() {
+ if ( ! bp_is_active( 'friends' ) ) {
+ return;
+ }
+
+ add_action( 'widgets_init', create_function( '', 'return register_widget("BP_Core_Friends_Widget");' ) );
+}
+add_action( 'bp_register_widgets', 'bp_friends_register_widgets' );
+
+/*** MEMBER FRIENDS WIDGET *****************/
+
+/**
+ * The User Friends widget class.
+ *
+ * @since 1.9.0
+ */
+class BP_Core_Friends_Widget extends WP_Widget {
+
+ /**
+ * Class constructor.
+ */
+ function __construct() {
+ $widget_ops = array(
+ 'description' => __( 'A dynamic list of recently active, popular, and newest Friends of the displayed member. Widget is only shown when viewing a member profile.', 'buddypress' ),
+ 'classname' => 'widget_bp_core_friends_widget buddypress widget',
+ );
+ parent::__construct( false, $name = _x( '(BuddyPress) Friends', 'widget name', 'buddypress' ), $widget_ops );
+
+ }
+
+ /**
+ * Display the widget.
+ *
+ * @param array $args Widget arguments.
+ * @param array $instance The widget settings, as saved by the user.
+ */
+ function widget( $args, $instance ) {
+ extract( $args );
+
+ if ( ! bp_displayed_user_id() ) {
+ return;
+ }
+
+ $min = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
+ wp_enqueue_script( 'bp_core_widget_friends-js', BP_PLUGIN_URL . "bp-friends/js/widget-friends{$min}.js", array( 'jquery' ), bp_get_version() );
+
+ $user_id = bp_displayed_user_id();
+ $link = trailingslashit( bp_displayed_user_domain() . bp_get_friends_slug() );
+ $instance['title'] = sprintf( __( '%s’s Friends', 'buddypress' ), bp_get_displayed_user_fullname() );
+
+ if ( empty( $instance['friend_default'] ) ) {
+ $instance['friend_default'] = 'active';
+ }
+
+ $title = apply_filters( 'widget_title', $instance['title'] );
+
+ echo $before_widget;
+
+ $title = $instance['link_title'] ? '<a href="' . esc_url( $link ) . '">' . esc_html( $title ) . '</a>' : esc_html( $title );
+
+ echo $before_title . $title . $after_title;
+
+ $members_args = array(
+ 'user_id' => absint( $user_id ),
+ 'type' => sanitize_text_field( $instance['friend_default'] ),
+ 'max' => absint( $instance['max_friends'] ),
+ 'populate_extras' => 1,
+ );
+
+ ?>
+
+ <?php if ( bp_has_members( $members_args ) ) : ?>
+ <div class="item-options" id="friends-list-options">
+ <a href="<?php bp_members_directory_permalink(); ?>" id="newest-friends" <?php if ( $instance['friend_default'] == 'newest' ) : ?>class="selected"<?php endif; ?>><?php _e( 'Newest', 'buddypress' ) ?></a>
+ | <a href="<?php bp_members_directory_permalink(); ?>" id="recently-active-friends" <?php if ( $instance['friend_default'] == 'active' ) : ?>class="selected"<?php endif; ?>><?php _e( 'Active', 'buddypress' ) ?></a>
+ | <a href="<?php bp_members_directory_permalink(); ?>" id="popular-friends" <?php if ( $instance['friend_default'] == 'popular' ) : ?>class="selected"<?php endif; ?>><?php _e( 'Popular', 'buddypress' ) ?></a>
+ </div>
+
+ <ul id="friends-list" class="item-list">
+ <?php while ( bp_members() ) : bp_the_member(); ?>
+ <li class="vcard">
+ <div class="item-avatar">
+ <a href="<?php bp_member_permalink() ?>" title="<?php bp_member_name() ?>"><?php bp_member_avatar() ?></a>
+ </div>
+
+ <div class="item">
+ <div class="item-title fn"><a href="<?php bp_member_permalink() ?>" title="<?php bp_member_name() ?>"><?php bp_member_name() ?></a></div>
+ <div class="item-meta">
+ <span class="activity">
+ <?php
+ if ( 'newest' == $instance['friend_default'] )
+ bp_member_registered();
+ if ( 'active' == $instance['friend_default'] )
+ bp_member_last_active();
+ if ( 'popular' == $instance['friend_default'] )
+ bp_member_total_friend_count();
+ ?>
+ </span>
+ </div>
+ </div>
+ </li>
+
+ <?php endwhile; ?>
+ </ul>
+ <?php wp_nonce_field( 'bp_core_widget_friends', '_wpnonce-friends' ); ?>
+ <input type="hidden" name="friends_widget_max" id="friends_widget_max" value="<?php echo absint( $instance['max_friends'] ); ?>" />
+
+ <?php else: ?>
+
+ <div class="widget-error">
+ <?php _e( 'Sorry, no members were found.', 'buddypress' ); ?>
+ </div>
+
+ <?php endif; ?>
+
+ <?php echo $after_widget; ?>
+ <?php
+ }
+
+ /**
+ * Process a widget save.
+ *
+ * @param array $new_instance The parameters saved by the user.
+ * @param array $old_instance The paramaters as previously saved to the database.
+ * @return array $instance The processed settings to save.
+ */
+ function update( $new_instance, $old_instance ) {
+ $instance = $old_instance;
+
+ $instance['max_friends'] = absint( $new_instance['max_friends'] );
+ $instance['friend_default'] = sanitize_text_field( $new_instance['friend_default'] );
+ $instance['link_title'] = (bool) $new_instance['link_title'];
+
+ return $instance;
+ }
+
+ /**
+ * Render the widget edit form.
+ *
+ * @param array $instance The saved widget settings.
+ */
+ function form( $instance ) {
+ $defaults = array(
+ 'max_friends' => 5,
+ 'friend_default' => 'active',
+ 'link_title' => false
+ );
+ $instance = wp_parse_args( (array) $instance, $defaults );
+
+ $max_friends = $instance['max_friends'];
+ $friend_default = $instance['friend_default'];
+ $link_title = (bool) $instance['link_title'];
+ ?>
+
+ <p><label for="<?php echo $this->get_field_name( 'link_title' ) ?>"><input type="checkbox" name="<?php echo $this->get_field_name('link_title') ?>" value="1" <?php checked( $link_title ) ?> /> <?php _e( 'Link widget title to Members directory', 'buddypress' ) ?></label></p>
+
+ <p><label for="bp-core-widget-friends-max"><?php _e( 'Max friends to show:', 'buddypress' ); ?> <input class="widefat" id="<?php echo $this->get_field_id( 'max_friends' ); ?>" name="<?php echo $this->get_field_name( 'max_friends' ); ?>" type="text" value="<?php echo absint( $max_friends ); ?>" style="width: 30%" /></label></p>
+
+ <p>
+ <label for="bp-core-widget-friends-default"><?php _e( 'Default friends to show:', 'buddypress' ); ?>
+ <select name="<?php echo $this->get_field_name( 'friend_default' ) ?>">
+ <option value="newest" <?php selected( $friend_default, 'newest' ); ?>><?php _e( 'Newest', 'buddypress' ) ?></option>
+ <option value="active" <?php selected( $friend_default, 'active' );?>><?php _e( 'Active', 'buddypress' ) ?></option>
+ <option value="popular" <?php selected( $friend_default, 'popular' ); ?>><?php _e( 'Popular', 'buddypress' ) ?></option>
+ </select>
+ </label>
+ </p>
+
+ <?php
+ }
+}
+
+/** Widget AJAX ******************/
+
+/**
+ * Process AJAX pagination or filtering for the Friends widget.
+ *
+ * @since 1.9.0
+ */
+function bp_core_ajax_widget_friends() {
+
+ check_ajax_referer( 'bp_core_widget_friends' );
+
+ switch ( $_POST['filter'] ) {
+ case 'newest-friends':
+ $type = 'newest';
+ break;
+
+ case 'recently-active-friends':
+ $type = 'active';
+ break;
+
+ case 'popular-friends':
+ $type = 'popular';
+ break;
+ }
+
+ $members_args = array(
+ 'user_id' => bp_displayed_user_id(),
+ 'type' => $type,
+ 'max' => absint( $_POST['max-friends'] ),
+ 'populate_extras' => 1,
+ );
+
+ if ( bp_has_members( $members_args ) ) : ?>
+ <?php echo '0[[SPLIT]]'; // return valid result. TODO: remove this. ?>
+ <?php while ( bp_members() ) : bp_the_member(); ?>
+ <li class="vcard">
+ <div class="item-avatar">
+ <a href="<?php bp_member_permalink() ?>"><?php bp_member_avatar() ?></a>
+ </div>
+
+ <div class="item">
+ <div class="item-title fn"><a href="<?php bp_member_permalink() ?>" title="<?php bp_member_name() ?>"><?php bp_member_name() ?></a></div>
+ <?php if ( 'active' == $type ) : ?>
+ <div class="item-meta"><span class="activity"><?php bp_member_last_active() ?></span></div>
+ <?php elseif ( 'newest' == $type ) : ?>
+ <div class="item-meta"><span class="activity"><?php bp_member_registered() ?></span></div>
+ <?php elseif ( bp_is_active( 'friends' ) ) : ?>
+ <div class="item-meta"><span class="activity"><?php bp_member_total_friend_count() ?></span></div>
+ <?php endif; ?>
+ </div>
+ </li>
+ <?php endwhile; ?>
+
+ <?php else: ?>
+ <?php echo "-1[[SPLIT]]<li>"; ?>
+ <?php _e( 'There were no members found, please try another filter.', 'buddypress' ) ?>
+ <?php echo "</li>"; ?>
+ <?php endif;
+}
+add_action( 'wp_ajax_widget_friends', 'bp_core_ajax_widget_friends' );
+add_action( 'wp_ajax_nopriv_widget_friends', 'bp_core_ajax_widget_friends' );
+
</ins></span></pre></div>
<a id="trunkbpfriendsjswidgetfriendsjs"></a>
<div class="addfile"><h4>Added: trunk/bp-friends/js/widget-friends.js (0 => 7392)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/bp-friends/js/widget-friends.js (rev 0)
+++ trunk/bp-friends/js/widget-friends.js 2013-10-07 16:14:22 UTC (rev 7392)
</span><span class="lines">@@ -0,0 +1,49 @@
</span><ins>+jQuery(document).ready( function() {
+ jQuery(".widget div#friends-list-options a").on('click',
+ function() {
+ var link = this;
+ jQuery(link).addClass('loading');
+
+ jQuery(".widget div#friends-list-options a").removeClass("selected");
+ jQuery(this).addClass('selected');
+
+ jQuery.post( ajaxurl, {
+ action: 'widget_friends',
+ 'cookie': encodeURIComponent(document.cookie),
+ '_wpnonce': jQuery("input#_wpnonce-friends").val(),
+ 'max-friends': jQuery("input#friends_widget_max").val(),
+ 'filter': jQuery(this).attr('id')
+ },
+ function(response)
+ {
+ jQuery(link).removeClass('loading');
+ friend_wiget_response(response);
+ });
+
+ return false;
+ }
+ );
+});
+
+function friend_wiget_response(response) {
+ response = response.substr(0, response.length-1);
+ response = response.split('[[SPLIT]]');
+
+ if ( response[0] != "-1" ) {
+ jQuery(".widget ul#friends-list").fadeOut(200,
+ function() {
+ jQuery(".widget ul#friends-list").html(response[1]);
+ jQuery(".widget ul#friends-list").fadeIn(200);
+ }
+ );
+
+ } else {
+ jQuery(".widget ul#friends-list").fadeOut(200,
+ function() {
+ var message = '<p>' + response[1] + '</p>';
+ jQuery(".widget ul#friends-list").html(message);
+ jQuery(".widget ul#friends-list").fadeIn(200);
+ }
+ );
+ }
+}
</ins><span class="cx">\ No newline at end of file
</span></span></pre>
</div>
</div>
</body>
</html>