Added login request
This commit is contained in:
Nedim Uka
@@ -0,0 +1,245 @@
|
||||
<?php
|
||||
/**
|
||||
* Disable direct access/execution to/of the widget code.
|
||||
*/
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Widget to display blog authors with avatars and recent posts.
|
||||
*
|
||||
* Configurable parameters include:
|
||||
* 1. Whether to display authors who haven't written any posts
|
||||
* 2. The number of posts to be displayed per author (defaults to 0)
|
||||
* 3. Avatar size
|
||||
*
|
||||
* @since 4.5.0
|
||||
*/
|
||||
class Jetpack_Widget_Authors extends WP_Widget {
|
||||
public function __construct() {
|
||||
parent::__construct(
|
||||
'authors',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', __( 'Authors', 'jetpack' ) ),
|
||||
array(
|
||||
'classname' => 'widget_authors',
|
||||
'description' => __( 'Display blogs authors with avatars and recent posts.', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
)
|
||||
);
|
||||
|
||||
if ( is_active_widget( false, false, $this->id_base ) || is_active_widget( false, false, 'monster' ) || is_customize_preview() ) {
|
||||
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_style' ) );
|
||||
}
|
||||
|
||||
add_action( 'publish_post', array( __CLASS__, 'flush_cache' ) );
|
||||
add_action( 'deleted_post', array( __CLASS__, 'flush_cache' ) );
|
||||
add_action( 'switch_theme', array( __CLASS__, 'flush_cache' ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueue stylesheet to adapt the widget to various themes.
|
||||
*
|
||||
* @since 4.5.0
|
||||
*/
|
||||
function enqueue_style() {
|
||||
wp_register_style( 'jetpack-authors-widget', plugins_url( 'authors/style.css', __FILE__ ), array(), '20161228' );
|
||||
wp_enqueue_style( 'jetpack-authors-widget' );
|
||||
}
|
||||
|
||||
public static function flush_cache() {
|
||||
wp_cache_delete( 'widget_authors', 'widget' );
|
||||
wp_cache_delete( 'widget_authors_ssl', 'widget' );
|
||||
}
|
||||
|
||||
public function widget( $args, $instance ) {
|
||||
$cache_bucket = is_ssl() ? 'widget_authors_ssl' : 'widget_authors';
|
||||
|
||||
if ( '%BEG_OF_TITLE%' != $args['before_title'] ) {
|
||||
if ( $output = wp_cache_get( $cache_bucket, 'widget') ) {
|
||||
echo $output;
|
||||
return;
|
||||
}
|
||||
|
||||
ob_start();
|
||||
}
|
||||
|
||||
$instance = wp_parse_args( $instance, array( 'title' => __( 'Authors', 'jetpack' ), 'all' => false, 'number' => 5, 'avatar_size' => 48 ) );
|
||||
$instance['number'] = min( 10, max( 0, (int) $instance['number'] ) );
|
||||
|
||||
// We need to query at least one post to determine whether an author has written any posts or not
|
||||
$query_number = max( $instance['number'], 1 );
|
||||
|
||||
$default_excluded_authors = array();
|
||||
/**
|
||||
* Filter authors from the Widget Authors widget.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 4.5.0
|
||||
*
|
||||
* @param array $default_excluded_authors Array of user ID's that will be excluded
|
||||
*/
|
||||
$excluded_authors = apply_filters( 'jetpack_widget_authors_exclude', $default_excluded_authors );
|
||||
|
||||
$authors = get_users( array(
|
||||
'fields' => 'all',
|
||||
'who' => 'authors',
|
||||
'exclude' => (array) $excluded_authors,
|
||||
) );
|
||||
|
||||
echo $args['before_widget'];
|
||||
/** This filter is documented in core/src/wp-includes/default-widgets.php */
|
||||
$title = apply_filters( 'widget_title', $instance['title'] );
|
||||
echo $args['before_title'] . esc_html( $title ) . $args['after_title'];
|
||||
echo '<ul>';
|
||||
|
||||
$default_post_type = 'post';
|
||||
/**
|
||||
* Filter types of posts that will be counted in the widget
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 4.5.0
|
||||
*
|
||||
* @param string|array $default_post_type type(s) of posts to count for the widget.
|
||||
*/
|
||||
$post_types = apply_filters( 'jetpack_widget_authors_post_types', $default_post_type );
|
||||
|
||||
foreach ( $authors as $author ) {
|
||||
$r = new WP_Query( array(
|
||||
'author' => $author->ID,
|
||||
'posts_per_page' => $query_number,
|
||||
'post_type' => $post_types,
|
||||
'post_status' => 'publish',
|
||||
'no_found_rows' => true,
|
||||
'has_password' => false,
|
||||
) );
|
||||
|
||||
if ( ! $r->have_posts() && ! $instance['all'] ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
echo '<li>';
|
||||
|
||||
// Display avatar and author name
|
||||
if ( $r->have_posts() ) {
|
||||
echo '<a href="' . get_author_posts_url( $author->ID ) . '">';
|
||||
|
||||
if ( $instance['avatar_size'] > 1 ) {
|
||||
echo ' ' . get_avatar( $author->ID, $instance['avatar_size'], '', true ) . ' ';
|
||||
}
|
||||
|
||||
echo '<strong>' . esc_html( $author->display_name ) . '</strong>';
|
||||
echo '</a>';
|
||||
}
|
||||
else if ( $instance['all'] ) {
|
||||
if ( $instance['avatar_size'] > 1 ) {
|
||||
echo get_avatar( $author->ID, $instance['avatar_size'], '', true ) . ' ';
|
||||
}
|
||||
|
||||
echo '<strong>' . esc_html( $author->display_name ) . '</strong>';
|
||||
}
|
||||
|
||||
if ( 0 == $instance['number'] ) {
|
||||
echo '</li>';
|
||||
continue;
|
||||
}
|
||||
|
||||
// Display a short list of recent posts for this author
|
||||
|
||||
if ( $r->have_posts() ) {
|
||||
echo '<ul>';
|
||||
|
||||
while ( $r->have_posts() ) {
|
||||
$r->the_post();
|
||||
echo '<li><a href="' . get_permalink() . '">';
|
||||
|
||||
if ( get_the_title() ) {
|
||||
echo get_the_title();
|
||||
} else {
|
||||
echo get_the_ID();
|
||||
}
|
||||
|
||||
echo '</a></li>';
|
||||
}
|
||||
|
||||
echo '</ul>';
|
||||
}
|
||||
|
||||
echo '</li>';
|
||||
}
|
||||
|
||||
echo '</ul>';
|
||||
echo $args['after_widget'];
|
||||
|
||||
wp_reset_postdata();
|
||||
|
||||
if ( '%BEG_OF_TITLE%' != $args['before_title'] ) {
|
||||
wp_cache_add( $cache_bucket, ob_get_flush(), 'widget' );
|
||||
}
|
||||
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'authors' );
|
||||
}
|
||||
|
||||
public function form( $instance ) {
|
||||
$instance = wp_parse_args( $instance, array( 'title' => '', 'all' => false, 'avatar_size' => 48, 'number' => 5 ) );
|
||||
|
||||
?>
|
||||
<p>
|
||||
<label>
|
||||
<?php _e( 'Title:', 'jetpack' ); ?>
|
||||
<input class="widefat" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $instance['title'] ); ?>" />
|
||||
</label>
|
||||
</p>
|
||||
<p>
|
||||
<label>
|
||||
<input class="checkbox" type="checkbox" <?php checked( $instance['all'] ); ?> name="<?php echo $this->get_field_name( 'all' ); ?>" />
|
||||
<?php _e( 'Display all authors (including those who have not written any posts)', 'jetpack' ); ?>
|
||||
</label>
|
||||
</p>
|
||||
<p>
|
||||
<label>
|
||||
<?php _e( 'Number of posts to show for each author:', 'jetpack' ); ?>
|
||||
<input style="width: 50px; text-align: center;" name="<?php echo $this->get_field_name( 'number' ); ?>" type="text" value="<?php echo esc_attr( $instance['number'] ); ?>" />
|
||||
<?php _e( '(at most 10)', 'jetpack' ); ?>
|
||||
</label>
|
||||
</p>
|
||||
<p>
|
||||
<label>
|
||||
<?php _e( 'Avatar Size (px):', 'jetpack' ); ?>
|
||||
<select name="<?php echo $this->get_field_name( 'avatar_size' ); ?>">
|
||||
<?php foreach( array( '1' => __( 'No Avatars', 'jetpack' ), '16' => '16x16', '32' => '32x32', '48' => '48x48', '96' => '96x96', '128' => '128x128' ) as $value => $label ) { ?>
|
||||
<option value="<?php echo esc_attr( $value ); ?>" <?php selected( $value, $instance['avatar_size'] ); ?>><?php echo esc_html( $label ); ?></option>
|
||||
<?php } ?>
|
||||
</select>
|
||||
</label>
|
||||
</p>
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Updates the widget on save and flushes cache.
|
||||
*
|
||||
* @param array $new_instance
|
||||
* @param array $old_instance
|
||||
* @return array
|
||||
*/
|
||||
public function update( $new_instance, $old_instance ) {
|
||||
$new_instance['title'] = strip_tags( $new_instance['title'] );
|
||||
$new_instance['all'] = isset( $new_instance['all'] );
|
||||
$new_instance['number'] = (int) $new_instance['number'];
|
||||
$new_instance['avatar_size'] = (int) $new_instance['avatar_size'];
|
||||
|
||||
Jetpack_Widget_Authors::flush_cache();
|
||||
|
||||
return $new_instance;
|
||||
}
|
||||
}
|
||||
|
||||
add_action( 'widgets_init', 'jetpack_register_widget_authors' );
|
||||
function jetpack_register_widget_authors() {
|
||||
register_widget( 'Jetpack_Widget_Authors' );
|
||||
};
|
||||
@@ -0,0 +1,25 @@
|
||||
/* Authors Widget */
|
||||
.widget_authors > ul, .widget.widget_authors li > ul {
|
||||
margin-left: inherit;
|
||||
padding-left: 0;
|
||||
}
|
||||
.widget_authors ul li li {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.widget_authors > ul > li {
|
||||
margin-bottom: 1em;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.widget_authors > ul > li + li {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.widget.widget_authors img {
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
vertical-align: middle;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -0,0 +1,173 @@
|
||||
<?php
|
||||
/**
|
||||
* Blog Stats Widget.
|
||||
*
|
||||
* @since 4.5.0
|
||||
*
|
||||
* @package Jetpack
|
||||
*/
|
||||
|
||||
/**
|
||||
* Disable direct access/execution to/of the widget code.
|
||||
*/
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Blog Stats Widget.
|
||||
*
|
||||
* Displays all time stats for that site.
|
||||
*
|
||||
* @since 4.5.0
|
||||
*/
|
||||
class Jetpack_Blog_Stats_Widget extends WP_Widget {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*/
|
||||
function __construct() {
|
||||
$widget_ops = array(
|
||||
'classname' => 'blog-stats',
|
||||
'description' => esc_html__( 'Show a hit counter for your blog.', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
);
|
||||
parent::__construct(
|
||||
'blog-stats',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', esc_html__( 'Blog Stats', 'jetpack' ) ),
|
||||
$widget_ops
|
||||
);
|
||||
$this->alt_option_name = 'widget_statscounter';
|
||||
}
|
||||
|
||||
/**
|
||||
* Return an associative array of default values
|
||||
*
|
||||
* These values are used in new widgets.
|
||||
*
|
||||
* @return array Array of default values for the Widget's options
|
||||
*/
|
||||
public function defaults() {
|
||||
return array(
|
||||
'title' => esc_html__( 'Blog Stats', 'jetpack' ),
|
||||
/* Translators: Number of views, plural */
|
||||
'hits' => esc_html__( 'hits', 'jetpack' ),
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Return All Time Stats for that blog.
|
||||
*
|
||||
* We query the WordPress.com Stats REST API endpoint.
|
||||
*
|
||||
* @uses stats_get_from_restapi(). That function caches data locally for 5 minutes.
|
||||
*
|
||||
* @return string|false $views All Time Stats for that blog.
|
||||
*/
|
||||
public function get_stats() {
|
||||
// Get data from the WordPress.com Stats REST API endpoint.
|
||||
$stats = stats_get_from_restapi( array( 'fields' => 'stats' ) );
|
||||
|
||||
if ( isset( $stats->stats->views ) ) {
|
||||
return $stats->stats->views;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Back end widget form.
|
||||
*
|
||||
* @see WP_Widget::form()
|
||||
*
|
||||
* @param array $instance Previously saved values from database.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
function form( $instance ) {
|
||||
$instance = wp_parse_args( $instance, $this->defaults() );
|
||||
?>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"><?php esc_html_e( 'Title:', 'jetpack' ); ?></label>
|
||||
<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>" type="text" value="<?php echo esc_attr( $instance['title'] ); ?>" />
|
||||
</p>
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'hits' ) ); ?>"><?php echo number_format_i18n( '12345' ); ?></label>
|
||||
<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'hits' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'hits' ) ); ?>" type="text" value="<?php echo esc_attr( $instance['hits'] ); ?>" />
|
||||
</p>
|
||||
<p><?php esc_html_e( 'Hit counter is delayed by up to 60 seconds.', 'jetpack' ); ?></p>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Sanitize widget form values as they are saved.
|
||||
*
|
||||
* @see WP_Widget::update()
|
||||
*
|
||||
* @param array $new_instance Values just sent to be saved.
|
||||
* @param array $old_instance Previously saved values from database.
|
||||
*
|
||||
* @return array Updated safe values to be saved.
|
||||
*/
|
||||
function update( $new_instance, $old_instance ) {
|
||||
$instance = array();
|
||||
$instance['title'] = wp_kses( $new_instance['title'], array() );
|
||||
$instance['hits'] = wp_kses( $new_instance['hits'], array() );
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Front-end display of widget.
|
||||
*
|
||||
* @see WP_Widget::widget()
|
||||
*
|
||||
* @param array $args Widget arguments.
|
||||
* @param array $instance Saved values from database.
|
||||
*/
|
||||
function widget( $args, $instance ) {
|
||||
$instance = wp_parse_args( $instance, $this->defaults() );
|
||||
|
||||
/** This filter is documented in wp-includes/widgets/class-wp-widget-pages.php */
|
||||
$title = apply_filters( 'widget_title', $instance['title'] );
|
||||
|
||||
echo $args['before_widget'];
|
||||
|
||||
if ( ! empty( $title ) ) {
|
||||
echo $args['before_title'] . esc_html( $title ) . $args['after_title'];
|
||||
}
|
||||
|
||||
// Get the Site Stats.
|
||||
$views = $this->get_stats();
|
||||
|
||||
if ( ! empty( $views ) ) {
|
||||
printf(
|
||||
'<ul><li>%1$s %2$s</li></ul>',
|
||||
number_format_i18n( $views ),
|
||||
isset( $instance['hits'] ) ? esc_html( $instance['hits'] ) : ''
|
||||
);
|
||||
} else {
|
||||
esc_html_e( 'No hits.', 'jetpack' );
|
||||
}
|
||||
|
||||
echo $args['after_widget'];
|
||||
|
||||
/** This action is already documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'blog_stats' );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* If the Stats module is active in a recent version of Jetpack, register the widget.
|
||||
*
|
||||
* @since 4.5.0
|
||||
*/
|
||||
function jetpack_blog_stats_widget_init() {
|
||||
if ( function_exists( 'stats_get_from_restapi' ) ) {
|
||||
register_widget( 'Jetpack_Blog_Stats_Widget' );
|
||||
}
|
||||
}
|
||||
add_action( 'widgets_init', 'jetpack_blog_stats_widget_init' );
|
||||
@@ -0,0 +1,374 @@
|
||||
<?php
|
||||
|
||||
if ( ! class_exists( 'Jetpack_Contact_Info_Widget' ) ) {
|
||||
|
||||
//register Contact_Info_Widget widget
|
||||
function jetpack_contact_info_widget_init() {
|
||||
register_widget( 'Jetpack_Contact_Info_Widget' );
|
||||
}
|
||||
|
||||
add_action( 'widgets_init', 'jetpack_contact_info_widget_init' );
|
||||
|
||||
/**
|
||||
* Makes a custom Widget for displaying Restaurant Location/Map, Hours, and Contact Info available.
|
||||
*
|
||||
* @package WordPress
|
||||
*/
|
||||
class Jetpack_Contact_Info_Widget extends WP_Widget {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*/
|
||||
function __construct() {
|
||||
$widget_ops = array(
|
||||
'classname' => 'widget_contact_info',
|
||||
'description' => __( 'Display a map with your location, hours, and contact information.', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
);
|
||||
parent::__construct(
|
||||
'widget_contact_info',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', __( 'Contact Info & Map', 'jetpack' ) ),
|
||||
$widget_ops
|
||||
);
|
||||
$this->alt_option_name = 'widget_contact_info';
|
||||
|
||||
if ( is_customize_preview() ) {
|
||||
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_scripts' ) );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueue scripts and styles.
|
||||
*/
|
||||
public function enqueue_scripts() {
|
||||
wp_enqueue_style( 'contact-info-map-css', plugins_url( 'contact-info/contact-info-map.css', __FILE__ ), null, 20160623 );
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Return an associative array of default values
|
||||
*
|
||||
* These values are used in new widgets.
|
||||
*
|
||||
* @return array Array of default values for the Widget's options
|
||||
*/
|
||||
public function defaults() {
|
||||
return array(
|
||||
'title' => __( 'Hours & Info', 'jetpack' ),
|
||||
'address' => __( "3999 Mission Boulevard,\nSan Diego CA 92109", 'jetpack' ),
|
||||
'phone' => _x( '1-202-555-1212', 'Example of a phone number', 'jetpack' ),
|
||||
'hours' => __( "Lunch: 11am - 2pm \nDinner: M-Th 5pm - 11pm, Fri-Sat:5pm - 1am", 'jetpack' ),
|
||||
'email' => null,
|
||||
'showmap' => 0,
|
||||
'apikey' => null,
|
||||
'lat' => null,
|
||||
'lon' => null
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Outputs the HTML for this widget.
|
||||
*
|
||||
* @param array $args An array of standard parameters for widgets in this theme
|
||||
* @param array $instance An array of settings for this widget instance
|
||||
*
|
||||
* @return void Echoes it's output
|
||||
**/
|
||||
function widget( $args, $instance ) {
|
||||
$instance = wp_parse_args( $instance, $this->defaults() );
|
||||
|
||||
echo $args['before_widget'];
|
||||
|
||||
if ( '' != $instance['title'] ) {
|
||||
echo $args['before_title'] . $instance['title'] . $args['after_title'];
|
||||
}
|
||||
|
||||
/**
|
||||
* Fires at the beginning of the Contact Info widget, after the title.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.9.2
|
||||
*/
|
||||
do_action( 'jetpack_contact_info_widget_start' );
|
||||
|
||||
echo '<div itemscope itemtype="http://schema.org/LocalBusiness">';
|
||||
|
||||
if ( '' != $instance['address'] ) {
|
||||
|
||||
$showmap = $instance['showmap'];
|
||||
|
||||
/** This action is documented in modules/widgets/contact-info.php */
|
||||
if ( $showmap && $this->has_good_map( $instance ) ) {
|
||||
/**
|
||||
* Set a Google Maps API Key.
|
||||
*
|
||||
* @since 4.1.0
|
||||
*
|
||||
* @param string $api_key Google Maps API Key
|
||||
*/
|
||||
$api_key = apply_filters( 'jetpack_google_maps_api_key', $instance['apikey'] );
|
||||
echo $this->build_map( $instance['address'], $api_key );
|
||||
}
|
||||
|
||||
$map_link = $this->build_map_link( $instance['address'] );
|
||||
|
||||
echo '<div class="confit-address" itemscope itemtype="http://schema.org/PostalAddress" itemprop="address"><a href="' . esc_url( $map_link ) . '" target="_blank">' . str_replace( "\n", "<br/>", esc_html( $instance['address'] ) ) . "</a></div>";
|
||||
}
|
||||
|
||||
if ( '' != $instance['phone'] ) {
|
||||
if ( wp_is_mobile() ) {
|
||||
echo '<div class="confit-phone"><span itemprop="telephone"><a href="' . esc_url( 'tel:' . $instance['phone'] ) . '">' . esc_html( $instance['phone'] ) . "</a></span></div>";
|
||||
}
|
||||
else {
|
||||
echo '<div class="confit-phone"><span itemprop="telephone">' . esc_html( $instance['phone'] ) . '</span></div>';
|
||||
}
|
||||
}
|
||||
|
||||
if ( is_email( trim( $instance['email'] ) ) ) {
|
||||
printf(
|
||||
'<div class="confit-email"><a href="mailto:%1$s">%1$s</a></div>',
|
||||
esc_html( $instance['email'] )
|
||||
);
|
||||
}
|
||||
|
||||
if ( '' != $instance['hours'] ) {
|
||||
echo '<div class="confit-hours" itemprop="openingHours">' . str_replace( "\n", "<br/>", esc_html( $instance['hours'] ) ) . "</div>";
|
||||
}
|
||||
|
||||
echo '</div>';
|
||||
|
||||
/**
|
||||
* Fires at the end of Contact Info widget.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.9.2
|
||||
*/
|
||||
do_action( 'jetpack_contact_info_widget_end' );
|
||||
|
||||
echo $args['after_widget'];
|
||||
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'contact_info' );
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Deals with the settings when they are saved by the admin. Here is
|
||||
* where any validation should be dealt with.
|
||||
*
|
||||
* @param array $new_instance New configuration values
|
||||
* @param array $old_instance Old configuration values
|
||||
*
|
||||
* @return array
|
||||
*/
|
||||
function update( $new_instance, $old_instance ) {
|
||||
$update_lat_lon = false;
|
||||
if (
|
||||
! isset( $old_instance['address'] ) ||
|
||||
$this->urlencode_address( $old_instance['address'] ) != $this->urlencode_address( $new_instance['address'] )
|
||||
) {
|
||||
$update_lat_lon = true;
|
||||
}
|
||||
|
||||
$instance = array();
|
||||
$instance['title'] = wp_kses( $new_instance['title'], array() );
|
||||
$instance['address'] = wp_kses( $new_instance['address'], array() );
|
||||
$instance['phone'] = wp_kses( $new_instance['phone'], array() );
|
||||
$instance['email'] = wp_kses( $new_instance['email'], array() );
|
||||
$instance['hours'] = wp_kses( $new_instance['hours'], array() );
|
||||
$instance['apikey'] = wp_kses( isset( $new_instance['apikey'] ) ? $new_instance['apikey'] : $old_instance['apikey'], array() );
|
||||
$instance['lat'] = isset( $old_instance['lat'] ) ? floatval( $old_instance['lat'] ) : 0;
|
||||
$instance['lon'] = isset( $old_instance['lon'] ) ? floatval( $old_instance['lon'] ) : 0;
|
||||
|
||||
if ( ! $instance['lat'] || ! $instance['lon'] ) {
|
||||
$update_lat_lon = true;
|
||||
}
|
||||
|
||||
if ( $instance['address'] && $update_lat_lon ) {
|
||||
|
||||
// Get the lat/lon of the user specified address.
|
||||
$address = $this->urlencode_address( $instance['address'] );
|
||||
$path = "https://maps.googleapis.com/maps/api/geocode/json?sensor=false&address=" . $address;
|
||||
/** This action is documented in modules/widgets/contact-info.php */
|
||||
$key = apply_filters( 'jetpack_google_maps_api_key', $instance['apikey'] );
|
||||
|
||||
if ( ! empty( $key ) ) {
|
||||
$path = add_query_arg( 'key', $key, $path );
|
||||
}
|
||||
$json = wp_remote_retrieve_body( wp_remote_get( esc_url( $path, null, null ) ) );
|
||||
|
||||
if ( ! $json ) {
|
||||
// The read failed :(
|
||||
esc_html_e( "There was a problem getting the data to display this address on a map. Please refresh your browser and try again.", 'jetpack' );
|
||||
die();
|
||||
}
|
||||
|
||||
$json_obj = json_decode( $json );
|
||||
|
||||
if ( "ZERO_RESULTS" == $json_obj->status ) {
|
||||
// The address supplied does not have a matching lat / lon.
|
||||
// No map is available.
|
||||
$instance['lat'] = "0";
|
||||
$instance['lon'] = "0";
|
||||
}
|
||||
else {
|
||||
|
||||
$loc = $json_obj->results[0]->geometry->location;
|
||||
|
||||
$lat = floatval( $loc->lat );
|
||||
$lon = floatval( $loc->lng );
|
||||
|
||||
$instance['lat'] = "$lat";
|
||||
$instance['lon'] = "$lon";
|
||||
}
|
||||
}
|
||||
|
||||
if ( ! isset( $new_instance['showmap'] ) ) {
|
||||
$instance['showmap'] = 0;
|
||||
}
|
||||
else {
|
||||
$instance['showmap'] = intval( $new_instance['showmap'] );
|
||||
}
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Displays the form for this widget on the Widgets page of the WP Admin area.
|
||||
*
|
||||
* @param array $instance Instance configuration.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
function form( $instance ) {
|
||||
$instance = wp_parse_args( $instance, $this->defaults() );
|
||||
wp_enqueue_script(
|
||||
'contact-info-admin',
|
||||
Jetpack::get_file_url_for_environment(
|
||||
'_inc/build/widgets/contact-info/contact-info-admin.min.js',
|
||||
'modules/widgets/contact-info/contact-info-admin.js'
|
||||
),
|
||||
array( 'jquery' ),
|
||||
20160727
|
||||
);
|
||||
|
||||
?>
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"><?php esc_html_e( 'Title:', 'jetpack' ); ?></label>
|
||||
<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>" type="text" value="<?php echo esc_attr( $instance['title'] ); ?>" />
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'address' ) ); ?>"><?php esc_html_e( 'Address:', 'jetpack' ); ?></label>
|
||||
<textarea class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'address' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'address' ) ); ?>"><?php echo esc_textarea( $instance['address'] ); ?></textarea>
|
||||
<?php
|
||||
if ( $this->has_good_map( $instance ) ) {
|
||||
?>
|
||||
<input class="jp-contact-info-showmap" id="<?php echo esc_attr( $this->get_field_id( 'showmap' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'showmap' ) ); ?>" value="1" type="checkbox" <?php checked( $instance['showmap'], 1 ); ?> />
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'showmap' ) ); ?>"><?php esc_html_e( 'Show map', 'jetpack' ); ?></label>
|
||||
<?php
|
||||
}
|
||||
else {
|
||||
?>
|
||||
<span class="error-message"><?php _e( 'Sorry. We can not plot this address. A map will not be displayed. Is the address formatted correctly?', 'jetpack' ); ?></span>
|
||||
<input id="<?php echo esc_attr( $this->get_field_id( 'showmap' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'showmap' ) ); ?>" value="<?php echo( intval( $instance['showmap'] ) ); ?>" type="hidden" />
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p class="jp-contact-info-apikey" style="<?php echo $instance['showmap'] ? '' : 'display: none;'; ?>">
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'apikey' ) ); ?>">
|
||||
<?php _e( 'Google Maps API Key', 'jetpack' ); ?>
|
||||
<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'apikey' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'apikey' ) ); ?>" type="text" value="<?php echo esc_attr( $instance['apikey'] ); ?>" />
|
||||
<br />
|
||||
<small><?php printf( wp_kses( __( 'Google now requires an API key to use their maps on your site. <a href="%s">See our documentation</a> for instructions on acquiring a key.', 'jetpack' ), array( 'a' => array( 'href' => true ) ) ), 'https://jetpack.com/support/extra-sidebar-widgets/contact-info-widget/' ); ?></small>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'phone' ) ); ?>"><?php esc_html_e( 'Phone:', 'jetpack' ); ?></label>
|
||||
<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'phone' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'phone' ) ); ?>" type="text" value="<?php echo esc_attr( $instance['phone'] ); ?>" />
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'email' ) ); ?>"><?php esc_html_e( 'Email Address:', 'jetpack' ); ?></label>
|
||||
<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'email' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'email' ) ); ?>" type="text" value="<?php echo esc_attr( $instance['email'] ); ?>" />
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'hours' ) ); ?>"><?php esc_html_e( 'Hours:', 'jetpack' ); ?></label>
|
||||
<textarea class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'hours' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'hours' ) ); ?>"><?php echo esc_textarea( $instance['hours'] ); ?></textarea>
|
||||
</p>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Generate a Google Maps link for the supplied address.
|
||||
*
|
||||
* @param string $address Address to link to.
|
||||
*
|
||||
* @return string
|
||||
*/
|
||||
function build_map_link( $address ) {
|
||||
// Google map urls have lots of available params but zoom (z) and query (q) are enough.
|
||||
return "https://maps.google.com/maps?z=16&q=" . $this->urlencode_address( $address );
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Builds map display HTML code from the supplied latitude and longitude.
|
||||
*
|
||||
* @param float $lat Map Latitude
|
||||
* @param float $lon Map Longitude
|
||||
*
|
||||
* @return string HTML of the map
|
||||
*/
|
||||
function build_map( $address, $api_key = null ) {
|
||||
$this->enqueue_scripts();
|
||||
$src = add_query_arg( 'q', urlencode( $address ), 'https://www.google.com/maps/embed/v1/place' );
|
||||
if ( ! empty( $api_key ) ) {
|
||||
$src = add_query_arg( 'key', $api_key, $src );
|
||||
}
|
||||
|
||||
return '<iframe width="600" height="216" frameborder="0" src="' . esc_url( $src ) . '" class="contact-map"></iframe>';
|
||||
}
|
||||
|
||||
/**
|
||||
* Encode an URL
|
||||
*
|
||||
* @param string $address The URL to encode
|
||||
*
|
||||
* @return string The encoded URL
|
||||
*/
|
||||
function urlencode_address( $address ) {
|
||||
|
||||
$address = strtolower( $address );
|
||||
$address = preg_replace( "/\s+/", " ", trim( $address ) ); // Get rid of any unwanted whitespace
|
||||
$address = str_ireplace( " ", "+", $address ); // Use + not %20
|
||||
urlencode( $address );
|
||||
|
||||
return $address;
|
||||
}
|
||||
|
||||
/**
|
||||
* Check if the instance has a valid Map location.
|
||||
*
|
||||
* @param array $instance Widget instance configuration.
|
||||
*
|
||||
* @return bool Whether or not there is a valid map.
|
||||
*/
|
||||
function has_good_map( $instance ) {
|
||||
// The lat and lon of an address that could not be plotted will have values of 0 and 0.
|
||||
return ! ( "0" == $instance['lat'] && "0" == $instance['lon'] );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
(function( $ ) {
|
||||
$( document ).on( 'change', '.jp-contact-info-showmap', function() {
|
||||
var $checkbox = $( this ),
|
||||
isChecked = $checkbox.is( ':checked' );
|
||||
|
||||
$checkbox.closest( '.widget' ).find( '.jp-contact-info-apikey' ).toggle( isChecked );
|
||||
});
|
||||
})( window.jQuery );
|
||||
@@ -0,0 +1,4 @@
|
||||
.contact-map {
|
||||
max-width: 100%;
|
||||
border: 0;
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
/**
|
||||
* Utilities to stylize widget in Customizer controls.
|
||||
*/
|
||||
|
||||
/* My Community */
|
||||
#available-widgets [class*="community"] .widget-title:before { content: "\f307"; }
|
||||
@@ -0,0 +1,82 @@
|
||||
/* global wp, gapi, FB, twttr */
|
||||
|
||||
/**
|
||||
* Utilities to work with widgets in Customizer.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Checks whether this Customizer supports partial widget refresh.
|
||||
* @returns {boolean}
|
||||
*/
|
||||
wp.customizerHasPartialWidgetRefresh = function() {
|
||||
return 'object' === typeof wp && 'function' === typeof wp.customize && 'object' === typeof wp.customize.selectiveRefresh && 'object' === typeof wp.customize.widgetsPreview && 'function' === typeof wp.customize.widgetsPreview.WidgetPartial;
|
||||
};
|
||||
|
||||
/**
|
||||
* Verifies that the placed widget ID contains the widget name.
|
||||
* @param {object} placement
|
||||
* @param {string} widgetName
|
||||
* @returns {*|boolean}
|
||||
*/
|
||||
wp.isJetpackWidgetPlaced = function( placement, widgetName ) {
|
||||
return placement.partial.widgetId && 0 === placement.partial.widgetId.indexOf( widgetName );
|
||||
};
|
||||
|
||||
/**
|
||||
* Bind events for selective refresh in Customizer.
|
||||
*/
|
||||
(function($){
|
||||
|
||||
$( document ).ready( function() {
|
||||
|
||||
if ( wp && wp.customize && wp.customizerHasPartialWidgetRefresh() ) {
|
||||
|
||||
// Refresh widget contents when a partial is rendered.
|
||||
wp.customize.selectiveRefresh.bind( 'partial-content-rendered', function ( placement ) {
|
||||
if ( placement.container ) {
|
||||
|
||||
// Refresh Google+
|
||||
if ( wp.isJetpackWidgetPlaced( placement, 'googleplus-badge' ) && 'object' === typeof gapi && gapi.person && 'function' === typeof gapi.person.go ) {
|
||||
gapi.person.go( placement.container[0] );
|
||||
}
|
||||
|
||||
// Refresh Facebook XFBML
|
||||
else if ( wp.isJetpackWidgetPlaced( placement, 'facebook-likebox' ) && 'object' === typeof FB && 'object' === typeof FB.XFBML && 'function' === typeof FB.XFBML.parse ) {
|
||||
FB.XFBML.parse( placement.container[0], function() {
|
||||
var $fbContainer = $( placement.container[0] ).find( '.fb_iframe_widget' ),
|
||||
fbWidth = $fbContainer.data( 'width' ),
|
||||
fbHeight = $fbContainer.data( 'height' );
|
||||
$fbContainer.find( 'span' ).css( { 'width': fbWidth, 'height': fbHeight } );
|
||||
setTimeout( function() {
|
||||
$fbContainer.find( 'iframe' ).css( { 'width': fbWidth, 'height': fbHeight, 'position': 'relative' } );
|
||||
}, 1 );
|
||||
} );
|
||||
}
|
||||
|
||||
// Refresh Twitter
|
||||
else if ( wp.isJetpackWidgetPlaced( placement, 'twitter_timeline' ) && 'object' === typeof twttr && 'object' === typeof twttr.widgets && 'function' === typeof twttr.widgets.load ) {
|
||||
twttr.widgets.load( placement.container[0] );
|
||||
} else if ( wp.isJetpackWidgetPlaced( placement, 'eu_cookie_law_widget' ) ) {
|
||||
// Refresh EU Cookie Law
|
||||
if ( $( '#eu-cookie-law' ).hasClass( 'top' ) ) {
|
||||
$( '.widget_eu_cookie_law_widget' ).addClass( 'top' );
|
||||
} else {
|
||||
$( '.widget_eu_cookie_law_widget' ).removeClass( 'top' );
|
||||
}
|
||||
placement.container.fadeIn();
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
// Refresh widgets when they're moved.
|
||||
wp.customize.selectiveRefresh.bind( 'partial-content-moved', function( placement ) {
|
||||
if ( placement.container ) {
|
||||
// Refresh Twitter timeline iframe, since it has to be re-built.
|
||||
if ( wp.isJetpackWidgetPlaced( placement, 'twitter_timeline' ) && placement.container.find( 'iframe.twitter-timeline:not([src]):first' ).length ) {
|
||||
placement.partial.refresh();
|
||||
}
|
||||
}
|
||||
} );
|
||||
}
|
||||
} );
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,301 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* Disable direct access/execution to/of the widget code.
|
||||
*/
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
if ( ! class_exists( 'Jetpack_EU_Cookie_Law_Widget' ) ) {
|
||||
/**
|
||||
* EU Cookie Law Widget
|
||||
*
|
||||
* Display the EU Cookie Law banner in the bottom part of the screen.
|
||||
*/
|
||||
class Jetpack_EU_Cookie_Law_Widget extends WP_Widget {
|
||||
/**
|
||||
* EU Cookie Law cookie name.
|
||||
*
|
||||
* @var string
|
||||
*/
|
||||
public static $cookie_name = 'eucookielaw';
|
||||
|
||||
/**
|
||||
* Default hide options.
|
||||
*
|
||||
* @var array
|
||||
*/
|
||||
private $hide_options = array(
|
||||
'button',
|
||||
'scroll',
|
||||
'time',
|
||||
);
|
||||
|
||||
/**
|
||||
* Default text options.
|
||||
*
|
||||
* @var array
|
||||
*/
|
||||
private $text_options = array(
|
||||
'default',
|
||||
'custom',
|
||||
);
|
||||
|
||||
/**
|
||||
* Default color scheme options.
|
||||
*
|
||||
* @var array
|
||||
*/
|
||||
private $color_scheme_options = array(
|
||||
'default',
|
||||
'negative',
|
||||
);
|
||||
|
||||
/**
|
||||
* Default policy URL options.
|
||||
*
|
||||
* @var array
|
||||
*/
|
||||
private $policy_url_options = array(
|
||||
'default',
|
||||
'custom',
|
||||
);
|
||||
|
||||
/**
|
||||
* Widget position options.
|
||||
*
|
||||
* @var array
|
||||
*/
|
||||
private $position_options = array(
|
||||
'bottom',
|
||||
'top',
|
||||
);
|
||||
|
||||
/**
|
||||
* Constructor.
|
||||
*/
|
||||
function __construct() {
|
||||
parent::__construct(
|
||||
'eu_cookie_law_widget',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', esc_html__( 'Cookies & Consents Banner', 'jetpack' ) ),
|
||||
array(
|
||||
'description' => esc_html__( 'Display a banner for EU Cookie Law and GDPR compliance.', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
),
|
||||
array()
|
||||
);
|
||||
|
||||
if ( is_active_widget( false, false, $this->id_base ) || is_customize_preview() ) {
|
||||
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_frontend_scripts' ) );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueue scripts and styles.
|
||||
*/
|
||||
function enqueue_frontend_scripts() {
|
||||
wp_enqueue_style( 'eu-cookie-law-style', plugins_url( 'eu-cookie-law/style.css', __FILE__ ), array(), '20170403' );
|
||||
wp_enqueue_script(
|
||||
'eu-cookie-law-script',
|
||||
Jetpack::get_file_url_for_environment(
|
||||
'_inc/build/widgets/eu-cookie-law/eu-cookie-law.min.js',
|
||||
'modules/widgets/eu-cookie-law/eu-cookie-law.js'
|
||||
),
|
||||
array( 'jquery' ),
|
||||
'20180522',
|
||||
true
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Return an associative array of default values.
|
||||
*
|
||||
* These values are used in new widgets.
|
||||
*
|
||||
* @return array Default values for the widget options.
|
||||
*/
|
||||
public function defaults() {
|
||||
return array(
|
||||
'hide' => $this->hide_options[0],
|
||||
'hide-timeout' => 30,
|
||||
'consent-expiration' => 180,
|
||||
'text' => $this->text_options[0],
|
||||
'customtext' => '',
|
||||
'color-scheme' => $this->color_scheme_options[0],
|
||||
'policy-url' => get_option( 'wp_page_for_privacy_policy' ) ? $this->policy_url_options[1] : $this->policy_url_options[0],
|
||||
'default-policy-url' => 'https://automattic.com/cookies/',
|
||||
'custom-policy-url' => get_option( 'wp_page_for_privacy_policy' ) ? get_permalink( (int) get_option( 'wp_page_for_privacy_policy' ) ) : '',
|
||||
'position' => $this->position_options[0],
|
||||
'policy-link-text' => esc_html__( 'Cookie Policy', 'jetpack' ),
|
||||
'button' => esc_html__( 'Close and accept', 'jetpack' ),
|
||||
'default-text' => esc_html__( "Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use. \r\nTo find out more, including how to control cookies, see here:", 'jetpack' ),
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Front-end display of the widget.
|
||||
*
|
||||
* @param array $args Widget arguments.
|
||||
* @param array $instance Saved values from database.
|
||||
*/
|
||||
public function widget( $args, $instance ) {
|
||||
/**
|
||||
* Filters the display of the EU Cookie Law widget.
|
||||
*
|
||||
* @since 6.1.1
|
||||
*
|
||||
* @param bool true Should the EU Cookie Law widget be disabled. Default to false.
|
||||
*/
|
||||
if ( apply_filters( 'jetpack_disable_eu_cookie_law_widget', false ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
$instance = wp_parse_args( $instance, $this->defaults() );
|
||||
|
||||
$classes = array();
|
||||
$classes['hide'] = 'hide-on-' . esc_attr( $instance['hide'] );
|
||||
if ( 'negative' === $instance['color-scheme'] ) {
|
||||
$classes['negative'] = 'negative';
|
||||
}
|
||||
|
||||
if ( 'top' === $instance['position'] ) {
|
||||
$classes['top'] = 'top';
|
||||
}
|
||||
|
||||
if ( Jetpack::is_module_active( 'wordads' ) ) {
|
||||
$classes['ads'] = 'ads-active';
|
||||
$classes['hide'] = 'hide-on-button';
|
||||
}
|
||||
|
||||
echo $args['before_widget'];
|
||||
require( dirname( __FILE__ ) . '/eu-cookie-law/widget.php' );
|
||||
echo $args['after_widget'];
|
||||
/** This action is already documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'eu_cookie_law' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Back-end widget form.
|
||||
*
|
||||
* @param array $instance Previously saved values from database.
|
||||
*/
|
||||
public function form( $instance ) {
|
||||
$instance = wp_parse_args( $instance, $this->defaults() );
|
||||
if ( Jetpack::is_module_active( 'wordads' ) ) {
|
||||
$instance['hide'] = 'button';
|
||||
}
|
||||
|
||||
wp_enqueue_script(
|
||||
'eu-cookie-law-widget-admin',
|
||||
Jetpack::get_file_url_for_environment(
|
||||
'_inc/build/widgets/eu-cookie-law/eu-cookie-law-admin.min.js',
|
||||
'modules/widgets/eu-cookie-law/eu-cookie-law-admin.js'
|
||||
),
|
||||
array( 'jquery' ),
|
||||
20180417
|
||||
);
|
||||
|
||||
require( dirname( __FILE__ ) . '/eu-cookie-law/form.php' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Sanitize widget form values as they are saved.
|
||||
*
|
||||
* @param array $new_instance Values just sent to be saved.
|
||||
* @param array $old_instance Previously saved values from database.
|
||||
* @return array Updated safe values to be saved.
|
||||
*/
|
||||
public function update( $new_instance, $old_instance ) {
|
||||
$instance = array();
|
||||
$defaults = $this->defaults();
|
||||
|
||||
$instance['hide'] = $this->filter_value( isset( $new_instance['hide'] ) ? $new_instance['hide'] : '', $this->hide_options );
|
||||
$instance['text'] = $this->filter_value( isset( $new_instance['text'] ) ? $new_instance['text'] : '', $this->text_options );
|
||||
$instance['color-scheme'] = $this->filter_value( isset( $new_instance['color-scheme'] ) ? $new_instance['color-scheme'] : '', $this->color_scheme_options );
|
||||
$instance['policy-url'] = $this->filter_value( isset( $new_instance['policy-url'] ) ? $new_instance['policy-url'] : '', $this->policy_url_options );
|
||||
$instance['position'] = $this->filter_value( isset( $new_instance['position'] ) ? $new_instance['position'] : '', $this->position_options );
|
||||
|
||||
if ( isset( $new_instance['hide-timeout'] ) ) {
|
||||
// Time can be a value between 3 and 1000 seconds.
|
||||
$instance['hide-timeout'] = min( 1000, max( 3, intval( $new_instance['hide-timeout'] ) ) );
|
||||
}
|
||||
|
||||
if ( isset( $new_instance['consent-expiration'] ) ) {
|
||||
// Time can be a value between 1 and 365 days.
|
||||
$instance['consent-expiration'] = min( 365, max( 1, intval( $new_instance['consent-expiration'] ) ) );
|
||||
}
|
||||
|
||||
if ( isset( $new_instance['customtext'] ) ) {
|
||||
$instance['customtext'] = mb_substr( wp_kses( $new_instance['customtext'], array() ), 0, 4096 );
|
||||
} else {
|
||||
$instance['text'] = $this->text_options[0];
|
||||
}
|
||||
|
||||
if ( isset( $new_instance['policy-url'] ) ) {
|
||||
$instance['policy-url'] = 'custom' === $new_instance['policy-url']
|
||||
? 'custom'
|
||||
: 'default';
|
||||
} else {
|
||||
$instance['policy-url'] = $this->policy_url_options[0];
|
||||
}
|
||||
|
||||
if ( 'custom' === $instance['policy-url'] && isset( $new_instance['custom-policy-url'] ) ) {
|
||||
$instance['custom-policy-url'] = esc_url( $new_instance['custom-policy-url'], array( 'http', 'https' ) );
|
||||
|
||||
if ( strlen( $instance['custom-policy-url'] ) < 10 ) {
|
||||
unset( $instance['custom-policy-url'] );
|
||||
global $wp_customize;
|
||||
if ( ! isset( $wp_customize ) ) {
|
||||
$instance['policy-url'] = $this->policy_url_options[0];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if ( isset( $new_instance['policy-link-text'] ) ) {
|
||||
$instance['policy-link-text'] = trim( mb_substr( wp_kses( $new_instance['policy-link-text'], array() ), 0, 100 ) );
|
||||
}
|
||||
|
||||
if ( empty( $instance['policy-link-text'] ) || $instance['policy-link-text'] == $defaults['policy-link-text'] ) {
|
||||
unset( $instance['policy-link-text'] );
|
||||
}
|
||||
|
||||
if ( isset( $new_instance['button'] ) ) {
|
||||
$instance['button'] = trim( mb_substr( wp_kses( $new_instance['button'], array() ), 0, 100 ) );
|
||||
}
|
||||
|
||||
if ( empty( $instance['button'] ) || $instance['button'] == $defaults['button'] ) {
|
||||
unset( $instance['button'] );
|
||||
}
|
||||
|
||||
// Show the banner again if a setting has been changed.
|
||||
setcookie( self::$cookie_name, '', time() - 86400, '/' );
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Check if the value is allowed and not empty.
|
||||
*
|
||||
* @param string $value Value to check.
|
||||
* @param array $allowed Array of allowed values.
|
||||
*
|
||||
* @return string $value if pass the check or first value from allowed values.
|
||||
*/
|
||||
function filter_value( $value, $allowed = array() ) {
|
||||
$allowed = (array) $allowed;
|
||||
if ( empty( $value ) || ( ! empty( $allowed ) && ! in_array( $value, $allowed ) ) ) {
|
||||
$value = $allowed[0];
|
||||
}
|
||||
return $value;
|
||||
}
|
||||
}
|
||||
|
||||
// Register Jetpack_EU_Cookie_Law_Widget widget.
|
||||
function jetpack_register_eu_cookie_law_widget() {
|
||||
register_widget( 'Jetpack_EU_Cookie_Law_Widget' );
|
||||
};
|
||||
|
||||
add_action( 'widgets_init', 'jetpack_register_eu_cookie_law_widget' );
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
|
||||
/* eslint no-var: 0 */
|
||||
|
||||
( function( $ ) {
|
||||
var $document = $( document );
|
||||
|
||||
$document.on( 'ready', function() {
|
||||
var maybeShowNotice = function( e, policyUrl ) {
|
||||
var $policyUrl = $( policyUrl || this )
|
||||
.closest( '.eu-cookie-law-widget-policy-url' );
|
||||
|
||||
if ( $policyUrl.find( 'input[type="radio"][value="default"]' ).is( ':checked' ) ) {
|
||||
$policyUrl.find( '.notice.default-policy' ).css( 'display', 'block' );
|
||||
$policyUrl.find( '.notice.custom-policy' ).hide();
|
||||
} else {
|
||||
$policyUrl.find( '.notice.default-policy' ).hide();
|
||||
$policyUrl.find( '.notice.custom-policy' ).css( 'display', 'block' );
|
||||
}
|
||||
};
|
||||
|
||||
$document.on( 'click', '.eu-cookie-law-widget-policy-url input[type="radio"]', maybeShowNotice );
|
||||
$document.on( 'widget-updated widget-added', function( e, widget ) {
|
||||
var widgetId = $( widget ).attr( 'id' );
|
||||
if ( widgetId.indexOf( 'eu_cookie_law_widget' ) !== -1 ) {
|
||||
maybeShowNotice( null, $( '#' + widgetId + ' .eu-cookie-law-widget-policy-url' ) );
|
||||
}
|
||||
} );
|
||||
$( '.eu-cookie-law-widget-policy-url' ).each( maybeShowNotice );
|
||||
} );
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,63 @@
|
||||
( function( $ ) {
|
||||
var cookieValue = document.cookie.replace( /(?:(?:^|.*;\s*)eucookielaw\s*\=\s*([^;]*).*$)|^.*$/, '$1' ),
|
||||
overlay = $( '#eu-cookie-law' ),
|
||||
initialScrollPosition,
|
||||
scrollFunction;
|
||||
|
||||
if ( overlay.hasClass( 'top' ) ) {
|
||||
$( '.widget_eu_cookie_law_widget' ).addClass( 'top' );
|
||||
}
|
||||
|
||||
if ( overlay.hasClass( 'ads-active' ) ) {
|
||||
var adsCookieValue = document.cookie.replace( /(?:(?:^|.*;\s*)personalized-ads-consent\s*\=\s*([^;]*).*$)|^.*$/, '$1' );
|
||||
if ( '' !== cookieValue && '' !== adsCookieValue ) {
|
||||
overlay.remove();
|
||||
}
|
||||
} else if ( '' !== cookieValue ) {
|
||||
overlay.remove();
|
||||
}
|
||||
|
||||
$( '.widget_eu_cookie_law_widget' ).appendTo( 'body' ).fadeIn();
|
||||
|
||||
overlay.find( 'form' ).on( 'submit', accept );
|
||||
|
||||
if ( overlay.hasClass( 'hide-on-scroll' ) ) {
|
||||
initialScrollPosition = $( window ).scrollTop();
|
||||
scrollFunction = function() {
|
||||
if ( Math.abs( $( window ).scrollTop() - initialScrollPosition ) > 50 ) {
|
||||
accept();
|
||||
}
|
||||
};
|
||||
$( window ).on( 'scroll', scrollFunction );
|
||||
} else if ( overlay.hasClass( 'hide-on-time' ) ) {
|
||||
setTimeout( accept, overlay.data( 'hide-timeout' ) * 1000 );
|
||||
}
|
||||
|
||||
var accepted = false;
|
||||
function accept( event ) {
|
||||
if ( accepted ) {
|
||||
return;
|
||||
}
|
||||
accepted = true;
|
||||
|
||||
if ( event && event.preventDefault ) {
|
||||
event.preventDefault();
|
||||
}
|
||||
|
||||
if ( overlay.hasClass( 'hide-on-scroll' ) ) {
|
||||
$( window ).off( 'scroll', scrollFunction );
|
||||
}
|
||||
|
||||
var expireTime = new Date();
|
||||
expireTime.setTime( expireTime.getTime() + ( overlay.data( 'consent-expiration' ) * 24 * 60 * 60 * 1000 ) );
|
||||
|
||||
document.cookie = 'eucookielaw=' + expireTime.getTime() + ';path=/;expires=' + expireTime.toGMTString();
|
||||
if ( overlay.hasClass( 'ads-active' ) && overlay.hasClass( 'hide-on-button' ) ) {
|
||||
document.cookie = 'personalized-ads-consent=' + expireTime.getTime() + ';path=/;expires=' + expireTime.toGMTString();
|
||||
}
|
||||
|
||||
overlay.fadeOut( 400, function() {
|
||||
overlay.remove();
|
||||
} );
|
||||
}
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,277 @@
|
||||
<p>
|
||||
<strong>
|
||||
<?php esc_html_e( 'Banner text', 'jetpack' ); ?>
|
||||
</strong>
|
||||
<ul>
|
||||
<li>
|
||||
<label>
|
||||
<input
|
||||
<?php checked( $instance['text'], 'default' ); ?>
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'text' ) ); ?>"
|
||||
type="radio"
|
||||
value="default"
|
||||
/>
|
||||
<?php esc_html_e( 'Default', 'jetpack' ); ?>
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input
|
||||
<?php checked( $instance['text'], 'custom' ); ?>
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'text' ) ); ?>"
|
||||
type="radio"
|
||||
value="custom"
|
||||
/>
|
||||
<?php esc_html_e( 'Custom:', 'jetpack' ); ?>
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
<textarea
|
||||
class="widefat"
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'customtext' ) ); ?>"
|
||||
placeholder="<?php echo esc_attr( $instance['default-text'] ); ?>"
|
||||
><?php echo esc_html( $instance['customtext'] ); ?></textarea>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p>
|
||||
<strong>
|
||||
<?php esc_html_e( 'Privacy Policy Link', 'jetpack' ); ?>
|
||||
</strong>
|
||||
<ul class="eu-cookie-law-widget-policy-url">
|
||||
<li>
|
||||
<label>
|
||||
<input
|
||||
<?php checked( $instance['policy-url'], 'default' ); ?>
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'policy-url' ) ); ?>"
|
||||
type="radio"
|
||||
value="default"
|
||||
/>
|
||||
<?php esc_html_e( 'Default', 'jetpack' ); ?>
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input
|
||||
<?php checked( $instance['policy-url'], 'custom' ); ?>
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'policy-url' ) ); ?>"
|
||||
type="radio"
|
||||
value="custom"
|
||||
/>
|
||||
<?php esc_html_e( 'Custom URL:', 'jetpack' ); ?>
|
||||
</label>
|
||||
<input
|
||||
class="widefat"
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'custom-policy-url' ) ); ?>"
|
||||
placeholder="<?php echo esc_url( $instance['default-policy-url'] ); ?>"
|
||||
style="margin-top: .5em;"
|
||||
type="text"
|
||||
value="<?php echo esc_url( $instance['custom-policy-url'] ); ?>"
|
||||
/>
|
||||
<span class="notice notice-warning default-policy" style="display: none;">
|
||||
<span style="display: block; margin: .5em 0;">
|
||||
<strong><?php esc_html_e( 'Caution:', 'jetpack' ); ?></strong>
|
||||
<?php esc_html_e( 'The default policy URL only covers cookies set by Jetpack. If you’re running other plugins, custom cookies, or third-party tracking technologies, you should create and link to your own cookie statement.', 'jetpack' ); ?>
|
||||
</span>
|
||||
</span>
|
||||
<?php if ( Jetpack::is_module_active( 'wordads' ) ) : ?>
|
||||
<span class="notice notice-warning custom-policy" style="display: none;">
|
||||
<span style="display: block; margin: .5em 0;">
|
||||
<strong><?php esc_html_e( 'Caution:', 'jetpack' ); ?></strong>
|
||||
<?php echo sprintf(
|
||||
__( 'For GDPR compliance, please make sure your policy contains <a href="%s" target="_blank">privacy information relating to Jetpack Ads</a>.', 'jetpack' ),
|
||||
esc_url( 'https://jetpack.com/support/ads/#privacy' )
|
||||
); ?>
|
||||
</span>
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong>
|
||||
<?php esc_html_e( 'Link text', 'jetpack' ); ?>
|
||||
</strong>
|
||||
<label>
|
||||
<input
|
||||
class="widefat"
|
||||
name="<?php echo $this->get_field_name( 'policy-link-text' ); ?>"
|
||||
type="text"
|
||||
value="<?php echo esc_attr( $instance['policy-link-text'] ); ?>"
|
||||
/>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p>
|
||||
<strong>
|
||||
<?php esc_html_e( 'Button text', 'jetpack' ); ?>
|
||||
</strong>
|
||||
<label>
|
||||
<input
|
||||
class="widefat"
|
||||
name="<?php echo $this->get_field_name( 'button' ); ?>"
|
||||
type="text"
|
||||
value="<?php echo esc_attr( $instance['button'] ); ?>"
|
||||
/>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p>
|
||||
<strong>
|
||||
<?php _ex( 'Capture consent & hide the banner', 'action', 'jetpack' ); ?>
|
||||
</strong>
|
||||
<ul>
|
||||
<li>
|
||||
<label>
|
||||
<input
|
||||
<?php checked( $instance['hide'], 'button' ); ?>
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'hide' ) ); ?>"
|
||||
type="radio"
|
||||
value="button"
|
||||
<?php echo Jetpack::is_module_active( 'wordads' ) ? 'disabled' : ''; ?>
|
||||
/>
|
||||
<?php esc_html_e( 'after the user clicks the dismiss button', 'jetpack' ); ?>
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input
|
||||
<?php checked( $instance['hide'], 'scroll' ); ?>
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'hide' ) ); ?>"
|
||||
type="radio"
|
||||
value="scroll"
|
||||
<?php echo Jetpack::is_module_active( 'wordads' ) ? 'disabled' : ''; ?>
|
||||
/>
|
||||
<?php esc_html_e( 'after the user scrolls the page', 'jetpack' ); ?>
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input
|
||||
<?php checked( $instance['hide'], 'time' ); ?>
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'hide' ) ); ?>"
|
||||
type="radio"
|
||||
value="time"
|
||||
<?php echo Jetpack::is_module_active( 'wordads' ) ? 'disabled' : ''; ?>
|
||||
/>
|
||||
<?php esc_html_e( 'after this amount of time', 'jetpack' ); ?>
|
||||
</label>
|
||||
<input
|
||||
max="1000"
|
||||
min="3"
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'hide-timeout' ) ); ?>"
|
||||
style="padding: 3px 5px; width: 3em;"
|
||||
type="number"
|
||||
value="<?php echo esc_attr( $instance['hide-timeout'] ); ?>"
|
||||
/>
|
||||
<?php esc_html_e( 'seconds', 'jetpack' ); ?>
|
||||
</li>
|
||||
</ul>
|
||||
<?php if ( Jetpack::is_module_active( 'wordads' ) ) : ?>
|
||||
<span class="notice notice-warning" style="display: block;">
|
||||
<span style="display: block; margin: .5em 0;">
|
||||
<?php esc_html_e( 'Visitors must provide consent by clicking the dismiss button when Jetpack Ads is turned on.', 'jetpack' ); ?>
|
||||
</span>
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p>
|
||||
<strong>
|
||||
<?php _ex( 'Consent expires after', 'action', 'jetpack' ); ?>
|
||||
</strong>
|
||||
<ul>
|
||||
<li>
|
||||
<input
|
||||
max="365"
|
||||
min="1"
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'consent-expiration' ) ); ?>"
|
||||
style="padding: 3px 5px; width: 3.75em;"
|
||||
type="number"
|
||||
value="<?php echo esc_attr( $instance['consent-expiration'] ); ?>"
|
||||
/>
|
||||
<?php esc_html_e( 'days', 'jetpack' ); ?>
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p>
|
||||
<strong>
|
||||
<?php _e( 'Color scheme', 'jetpack' ); ?>
|
||||
</strong>
|
||||
<ul>
|
||||
<li>
|
||||
<label>
|
||||
<input
|
||||
<?php checked( $instance['color-scheme'], 'default' ); ?>
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'color-scheme' ) ); ?>"
|
||||
type="radio"
|
||||
value="default"
|
||||
/>
|
||||
<?php esc_html_e( 'Light', 'jetpack' ); ?>
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input
|
||||
<?php checked( $instance['color-scheme'], 'negative' ); ?>
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'color-scheme' ) ); ?>"
|
||||
type="radio"
|
||||
value="negative"
|
||||
/>
|
||||
<?php esc_html_e( 'Dark', 'jetpack' ); ?>
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p>
|
||||
<strong>
|
||||
<?php _e( 'Position', 'jetpack' ); ?>
|
||||
</strong>
|
||||
<ul>
|
||||
<li>
|
||||
<label>
|
||||
<input
|
||||
<?php checked( $instance['position'], 'bottom' ); ?>
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'position' ) ); ?>"
|
||||
type="radio"
|
||||
value="bottom"
|
||||
/>
|
||||
<?php esc_html_e( 'Bottom', 'jetpack' ); ?>
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input
|
||||
<?php checked( $instance['position'], 'top' ); ?>
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'position' ) ); ?>"
|
||||
type="radio"
|
||||
value="top"
|
||||
/>
|
||||
<?php esc_html_e( 'Top', 'jetpack' ); ?>
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p class="small">
|
||||
<?php esc_html_e( 'It is your own responsibility to ensure that your site complies with the relevant laws.', 'jetpack' ); ?>
|
||||
<a href="https://jetpack.com/support/extra-sidebar-widgets/eu-cookie-law-widget/">
|
||||
<?php esc_html_e( 'Click here for more information', 'jetpack' ); ?>
|
||||
</a>
|
||||
</p>
|
||||
@@ -0,0 +1,104 @@
|
||||
.widget_eu_cookie_law_widget {
|
||||
border: none;
|
||||
bottom: 1em;
|
||||
display: none;
|
||||
left: 1em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: fixed;
|
||||
right: 1em;
|
||||
width: auto;
|
||||
z-index: 50001;
|
||||
}
|
||||
|
||||
.widget_eu_cookie_law_widget.widget.top {
|
||||
bottom: auto;
|
||||
top: 1em;
|
||||
}
|
||||
|
||||
.admin-bar .widget_eu_cookie_law_widget.widget.top {
|
||||
top: 3em;
|
||||
}
|
||||
|
||||
#eu-cookie-law {
|
||||
background-color: #fff;
|
||||
border: 1px solid #dedede;
|
||||
color: #2e4467;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
overflow: hidden;
|
||||
padding: 6px 6px 6px 15px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#eu-cookie-law a,
|
||||
#eu-cookie-law a:active,
|
||||
#eu-cookie-law a:visited {
|
||||
color: inherit;
|
||||
cursor: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#eu-cookie-law a:hover {
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#eu-cookie-law.negative {
|
||||
background-color: #000;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/**
|
||||
* Using a highly-specific rule to make sure that certain form styles
|
||||
* will be reset
|
||||
*/
|
||||
#eu-cookie-law form {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Using a highly-specific rule to make sure that all button styles
|
||||
* will be reset
|
||||
*/
|
||||
#eu-cookie-law input,
|
||||
#eu-cookie-law input:hover,
|
||||
#eu-cookie-law input:focus {
|
||||
background: #f3f3f3;
|
||||
border: 1px solid #dedede;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
color: #2e4453;
|
||||
cursor: pointer;
|
||||
display: inline;
|
||||
float: right;
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
font-weight: inherit;
|
||||
line-height: inherit;
|
||||
margin: 0 0 0 5%;
|
||||
padding: 8px 12px;
|
||||
position: static;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
#eu-cookie-law.negative input,
|
||||
#eu-cookie-law.negative input:hover,
|
||||
#eu-cookie-law.negative input:focus {
|
||||
background: #282828;
|
||||
border-color: #535353;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@media ( max-width: 600px ) {
|
||||
#eu-cookie-law {
|
||||
padding-bottom: 55px;
|
||||
}
|
||||
#eu-cookie-law input.accept {
|
||||
bottom: 8px;
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
<div
|
||||
class="<?php echo implode( ' ', $classes ); ?>"
|
||||
data-hide-timeout="<?php echo intval( $instance['hide-timeout'] ); ?>"
|
||||
data-consent-expiration="<?php echo intval( $instance['consent-expiration'] ); ?>"
|
||||
id="eu-cookie-law"
|
||||
>
|
||||
<form method="post">
|
||||
<input type="submit" value="<?php echo esc_attr( $instance['button'] ); ?>" class="accept" />
|
||||
</form>
|
||||
|
||||
<?php if ( 'default' == $instance['text'] || empty( $instance['customtext'] ) ) {
|
||||
echo nl2br( $instance['default-text'] );
|
||||
} else {
|
||||
echo nl2br( esc_html( $instance['customtext'] ) );
|
||||
} ?>
|
||||
|
||||
<a href="<?php
|
||||
$policy_link_text = 'default' === $instance['policy-url'] || empty( $instance['custom-policy-url'] )
|
||||
? $instance['default-policy-url']
|
||||
: $instance['custom-policy-url'];
|
||||
echo esc_url( $policy_link_text );
|
||||
?>" >
|
||||
<?php echo esc_html( $instance['policy-link-text'] ); ?>
|
||||
</a>
|
||||
</div>
|
||||
@@ -0,0 +1,306 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* Register the widget for use in Appearance -> Widgets
|
||||
*/
|
||||
add_action( 'widgets_init', 'jetpack_facebook_likebox_init' );
|
||||
|
||||
function jetpack_facebook_likebox_init() {
|
||||
register_widget( 'WPCOM_Widget_Facebook_LikeBox' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Facebook Page Plugin (formerly known as the Like Box)
|
||||
* Display a Facebook Page Plugin as a widget (replaces the old like box plugin)
|
||||
* https://developers.facebook.com/docs/plugins/page-plugin
|
||||
*/
|
||||
class WPCOM_Widget_Facebook_LikeBox extends WP_Widget {
|
||||
|
||||
private $default_height = 580;
|
||||
private $default_width = 340;
|
||||
private $max_width = 500;
|
||||
private $min_width = 180;
|
||||
private $max_height = 9999;
|
||||
private $min_height = 130;
|
||||
|
||||
function __construct() {
|
||||
parent::__construct(
|
||||
'facebook-likebox',
|
||||
/**
|
||||
* Filter the name of a widget included in the Extra Sidebar Widgets module.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 2.1.2
|
||||
*
|
||||
* @param string $widget_name Widget title.
|
||||
*/
|
||||
apply_filters( 'jetpack_widget_name', __( 'Facebook Page Plugin', 'jetpack' ) ),
|
||||
array(
|
||||
'classname' => 'widget_facebook_likebox',
|
||||
'description' => __( 'Use the Facebook Page Plugin to connect visitors to your Facebook Page', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
)
|
||||
);
|
||||
|
||||
if ( is_active_widget( false, false, $this->id_base ) || is_active_widget( false, false, 'monster' ) || is_customize_preview() ) {
|
||||
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_scripts' ) );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueue scripts.
|
||||
*/
|
||||
public function enqueue_scripts() {
|
||||
wp_enqueue_script( 'jetpack-facebook-embed' );
|
||||
wp_enqueue_style( 'jetpack_facebook_likebox', plugins_url( 'facebook-likebox/style.css', __FILE__ ) );
|
||||
wp_style_add_data( 'jetpack_facebook_likebox', 'jetpack-inline', true );
|
||||
}
|
||||
|
||||
function widget( $args, $instance ) {
|
||||
extract( $args );
|
||||
|
||||
$like_args = $this->normalize_facebook_args( $instance['like_args'] );
|
||||
|
||||
if ( empty( $like_args['href'] ) || ! $this->is_valid_facebook_url( $like_args['href'] ) ) {
|
||||
if ( current_user_can('edit_theme_options') ) {
|
||||
echo $before_widget;
|
||||
echo '<p>' . sprintf( __( 'It looks like your Facebook URL is incorrectly configured. Please check it in your <a href="%s">widget settings</a>.', 'jetpack' ), admin_url( 'widgets.php' ) ) . '</p>';
|
||||
echo $after_widget;
|
||||
}
|
||||
echo '<!-- Invalid Facebook Page URL -->';
|
||||
return;
|
||||
}
|
||||
|
||||
/** This filter is documented in core/src/wp-includes/default-widgets.php */
|
||||
$title = apply_filters( 'widget_title', $instance['title'] );
|
||||
$page_url = set_url_scheme( $like_args['href'], 'https' );
|
||||
|
||||
$like_args['show_faces'] = (bool) $like_args['show_faces'] ? 'true' : 'false';
|
||||
$like_args['stream'] = (bool) $like_args['stream'] ? 'true' : 'false';
|
||||
$like_args['cover'] = (bool) $like_args['cover'] ? 'false' : 'true';
|
||||
|
||||
echo $before_widget;
|
||||
|
||||
if ( ! empty( $title ) ) :
|
||||
echo $before_title;
|
||||
|
||||
$likebox_widget_title = '<a href="' . esc_url( $page_url ) . '">' . esc_html( $title ) . '</a>';
|
||||
|
||||
/**
|
||||
* Filter Facebook Likebox's widget title.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.3.0
|
||||
*
|
||||
* @param string $likebox_widget_title Likebox Widget title (including a link to the Page URL).
|
||||
* @param string $title Widget title as set in the widget settings.
|
||||
* @param string $page_url Facebook Page URL.
|
||||
*/
|
||||
echo apply_filters( 'jetpack_facebook_likebox_title', $likebox_widget_title, $title, $page_url );
|
||||
|
||||
echo $after_title;
|
||||
endif;
|
||||
|
||||
?>
|
||||
<div id="fb-root"></div>
|
||||
<div class="fb-page" data-href="<?php echo esc_url( $page_url ); ?>" data-width="<?php echo intval( $like_args['width'] ); ?>" data-height="<?php echo intval( $like_args['height'] ); ?>" data-hide-cover="<?php echo esc_attr( $like_args['cover'] ); ?>" data-show-facepile="<?php echo esc_attr( $like_args['show_faces'] ); ?>" data-show-posts="<?php echo esc_attr( $like_args['stream'] ); ?>">
|
||||
<div class="fb-xfbml-parse-ignore"><blockquote cite="<?php echo esc_url( $page_url ); ?>"><a href="<?php echo esc_url( $page_url ); ?>"><?php echo esc_html( $title ); ?></a></blockquote></div>
|
||||
</div>
|
||||
<?php
|
||||
wp_enqueue_script( 'jetpack-facebook-embed' );
|
||||
echo $after_widget;
|
||||
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'facebook-likebox' );
|
||||
}
|
||||
|
||||
function update( $new_instance, $old_instance ) {
|
||||
$instance = array(
|
||||
'title' => '',
|
||||
'like_args' => $this->get_default_args(),
|
||||
);
|
||||
|
||||
$instance['title'] = trim( strip_tags( stripslashes( $new_instance['title'] ) ) );
|
||||
|
||||
// Set up widget values
|
||||
$instance['like_args'] = array(
|
||||
'href' => trim( strip_tags( stripslashes( $new_instance['href'] ) ) ),
|
||||
'width' => (int) $new_instance['width'],
|
||||
'height' => (int) $new_instance['height'],
|
||||
'show_faces' => isset( $new_instance['show_faces'] ),
|
||||
'stream' => isset( $new_instance['stream'] ),
|
||||
'cover' => isset( $new_instance['cover'] ),
|
||||
);
|
||||
|
||||
$instance['like_args'] = $this->normalize_facebook_args( $instance['like_args'] );
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
function form( $instance ) {
|
||||
$instance = wp_parse_args( (array) $instance, array(
|
||||
'title' => '',
|
||||
'like_args' => $this->get_default_args()
|
||||
) );
|
||||
$like_args = $this->normalize_facebook_args( $instance['like_args'] );
|
||||
?>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>">
|
||||
<?php _e( 'Title', 'jetpack' ); ?>
|
||||
<input type="text" name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>" id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>" value="<?php echo esc_attr( $instance['title'] ); ?>" class="widefat" />
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'href' ) ); ?>">
|
||||
<?php _e( 'Facebook Page URL', 'jetpack' ); ?>
|
||||
<input type="text" name="<?php echo esc_attr( $this->get_field_name( 'href' ) ); ?>" id="<?php echo esc_attr( $this->get_field_id( 'href' ) ); ?>" value="<?php echo esc_url( $like_args['href'] ); ?>" class="widefat" />
|
||||
<br />
|
||||
<small><?php _e( 'The widget only works with Facebook Pages.', 'jetpack' ); ?></small>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'width' ) ); ?>">
|
||||
<?php _e( 'Width in pixels', 'jetpack' ); ?>
|
||||
<input type="number" class="smalltext" min="<?php echo esc_attr( $this->min_width ); ?>" max="<?php echo esc_attr( $this->max_width ); ?>" maxlength="3" name="<?php echo esc_attr( $this->get_field_name( 'width' ) ); ?>" id="<?php echo esc_attr( $this->get_field_id( 'width' ) ); ?>" value="<?php echo esc_attr( $like_args['width'] ); ?>" style="text-align: center;" />
|
||||
<small><?php echo sprintf( __( 'Minimum: %s', 'jetpack' ), $this->min_width ); ?> / <?php echo sprintf( __( 'Maximum: %s', 'jetpack' ), $this->max_width ); ?></small>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'height' ) ); ?>">
|
||||
<?php _e( 'Height in pixels', 'jetpack' ); ?>
|
||||
<input type="number" class="smalltext" min="<?php echo esc_attr( $this->min_height ); ?>" max="<?php echo esc_attr( $this->max_height ); ?>" maxlength="3" name="<?php echo esc_attr( $this->get_field_name( 'height' ) ); ?>" id="<?php echo esc_attr( $this->get_field_id( 'height' ) ); ?>" value="<?php echo esc_attr( $like_args['height'] ); ?>" style="text-align: center;" />
|
||||
<small><?php echo sprintf( __( 'Minimum: %s', 'jetpack' ), $this->min_height ); ?> / <?php echo sprintf( __( 'Maximum: %s', 'jetpack' ), $this->max_height ); ?></small>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'show_faces' ) ); ?>">
|
||||
<input type="checkbox" name="<?php echo esc_attr( $this->get_field_name( 'show_faces' ) ); ?>" id="<?php echo esc_attr( $this->get_field_id( 'show_faces' ) ); ?>" <?php checked( $like_args['show_faces'] ); ?> />
|
||||
<?php _e( 'Show Faces', 'jetpack' ); ?>
|
||||
<br />
|
||||
<small><?php _e( 'Show profile photos in the plugin.', 'jetpack' ); ?></small>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'stream' ) ); ?>">
|
||||
<input type="checkbox" name="<?php echo esc_attr( $this->get_field_name( 'stream' ) ); ?>" id="<?php echo esc_attr( $this->get_field_id( 'stream' ) ); ?>" <?php checked( $like_args['stream'] ); ?> />
|
||||
<?php _e( 'Show Stream', 'jetpack' ); ?>
|
||||
<br />
|
||||
<small><?php _e( 'Show Page Posts.', 'jetpack' ); ?></small>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'cover' ) ); ?>">
|
||||
<input type="checkbox" name="<?php echo esc_attr( $this->get_field_name( 'cover' ) ); ?>" id="<?php echo esc_attr( $this->get_field_id( 'cover' ) ); ?>" <?php checked( $like_args['cover'] ); ?> />
|
||||
<?php _e( 'Show Cover Photo', 'jetpack' ); ?>
|
||||
<br />
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
function get_default_args() {
|
||||
$defaults = array(
|
||||
'href' => '',
|
||||
'width' => $this->default_width,
|
||||
'height' => $this->default_height,
|
||||
'show_faces' => 'true',
|
||||
'stream' => '',
|
||||
'cover' => 'true',
|
||||
);
|
||||
|
||||
/**
|
||||
* Filter Facebook Likebox default options.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 1.3.1
|
||||
*
|
||||
* @param array $defaults Array of default options.
|
||||
*/
|
||||
return apply_filters( 'jetpack_facebook_likebox_defaults', $defaults );
|
||||
}
|
||||
|
||||
function normalize_facebook_args( $args ) {
|
||||
$args = wp_parse_args( (array) $args, $this->get_default_args() );
|
||||
|
||||
// Validate the Facebook Page URL
|
||||
if ( $this->is_valid_facebook_url( $args['href'] ) ) {
|
||||
$temp = explode( '?', $args['href'] );
|
||||
$args['href'] = str_replace( array( 'http://facebook.com', 'https://facebook.com' ), array( 'http://www.facebook.com', 'https://www.facebook.com' ), $temp[0] );
|
||||
} else {
|
||||
$args['href'] = '';
|
||||
}
|
||||
|
||||
$args['width'] = $this->normalize_int_value( (int) $args['width'], $this->default_width, $this->max_width, $this->min_width );
|
||||
$args['height'] = $this->normalize_int_value( (int) $args['height'], $this->default_height, $this->max_height, $this->min_height );
|
||||
$args['show_faces'] = (bool) $args['show_faces'];
|
||||
$args['stream'] = (bool) $args['stream'];
|
||||
$args['cover'] = (bool) $args['cover'];
|
||||
|
||||
// The height used to be dependent on other widget settings
|
||||
// If the user changes those settings but doesn't customize the height,
|
||||
// let's intelligently assign a new height.
|
||||
if ( in_array( $args['height'], array( 580, 110, 432 ) ) ) {
|
||||
if ( $args['show_faces'] && $args['stream'] ) {
|
||||
$args['height'] = 580;
|
||||
} else if ( ! $args['show_faces'] && ! $args['stream'] ) {
|
||||
$args['height'] = 130;
|
||||
} else {
|
||||
$args['height'] = 432;
|
||||
}
|
||||
}
|
||||
|
||||
return $args;
|
||||
}
|
||||
|
||||
function is_valid_facebook_url( $url ) {
|
||||
return ( false !== strpos( $url, 'facebook.com' ) ) ? true : false;
|
||||
}
|
||||
|
||||
function normalize_int_value( $value, $default = 0, $max = 0, $min = 0 ) {
|
||||
$value = (int) $value;
|
||||
|
||||
if ( $value > $max ) {
|
||||
$value = $max;
|
||||
} else if ( $value < $min ) {
|
||||
$value = $min;
|
||||
}
|
||||
|
||||
return (int) $value;
|
||||
}
|
||||
|
||||
function normalize_text_value( $value, $default = '', $allowed = array() ) {
|
||||
$allowed = (array) $allowed;
|
||||
|
||||
if ( empty( $value ) || ( ! empty( $allowed ) && ! in_array( $value, $allowed ) ) )
|
||||
$value = $default;
|
||||
|
||||
return $value;
|
||||
}
|
||||
|
||||
/**
|
||||
* @deprecated
|
||||
*/
|
||||
function guess_locale_from_lang( $lang ) {
|
||||
_deprecated_function( __METHOD__, '4.0.0', 'Jetpack::guess_locale_from_lang()' );
|
||||
Jetpack::$instance->guess_locale_from_lang( $lang );
|
||||
}
|
||||
|
||||
/**
|
||||
* @deprecated
|
||||
*/
|
||||
function get_locale() {
|
||||
_deprecated_function( __METHOD__, '4.0.0', 'Jetpack::get_locale()' );
|
||||
Jetpack::$instance->get_locale();
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.widget_facebook_likebox {
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -0,0 +1,218 @@
|
||||
<?php
|
||||
/**
|
||||
* Disable direct access/execution to/of the widget code.
|
||||
*/
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
if ( ! class_exists( 'Jetpack_Flickr_Widget' ) ) {
|
||||
/**
|
||||
* Flickr Widget
|
||||
*
|
||||
* Display your recent Flickr photos.
|
||||
*/
|
||||
class Jetpack_Flickr_Widget extends WP_Widget {
|
||||
/**
|
||||
* Constructor.
|
||||
*/
|
||||
function __construct() {
|
||||
parent::__construct(
|
||||
'flickr',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', esc_html__( 'Flickr', 'jetpack' ) ),
|
||||
array(
|
||||
'description' => esc_html__( 'Display your recent Flickr photos.', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
),
|
||||
array()
|
||||
);
|
||||
|
||||
if ( is_active_widget( false, false, $this->id_base ) || is_customize_preview() ) {
|
||||
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_style' ) );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueue style.
|
||||
*/
|
||||
function enqueue_style() {
|
||||
wp_enqueue_style( 'flickr-widget-style', plugins_url( 'flickr/style.css', __FILE__ ), array(), '20170405' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Return an associative array of default values.
|
||||
*
|
||||
* These values are used in new widgets.
|
||||
*
|
||||
* @return array Default values for the widget options.
|
||||
*/
|
||||
public function defaults() {
|
||||
return array(
|
||||
'title' => esc_html__( 'Flickr Photos', 'jetpack' ),
|
||||
'items' => 4,
|
||||
'flickr_image_size' => 'thumbnail',
|
||||
'flickr_rss_url' => ''
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Front-end display of the widget.
|
||||
*
|
||||
* @param array $args Widget arguments.
|
||||
* @param array $instance Saved values from database.
|
||||
*/
|
||||
public function widget( $args, $instance ) {
|
||||
$instance = wp_parse_args( $instance, $this->defaults() );
|
||||
|
||||
$image_size_string = 'small' == $instance['flickr_image_size'] ? '_m.jpg' : '_t.jpg';
|
||||
|
||||
if ( ! empty( $instance['flickr_rss_url'] ) ) {
|
||||
|
||||
/*
|
||||
* Parse the URL, and rebuild a URL that's sure to display images.
|
||||
* Some Flickr Feeds do not display images by default.
|
||||
*/
|
||||
$flickr_parameters = parse_url( htmlspecialchars_decode( $instance['flickr_rss_url'] ) );
|
||||
|
||||
// Is it a Flickr Feed.
|
||||
if (
|
||||
! empty( $flickr_parameters['host'] )
|
||||
&& ! empty( $flickr_parameters['query'] )
|
||||
&& false !== strpos( $flickr_parameters['host'], 'flickr' )
|
||||
) {
|
||||
parse_str( $flickr_parameters['query'], $vars );
|
||||
|
||||
// Do we have an ID in the feed? Let's continue.
|
||||
if ( isset( $vars['id'] ) ) {
|
||||
|
||||
// Flickr Feeds can be used for groups or for individuals.
|
||||
if (
|
||||
! empty( $flickr_parameters['path'] )
|
||||
&& false !== strpos( $flickr_parameters['path'], 'groups' )
|
||||
) {
|
||||
$feed_url = 'https://api.flickr.com/services/feeds/groups_pool.gne';
|
||||
} else {
|
||||
$feed_url = 'https://api.flickr.com/services/feeds/photos_public.gne';
|
||||
}
|
||||
|
||||
// Build our new RSS feed.
|
||||
$rss_url = sprintf(
|
||||
'%1$s?id=%2$s&format=rss_200_enc',
|
||||
esc_url( $feed_url ),
|
||||
esc_attr( $vars['id'] )
|
||||
);
|
||||
}
|
||||
}
|
||||
} // End if().
|
||||
|
||||
// Still no RSS feed URL? Get a default feed from Flickr to grab interesting photos.
|
||||
if ( empty( $rss_url ) ) {
|
||||
$rss_url = 'https://api.flickr.com/services/feeds/photos_interesting.gne?format=rss_200';
|
||||
}
|
||||
|
||||
$rss = fetch_feed( $rss_url );
|
||||
|
||||
$photos = '';
|
||||
if ( ! is_wp_error( $rss ) ) {
|
||||
foreach ( $rss->get_items( 0, $instance['items'] ) as $photo ) {
|
||||
switch ( $instance['flickr_image_size'] ) {
|
||||
case 'thumbnail':
|
||||
$src = $photo->get_enclosure()->get_thumbnail();
|
||||
break;
|
||||
case 'small':
|
||||
$src = preg_match( '/src="(.*?)"/i', $photo->get_description(), $p );
|
||||
$src = $p[1];
|
||||
break;
|
||||
case 'large':
|
||||
$src = $photo->get_enclosure()->get_link();
|
||||
break;
|
||||
}
|
||||
|
||||
$photos .= '<a href="' . esc_url( $photo->get_permalink(), array( 'http', 'https' ) ) . '">';
|
||||
$photos .= '<img src="' . esc_url( $src, array( 'http', 'https' ) ) . '" ';
|
||||
$photos .= 'alt="' . esc_attr( $photo->get_title() ) . '" ';
|
||||
$photos .= 'title="' . esc_attr( $photo->get_title() ) . '" ';
|
||||
$photos .= ' /></a>';
|
||||
}
|
||||
if ( ! empty( $photos ) && class_exists( 'Jetpack_Photon' ) && Jetpack::is_module_active( 'photon' ) ) {
|
||||
$photos = Jetpack_Photon::filter_the_content( $photos );
|
||||
}
|
||||
|
||||
$flickr_home = $rss->get_link();
|
||||
}
|
||||
|
||||
echo $args['before_widget'];
|
||||
if ( empty( $photos ) ) {
|
||||
if ( current_user_can( 'edit_theme_options' ) ) {
|
||||
printf(
|
||||
'<p>%1$s<br />%2$s</p>',
|
||||
esc_html__( 'There are no photos to display. Make sure your Flickr feed URL is correct, and that your pictures are publicly accessible.', 'jetpack' ),
|
||||
esc_html__( '(Only admins can see this message)', 'jetpack' )
|
||||
);
|
||||
}
|
||||
} else {
|
||||
echo $args['before_title'] . esc_html( $instance['title'] ) . $args['after_title'];
|
||||
require( dirname( __FILE__ ) . '/flickr/widget.php' );
|
||||
}
|
||||
echo $args['after_widget'];
|
||||
/** This action is already documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'flickr' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Back-end widget form.
|
||||
*
|
||||
* @param array $instance Previously saved values from database.
|
||||
*/
|
||||
public function form( $instance ) {
|
||||
$instance = wp_parse_args( $instance, $this->defaults() );
|
||||
require( dirname( __FILE__ ) . '/flickr/form.php' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Sanitize widget form values as they are saved.
|
||||
*
|
||||
* @param array $new_instance Values just sent to be saved.
|
||||
* @param array $old_instance Previously saved values from database.
|
||||
* @return array Updated safe values to be saved.
|
||||
*/
|
||||
public function update( $new_instance, $old_instance ) {
|
||||
$instance = array();
|
||||
$defaults = $this->defaults();
|
||||
|
||||
if ( isset( $new_instance['title'] ) ) {
|
||||
$instance['title'] = wp_kses( $new_instance['title'], array() );
|
||||
}
|
||||
|
||||
if ( isset( $new_instance['items'] ) ) {
|
||||
$instance['items'] = intval( $new_instance['items'] );
|
||||
}
|
||||
|
||||
if (
|
||||
isset( $new_instance['flickr_image_size'] ) &&
|
||||
in_array( $new_instance['flickr_image_size'], array( 'thumbnail', 'small', 'large' ) )
|
||||
) {
|
||||
$instance['flickr_image_size'] = $new_instance['flickr_image_size'];
|
||||
} else {
|
||||
$instance['flickr_image_size'] = 'thumbnail';
|
||||
}
|
||||
|
||||
if ( isset( $new_instance['flickr_rss_url'] ) ) {
|
||||
$instance['flickr_rss_url'] = esc_url( $new_instance['flickr_rss_url'], array( 'http', 'https' ) );
|
||||
|
||||
if ( strlen( $instance['flickr_rss_url'] ) < 10 ) {
|
||||
$instance['flickr_rss_url'] = '';
|
||||
}
|
||||
}
|
||||
|
||||
return $instance;
|
||||
}
|
||||
}
|
||||
|
||||
// Register Jetpack_Flickr_Widget widget.
|
||||
function jetpack_register_flickr_widget() {
|
||||
register_widget( 'Jetpack_Flickr_Widget' );
|
||||
}
|
||||
add_action( 'widgets_init', 'jetpack_register_flickr_widget' );
|
||||
}
|
||||
@@ -0,0 +1,93 @@
|
||||
<p>
|
||||
<label>
|
||||
<?php esc_html_e( 'Title:', 'jetpack' ); ?>
|
||||
</label>
|
||||
<input
|
||||
class="widefat"
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>"
|
||||
type="text"
|
||||
value="<?php echo esc_attr( $instance['title'] ); ?>"
|
||||
/>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label>
|
||||
<?php esc_html_e( 'Flickr RSS URL:', 'jetpack' ); ?>
|
||||
</label>
|
||||
<input
|
||||
class="widefat"
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'flickr_rss_url' ) ); ?>"
|
||||
type="text"
|
||||
value="<?php echo esc_attr( $instance['flickr_rss_url'] ); ?>"
|
||||
/>
|
||||
</p>
|
||||
<p>
|
||||
<small>
|
||||
<?php esc_html_e( 'To find your Flickr RSS URL, go to your photostream, add "?details=1" to the URL, and hit enter. Scroll down until you see the RSS icon or the "Latest" link. Right-click on either options and copy the URL. Paste into the box above.', 'jetpack' ); ?>
|
||||
</small>
|
||||
</p>
|
||||
<p>
|
||||
<small>
|
||||
<?php printf(
|
||||
__( 'Leave the Flickr RSS URL field blank to display <a target="_blank" href="%s">interesting</a> Flickr photos.', 'jetpack' ),
|
||||
'http://www.flickr.com/explore/interesting'
|
||||
); ?>
|
||||
</small>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label>
|
||||
<?php esc_html_e( 'How many photos would you like to display?', 'jetpack' ); ?>
|
||||
</label>
|
||||
<select name="<?php echo esc_attr( $this->get_field_name( 'items' ) ); ?>">
|
||||
<?php for ( $i = 1; $i <= 10; ++$i ) { ?>
|
||||
<option
|
||||
<?php selected( $instance['items'], $i ); ?>
|
||||
value="<?php echo $i; ?>"
|
||||
>
|
||||
<?php echo $i; ?>
|
||||
</option>
|
||||
<?php } ?>
|
||||
</select>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<div>
|
||||
<?php esc_html_e( 'What size photos would you like to display?', 'jetpack' ); ?>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<label>
|
||||
<input
|
||||
<?php checked( $instance['flickr_image_size'], 'thumbnail' ); ?>
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'flickr_image_size' ) ); ?>"
|
||||
type="radio"
|
||||
value="thumbnail"
|
||||
/>
|
||||
<?php esc_html_e( 'Thumbnail', 'jetpack' ); ?>
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input
|
||||
<?php checked( $instance['flickr_image_size'], 'small' ); ?>
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'flickr_image_size' ) ); ?>"
|
||||
type="radio"
|
||||
value="small"
|
||||
/>
|
||||
<?php esc_html_e( 'Medium', 'jetpack' ); ?>
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label>
|
||||
<input
|
||||
<?php checked( $instance['flickr_image_size'], 'large' ); ?>
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'flickr_image_size' ) ); ?>"
|
||||
type="radio"
|
||||
value="large"
|
||||
/>
|
||||
<?php esc_html_e( 'Large', 'jetpack' ); ?>
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
@@ -0,0 +1,16 @@
|
||||
.flickr-images {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.flickr-size-thumbnail .flickr-images {
|
||||
align-content: space-between;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.flickr-images img {
|
||||
max-width: 100%;
|
||||
margin: 5px;
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
<!-- Start of Flickr Widget -->
|
||||
<div class="flickr-wrapper flickr-size-<?php echo esc_attr( $instance['flickr_image_size'] ); ?>">
|
||||
<div class="flickr-images">
|
||||
<?php echo $photos; ?>
|
||||
</div>
|
||||
|
||||
<?php if ( isset( $flickr_home ) ) { ?>
|
||||
<a class="flickr-more" href="<?php echo esc_url( $flickr_home, array( 'http', 'https' ) ); ?>">
|
||||
<?php esc_html_e( 'More Photos', 'jetpack' ); ?>
|
||||
</a>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<!-- End of Flickr Widget -->
|
||||
@@ -0,0 +1,455 @@
|
||||
<?php
|
||||
|
||||
/*
|
||||
Plugin Name: Gallery
|
||||
Description: Gallery widget
|
||||
Author: Automattic Inc.
|
||||
Version: 1.0
|
||||
Author URI: http://automattic.com
|
||||
*/
|
||||
|
||||
class Jetpack_Gallery_Widget extends WP_Widget {
|
||||
const THUMB_SIZE = 45;
|
||||
const DEFAULT_WIDTH = 265;
|
||||
|
||||
protected $_instance_width ;
|
||||
|
||||
public function __construct() {
|
||||
$widget_ops = array(
|
||||
'classname' => 'widget-gallery',
|
||||
'description' => __( 'Display a photo gallery or slideshow', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
);
|
||||
|
||||
add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_admin_scripts' ) );
|
||||
|
||||
parent::__construct(
|
||||
'gallery',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', __( 'Gallery', 'jetpack' ) ),
|
||||
$widget_ops
|
||||
);
|
||||
|
||||
if ( is_customize_preview() ) {
|
||||
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_frontend_scripts' ) );
|
||||
|
||||
if ( class_exists( 'Jetpack_Tiled_Gallery' ) ) {
|
||||
add_action( 'wp_enqueue_scripts', array( 'Jetpack_Tiled_Gallery', 'default_scripts_and_styles' ) );
|
||||
}
|
||||
|
||||
if ( class_exists( 'Jetpack_Slideshow_Shortcode' ) ) {
|
||||
$slideshow = new Jetpack_Slideshow_Shortcode();
|
||||
add_action( 'wp_enqueue_scripts', array( $slideshow, 'enqueue_scripts' ) );
|
||||
}
|
||||
|
||||
if ( class_exists( 'Jetpack_Carousel' ) ) {
|
||||
$carousel = new Jetpack_Carousel();
|
||||
add_action( 'wp_enqueue_scripts', array( $carousel, 'enqueue_assets' ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* @param array $args Display arguments including before_title, after_title, before_widget, and after_widget.
|
||||
* @param array $instance The settings for the particular instance of the widget.
|
||||
*/
|
||||
public function widget( $args, $instance ) {
|
||||
$instance = wp_parse_args( (array) $instance, $this->defaults() );
|
||||
|
||||
$this->enqueue_frontend_scripts();
|
||||
|
||||
extract( $args );
|
||||
|
||||
$instance['attachments'] = $this->get_attachments( $instance );
|
||||
|
||||
$classes = array();
|
||||
|
||||
$classes[] = 'widget-gallery-' . $instance['type'];
|
||||
|
||||
// Due to a bug in the carousel plugin, carousels will be triggered for all tiled galleries that exist on a page
|
||||
// with other tiled galleries, regardless of whether or not the widget was set to Carousel mode. The onClick selector
|
||||
// is simply too broad, since it was not written with widgets in mind. This special class prevents that behavior, via
|
||||
// an override handler in gallery.js
|
||||
if( 'carousel' != $instance['link'] && 'slideshow' != $instance['type'] )
|
||||
$classes[] = 'no-carousel';
|
||||
else
|
||||
$classes[] = 'carousel';
|
||||
|
||||
$classes = implode( ' ', $classes );
|
||||
|
||||
if ( 'carousel' == $instance['link'] ) {
|
||||
require_once plugin_dir_path( realpath( dirname( __FILE__ ) . '/../carousel/jetpack-carousel.php' ) ) . 'jetpack-carousel.php';
|
||||
|
||||
if ( class_exists( 'Jetpack_Carousel' ) ) {
|
||||
// Create new carousel so we can use the enqueue_assets() method. Not ideal, but there is a decent amount
|
||||
// of logic in that method that shouldn't be duplicated.
|
||||
$carousel = new Jetpack_Carousel();
|
||||
|
||||
// First parameter is $output, which comes from filters, and causes bypass of the asset enqueuing. Passing null is correct.
|
||||
$carousel->enqueue_assets( null );
|
||||
}
|
||||
}
|
||||
|
||||
echo $before_widget . "\n";
|
||||
|
||||
/** This filter is documented in core/src/wp-includes/default-widgets.php */
|
||||
$title = apply_filters( 'widget_title', $instance['title'] );
|
||||
|
||||
if ( $title )
|
||||
echo $before_title . esc_html( $title ) . $after_title . "\n";
|
||||
|
||||
echo '<div class="' . esc_attr( $classes ) . '">' . "\n";
|
||||
|
||||
$method = $instance['type'] . '_widget';
|
||||
|
||||
/**
|
||||
* Allow the width of a gallery to be altered by themes or other code.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 2.5.0
|
||||
*
|
||||
* @param int self::DEFAULT_WIDTH Default gallery width. Default is 265.
|
||||
* @param string $args Display arguments including before_title, after_title, before_widget, and after_widget.
|
||||
* @param array $instance The settings for the particular instance of the widget.
|
||||
*/
|
||||
$this->_instance_width = apply_filters( 'gallery_widget_content_width', self::DEFAULT_WIDTH, $args, $instance );
|
||||
|
||||
// Register a filter to modify the tiled_gallery_content_width, so Jetpack_Tiled_Gallery
|
||||
// can appropriately size the tiles.
|
||||
add_filter( 'tiled_gallery_content_width', array( $this, 'tiled_gallery_content_width' ) );
|
||||
|
||||
if ( method_exists( $this, $method ) )
|
||||
echo $this->$method( $args, $instance );
|
||||
|
||||
// Remove the stored $_instance_width, as it is no longer needed
|
||||
$this->_instance_width = null;
|
||||
|
||||
// Remove the filter, so any Jetpack_Tiled_Gallery in a post is not affected
|
||||
remove_filter( 'tiled_gallery_content_width', array( $this, 'tiled_gallery_content_width' ) );
|
||||
|
||||
echo "\n" . '</div>'; // .widget-gallery-$type
|
||||
|
||||
echo "\n" . $after_widget;
|
||||
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'gallery' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Fetch the images attached to the gallery Widget
|
||||
*
|
||||
* @param array $instance The Widget instance for which you'd like attachments
|
||||
* @return array Array of attachment objects for the Widget in $instance
|
||||
*/
|
||||
public function get_attachments( $instance ){
|
||||
$ids = explode( ',', $instance['ids'] );
|
||||
|
||||
if ( isset( $instance['random'] ) && 'on' == $instance['random'] ) {
|
||||
shuffle( $ids );
|
||||
}
|
||||
|
||||
$attachments_query = new WP_Query( array(
|
||||
'post__in' => $ids,
|
||||
'post_status' => 'inherit',
|
||||
'post_type' => 'attachment',
|
||||
'post_mime_type' => 'image',
|
||||
'posts_per_page' => -1,
|
||||
'orderby' => 'post__in',
|
||||
) );
|
||||
|
||||
$attachments = $attachments_query->get_posts();
|
||||
|
||||
wp_reset_postdata();
|
||||
|
||||
return $attachments;
|
||||
}
|
||||
|
||||
/**
|
||||
* Generate HTML for a rectangular, tiled Widget
|
||||
*
|
||||
* @param array $args Display arguments including before_title, after_title, before_widget, and after_widget.
|
||||
* @param array $instance The Widget instance to generate HTML for
|
||||
* @return string String of HTML representing a rectangular gallery
|
||||
*/
|
||||
public function rectangular_widget( $args, $instance ) {
|
||||
if ( ! class_exists( 'Jetpack_Tiled_Gallery' )
|
||||
&& ! class_exists( 'Jetpack_Tiled_Gallery_Layout_Rectangular') ) {
|
||||
return;
|
||||
}
|
||||
|
||||
Jetpack_Tiled_Gallery::default_scripts_and_styles();
|
||||
|
||||
$layout = new Jetpack_Tiled_Gallery_Layout_Rectangular( $instance['attachments'], $instance['link'], false, 3 );
|
||||
return $layout->HTML();
|
||||
}
|
||||
|
||||
/**
|
||||
* Generate HTML for a square (grid style) Widget
|
||||
*
|
||||
* @param array $args Display arguments including before_title, after_title, before_widget, and after_widget.
|
||||
* @param array $instance The Widget instance to generate HTML for
|
||||
* @return string String of HTML representing a square gallery
|
||||
*/
|
||||
public function square_widget( $args, $instance ) {
|
||||
if ( ! class_exists( 'Jetpack_Tiled_Gallery' )
|
||||
&& ! class_exists( 'Jetpack_Tiled_Gallery_Layout_Square') ) {
|
||||
return;
|
||||
}
|
||||
|
||||
Jetpack_Tiled_Gallery::default_scripts_and_styles();
|
||||
|
||||
$layout = new Jetpack_Tiled_Gallery_Layout_Square( $instance['attachments'], $instance['link'], false, 3 );
|
||||
return $layout->HTML();
|
||||
}
|
||||
|
||||
/**
|
||||
* Generate HTML for a circular (grid style) Widget
|
||||
*
|
||||
* @param array $args Display arguments including before_title, after_title, before_widget, and after_widget.
|
||||
* @param array $instance The Widget instance to generate HTML for
|
||||
* @return string String of HTML representing a circular gallery
|
||||
*/
|
||||
public function circle_widget( $args, $instance ) {
|
||||
if ( ! class_exists( 'Jetpack_Tiled_Gallery' )
|
||||
&& ! class_exists( 'Jetpack_Tiled_Gallery_Layout_Circle') ) {
|
||||
return;
|
||||
}
|
||||
|
||||
Jetpack_Tiled_Gallery::default_scripts_and_styles();
|
||||
|
||||
$layout = new Jetpack_Tiled_Gallery_Layout_Circle( $instance['attachments'], $instance['link'], false, 3 );
|
||||
return $layout->HTML();
|
||||
}
|
||||
|
||||
/**
|
||||
* Generate HTML for a slideshow Widget
|
||||
*
|
||||
* @param array $args Display arguments including before_title, after_title, before_widget, and after_widget.
|
||||
* @param array $instance The Widget instance to generate HTML for
|
||||
* @return string String of HTML representing a slideshow gallery
|
||||
*/
|
||||
public function slideshow_widget( $args, $instance ) {
|
||||
global $content_width;
|
||||
|
||||
require_once plugin_dir_path( realpath( dirname( __FILE__ ) . '/../shortcodes/slideshow.php' ) ) . 'slideshow.php';
|
||||
|
||||
if ( ! class_exists( 'Jetpack_Slideshow_Shortcode' ) )
|
||||
return;
|
||||
|
||||
if ( count( $instance['attachments'] ) < 1 )
|
||||
return;
|
||||
|
||||
$slideshow = new Jetpack_Slideshow_Shortcode();
|
||||
|
||||
$slideshow->enqueue_scripts();
|
||||
|
||||
$gallery_instance = "widget-" . $args['widget_id'];
|
||||
|
||||
$gallery = array();
|
||||
|
||||
foreach ( $instance['attachments'] as $attachment ) {
|
||||
$attachment_image_src = wp_get_attachment_image_src( $attachment->ID, 'full' );
|
||||
$attachment_image_src = jetpack_photon_url( $attachment_image_src[0], array( 'w' => $this->_instance_width ) ); // [url, width, height]
|
||||
|
||||
$caption = wptexturize( strip_tags( $attachment->post_excerpt ) );
|
||||
|
||||
$gallery[] = (object) array(
|
||||
'src' => (string) esc_url_raw( $attachment_image_src ),
|
||||
'id' => (string) $attachment->ID,
|
||||
'caption' => (string) $caption,
|
||||
);
|
||||
}
|
||||
|
||||
$max_width = intval( get_option( 'large_size_w' ) );
|
||||
$max_height = 175;
|
||||
|
||||
if ( intval( $content_width ) > 0 )
|
||||
$max_width = min( intval( $content_width ), $max_width );
|
||||
|
||||
$color = Jetpack_Options::get_option( 'slideshow_background_color', 'black' );
|
||||
$autostart = isset( $attr['autostart'] ) ? $attr['autostart'] : true;
|
||||
|
||||
$js_attr = array(
|
||||
'gallery' => $gallery,
|
||||
'selector' => $gallery_instance,
|
||||
'width' => $max_width,
|
||||
'height' => $max_height,
|
||||
'trans' => 'fade',
|
||||
'color' => $color,
|
||||
'autostart' => $autostart,
|
||||
);
|
||||
|
||||
$html = $slideshow->slideshow_js( $js_attr );
|
||||
|
||||
return $html;
|
||||
}
|
||||
|
||||
/**
|
||||
* tiled_gallery_content_width filter
|
||||
*
|
||||
* Used to adjust the content width of Jetpack_Tiled_Gallery's in sidebars
|
||||
*
|
||||
* $this->_instance_width is filtered in widget() and this filter is added then removed in widget()
|
||||
*
|
||||
* @param int $width int The original width value
|
||||
* @return int The filtered width
|
||||
*/
|
||||
public function tiled_gallery_content_width( $width ) {
|
||||
return $this->_instance_width;
|
||||
}
|
||||
|
||||
public function form( $instance ) {
|
||||
$defaults = $this->defaults();
|
||||
$allowed_values = $this->allowed_values();
|
||||
|
||||
$instance = wp_parse_args( (array) $instance, $defaults );
|
||||
|
||||
include dirname( __FILE__ ) . '/gallery/templates/form.php';
|
||||
}
|
||||
|
||||
public function update( $new_instance, $old_instance ) {
|
||||
$instance = $this->sanitize( $new_instance );
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Sanitize the $instance's values to the set of allowed values. If a value is not acceptable,
|
||||
* it is set to its default.
|
||||
*
|
||||
* Helps keep things nice and secure by whitelisting only allowed values
|
||||
*
|
||||
* @param array $instance The Widget instance to sanitize values for
|
||||
* @return array $instance The Widget instance with values sanitized
|
||||
*/
|
||||
public function sanitize( $instance ) {
|
||||
$allowed_values = $this->allowed_values();
|
||||
$defaults = $this->defaults();
|
||||
|
||||
foreach ( $instance as $key => $value ) {
|
||||
$value = trim( $value );
|
||||
|
||||
if ( isset( $allowed_values[ $key ] ) && $allowed_values[ $key ] && ! array_key_exists( $value, $allowed_values[ $key ] ) ) {
|
||||
$instance[ $key ] = $defaults[ $key ];
|
||||
} else {
|
||||
$instance[ $key ] = sanitize_text_field( $value );
|
||||
}
|
||||
}
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Return a multi-dimensional array of allowed values (and their labels) for all widget form
|
||||
* elements
|
||||
*
|
||||
* To allow all values on an input, omit it from the returned array
|
||||
*
|
||||
* @return array Array of allowed values for each option
|
||||
*/
|
||||
public function allowed_values() {
|
||||
$max_columns = 5;
|
||||
|
||||
// Create an associative array of allowed column values. This just automates the generation of
|
||||
// column <option>s, from 1 to $max_columns
|
||||
$allowed_columns = array_combine( range( 1, $max_columns ), range( 1, $max_columns ) );
|
||||
|
||||
return array(
|
||||
'type' => array(
|
||||
'rectangular' => __( 'Tiles', 'jetpack' ),
|
||||
'square' => __( 'Square Tiles', 'jetpack' ),
|
||||
'circle' => __( 'Circles', 'jetpack' ),
|
||||
'slideshow' => __( 'Slideshow', 'jetpack' ),
|
||||
),
|
||||
'columns' => $allowed_columns,
|
||||
'link' => array(
|
||||
'carousel' => __( 'Carousel', 'jetpack' ),
|
||||
'post' => __( 'Attachment Page', 'jetpack' ),
|
||||
'file' => __( 'Media File', 'jetpack' ),
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Return an associative array of default values
|
||||
*
|
||||
* These values are used in new widgets as well as when sanitizing input. If a given value is not allowed,
|
||||
* as defined in allowed_values(), that input is set to the default value defined here.
|
||||
*
|
||||
* @return array Array of default values for the Widget's options
|
||||
*/
|
||||
public function defaults() {
|
||||
return array(
|
||||
'title' => '',
|
||||
'type' => 'rectangular',
|
||||
'ids' => '',
|
||||
'columns' => 3,
|
||||
'link' => 'carousel'
|
||||
);
|
||||
}
|
||||
|
||||
public function enqueue_frontend_scripts() {
|
||||
wp_register_script(
|
||||
'gallery-widget',
|
||||
Jetpack::get_file_url_for_environment(
|
||||
'_inc/build/widgets/gallery/js/gallery.min.js',
|
||||
'modules/widgets/gallery/js/gallery.js'
|
||||
)
|
||||
);
|
||||
|
||||
wp_enqueue_script( 'gallery-widget' );
|
||||
}
|
||||
|
||||
public function enqueue_admin_scripts() {
|
||||
global $pagenow;
|
||||
|
||||
if ( 'widgets.php' == $pagenow || 'customize.php' == $pagenow ) {
|
||||
wp_enqueue_media();
|
||||
|
||||
wp_enqueue_script(
|
||||
'gallery-widget-admin',
|
||||
Jetpack::get_file_url_for_environment(
|
||||
'_inc/build/widgets/gallery/js/admin.min.js',
|
||||
'modules/widgets/gallery/js/admin.js'
|
||||
),
|
||||
array(
|
||||
'media-models',
|
||||
'media-views'
|
||||
),
|
||||
'20150501'
|
||||
);
|
||||
|
||||
$js_settings = array(
|
||||
'thumbSize' => self::THUMB_SIZE
|
||||
);
|
||||
|
||||
wp_localize_script( 'gallery-widget-admin', '_wpGalleryWidgetAdminSettings', $js_settings );
|
||||
wp_enqueue_style( 'gallery-widget-admin', plugins_url( '/gallery/css/admin.css', __FILE__ ) );
|
||||
wp_style_add_data( 'gallery-widget-admin', 'rtl', 'replace' );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
add_action( 'widgets_init', 'jetpack_gallery_widget_init' );
|
||||
|
||||
function jetpack_gallery_widget_init() {
|
||||
/**
|
||||
* Allow the Gallery Widget to be enabled even when Core supports the Media Gallery Widget
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 5.5.0
|
||||
*
|
||||
* @param bool false Whether to force-enable the gallery widget
|
||||
*/
|
||||
if (
|
||||
! apply_filters( 'jetpack_force_enable_gallery_widget', false )
|
||||
&& class_exists( 'WP_Widget_Media_Gallery' )
|
||||
&& Jetpack_Options::get_option( 'gallery_widget_migration' )
|
||||
) {
|
||||
return;
|
||||
}
|
||||
if ( ! method_exists( 'Jetpack', 'is_module_active' ) || Jetpack::is_module_active( 'tiled-gallery' ) )
|
||||
register_widget( 'Jetpack_Gallery_Widget' );
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
/* Do not modify this file directly. It is concatenated from individual module CSS files. */
|
||||
.gallery-widget-thumbs-wrapper {
|
||||
margin: -5px 0 0.3em 0;
|
||||
}
|
||||
|
||||
.gallery-widget-thumbs img {
|
||||
border: 1px solid #ccc;
|
||||
padding: 2px;
|
||||
background-color: #fff;
|
||||
margin: 0 0 5px 5px;
|
||||
float: right;
|
||||
}
|
||||
1
backend/wordpress/wp-content/plugins/jetpack/modules/widgets/gallery/css/admin-rtl.min.css
vendored
Normal file
1
backend/wordpress/wp-content/plugins/jetpack/modules/widgets/gallery/css/admin-rtl.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.gallery-widget-thumbs-wrapper{margin:-5px 0 .3em 0}.gallery-widget-thumbs img{border:1px solid #ccc;padding:2px;background-color:#fff;margin:0 0 5px 5px;float:right}
|
||||
@@ -0,0 +1,11 @@
|
||||
.gallery-widget-thumbs-wrapper {
|
||||
margin: -5px 0 0.3em 0;
|
||||
}
|
||||
|
||||
.gallery-widget-thumbs img {
|
||||
border: 1px solid #ccc;
|
||||
padding: 2px;
|
||||
background-color: #fff;
|
||||
margin: 0 5px 5px 0;
|
||||
float: left;
|
||||
}
|
||||
2
backend/wordpress/wp-content/plugins/jetpack/modules/widgets/gallery/css/admin.min.css
vendored
Normal file
2
backend/wordpress/wp-content/plugins/jetpack/modules/widgets/gallery/css/admin.min.css
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
/* Do not modify this file directly. It is concatenated from individual module CSS files. */
|
||||
.gallery-widget-thumbs-wrapper{margin:-5px 0 .3em 0}.gallery-widget-thumbs img{border:1px solid #ccc;padding:2px;background-color:#fff;margin:0 5px 5px 0;float:left}
|
||||
@@ -0,0 +1,13 @@
|
||||
/* This file was automatically generated on Mar 22 2013 21:33:14 */
|
||||
|
||||
.gallery-widget-thumbs-wrapper {
|
||||
margin: -5px 0 0.3em 0;
|
||||
}
|
||||
|
||||
.gallery-widget-thumbs img {
|
||||
border: 1px solid #ccc;
|
||||
padding: 2px;
|
||||
background-color: #fff;
|
||||
margin: 0 0 5px 5px;
|
||||
float: right;
|
||||
}
|
||||
@@ -0,0 +1,225 @@
|
||||
/* jshint onevar: false, multistr: true */
|
||||
/* global _wpMediaViewsL10n, _wpGalleryWidgetAdminSettings */
|
||||
|
||||
(function($){
|
||||
var $ids;
|
||||
var $thumbs;
|
||||
|
||||
$(function(){
|
||||
$( document.body ) .on( 'click', '.gallery-widget-choose-images', function( event ) {
|
||||
event.preventDefault();
|
||||
|
||||
var widget_form = $( this ).closest( 'form, .form' );
|
||||
|
||||
$ids = widget_form.find( '.gallery-widget-ids' );
|
||||
$thumbs = widget_form.find( '.gallery-widget-thumbs' );
|
||||
|
||||
var idsString = $ids.val();
|
||||
|
||||
var attachments = getAttachments( idsString );
|
||||
|
||||
var selection = null;
|
||||
var editing = false;
|
||||
|
||||
if ( attachments ) {
|
||||
selection = getSelection( attachments );
|
||||
|
||||
editing = true;
|
||||
}
|
||||
|
||||
var options = {
|
||||
state: 'gallery-edit',
|
||||
title: wp.media.view.l10n.addMedia,
|
||||
multiple: true,
|
||||
editing: editing,
|
||||
selection: selection
|
||||
};
|
||||
|
||||
var workflow = getWorkflow( options );
|
||||
|
||||
workflow.open();
|
||||
});
|
||||
|
||||
// Setup an onchange handler to toggle various options when changing style. The different style options
|
||||
// require different form inputs to be presented in the widget; this event will keep the UI in sync
|
||||
// with the selected style
|
||||
$( '.widget-inside' ).on( 'change', '.gallery-widget-style', setupStyleOptions);
|
||||
|
||||
// Setup the Link To options for all forms currently on the page. Does the same as the onChange handler, but
|
||||
// is called once to display the correct form inputs for each widget on the page
|
||||
setupStyleOptions();
|
||||
});
|
||||
|
||||
var media = wp.media,
|
||||
l10n;
|
||||
|
||||
// Link any localized strings.
|
||||
l10n = media.view.l10n = typeof _wpMediaViewsL10n === 'undefined' ? {} : _wpMediaViewsL10n;
|
||||
|
||||
/**
|
||||
* wp.media.view.MediaFrame.GalleryWidget
|
||||
*
|
||||
* This behavior can be very nearly had by setting the workflow's state to 'gallery-edit', but
|
||||
* we cannot use the custom WidgetGalleryEdit controller with it (must overide createStates(),
|
||||
* which is necessary to disable the sidebar gallery settings in the media browser)
|
||||
*/
|
||||
media.view.MediaFrame.GalleryWidget = media.view.MediaFrame.Post.extend({
|
||||
createStates: function() {
|
||||
var options = this.options;
|
||||
|
||||
// `CollectionEdit` and `CollectionAdd` were only introduced in r27214-core,
|
||||
// so they may not be available yet.
|
||||
if ( 'CollectionEdit' in media.controller ) {
|
||||
this.states.add([
|
||||
new media.controller.CollectionEdit({
|
||||
type: 'image',
|
||||
collectionType: 'gallery',
|
||||
title: l10n.editGalleryTitle,
|
||||
SettingsView: media.view.Settings.Gallery,
|
||||
library: options.selection,
|
||||
editing: options.editing,
|
||||
menu: 'gallery'
|
||||
}),
|
||||
new media.controller.CollectionAdd({
|
||||
type: 'image',
|
||||
collectionType: 'gallery',
|
||||
title: l10n.addToGalleryTitle
|
||||
})
|
||||
]);
|
||||
} else {
|
||||
// If `CollectionEdit` is not available, then use the old approach.
|
||||
|
||||
if ( ! ( 'WidgetGalleryEdit' in media.controller ) ) {
|
||||
// Remove the gallery settings sidebar when editing widgets.
|
||||
media.controller.WidgetGalleryEdit = media.controller.GalleryEdit.extend({
|
||||
gallerySettings: function( /*browser*/ ) {
|
||||
return;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
this.states.add([
|
||||
new media.controller.WidgetGalleryEdit({
|
||||
library: options.selection,
|
||||
editing: options.editing,
|
||||
menu: 'gallery'
|
||||
}),
|
||||
new media.controller.GalleryAdd({ })
|
||||
]);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
function setupStyleOptions(){
|
||||
$( '.widget-inside .gallery-widget-style' ).each( function( /*i*/ ){
|
||||
var style = $( this ).val();
|
||||
|
||||
var form = $( this ).parents( 'form' );
|
||||
|
||||
switch ( style ) {
|
||||
case 'slideshow':
|
||||
form.find( '.gallery-widget-link-wrapper' ).hide();
|
||||
form.find( '.gallery-widget-columns-wrapper' ).hide();
|
||||
|
||||
break;
|
||||
|
||||
default:
|
||||
form.find( '.gallery-widget-link-wrapper' ).show();
|
||||
form.find( '.gallery-widget-columns-wrapper' ).show();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Take a given Selection of attachments and a thumbs wrapper div (jQuery object)
|
||||
* and fill it with thumbnails
|
||||
*/
|
||||
function setupThumbs( selection, wrapper ){
|
||||
wrapper.empty();
|
||||
|
||||
var imageSize = _wpGalleryWidgetAdminSettings.thumbSize;
|
||||
|
||||
selection.each( function( model ){
|
||||
var sizedUrl = model.get('url') + '?w=' + imageSize + '&h=' + imageSize + '&crop=true';
|
||||
|
||||
var thumb = jQuery('<img>', { 'src' : sizedUrl, 'alt': model.get('title'), 'title': model.get('title'), 'width': imageSize, 'height': imageSize, 'class': 'thumb' });
|
||||
|
||||
wrapper.append( thumb );
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Take a csv string of ids (as stored in db) and fetch a full Attachments collection
|
||||
*/
|
||||
function getAttachments( idsString ) {
|
||||
if ( ! idsString ) {
|
||||
return null;
|
||||
}
|
||||
|
||||
// Found in /wp-includes/js/media-editor.js
|
||||
var shortcode = wp.shortcode.next( 'gallery', '[gallery ids="' + idsString + '"]' );
|
||||
|
||||
// Ignore the rest of the match object, to give attachments() below what it expects
|
||||
shortcode = shortcode.shortcode;
|
||||
|
||||
var attachments = wp.media.gallery.attachments( shortcode );
|
||||
|
||||
return attachments;
|
||||
}
|
||||
|
||||
/**
|
||||
* Take an Attachments collection and return a corresponding Selection model that can be
|
||||
* passed to a MediaFrame to prepopulate the gallery picker
|
||||
*/
|
||||
function getSelection( attachments ) {
|
||||
var selection = new wp.media.model.Selection( attachments.models, {
|
||||
props: attachments.props.toJSON(),
|
||||
multiple: true
|
||||
});
|
||||
|
||||
selection.gallery = attachments.gallery;
|
||||
|
||||
// Fetch the query's attachments, and then break ties from the
|
||||
// query to allow for sorting.
|
||||
selection.more().done( function() {
|
||||
// Break ties with the query.
|
||||
selection.props.set( { query: false } );
|
||||
selection.unmirror();
|
||||
selection.props.unset( 'orderby' );
|
||||
});
|
||||
|
||||
return selection;
|
||||
}
|
||||
|
||||
/**
|
||||
* Create a media 'workflow' (MediaFrame). This is the main entry point for the media picker
|
||||
*/
|
||||
function getWorkflow( options ) {
|
||||
var workflow = new wp.media.view.MediaFrame.GalleryWidget( options );
|
||||
|
||||
workflow.on( 'update', function( selection ) {
|
||||
var state = workflow.state();
|
||||
|
||||
selection = selection || state.get( 'selection' );
|
||||
|
||||
if ( ! selection ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Map the Models down into a simple array of ids that can be easily imploded to a csv string
|
||||
var ids = selection.map( function( model ){
|
||||
return model.get( 'id' );
|
||||
} );
|
||||
|
||||
var id_string = ids.join( ',' );
|
||||
|
||||
$ids.val( id_string ).trigger( 'change' );
|
||||
|
||||
setupThumbs( selection, $thumbs );
|
||||
}, this );
|
||||
|
||||
workflow.setState( workflow.options.state );
|
||||
|
||||
return workflow;
|
||||
}
|
||||
})(jQuery);
|
||||
@@ -0,0 +1,10 @@
|
||||
(function($){
|
||||
// Fixes a bug with carousels being triggered even when a widget's Link To option is not set to carousel.
|
||||
// Happens when another gallery is loaded on the page, either in a post or separate widget
|
||||
$( 'body' ).on( 'click', '.widget-gallery .no-carousel .tiled-gallery-item a', function( event ){
|
||||
// Have to trigger default, instead of carousel
|
||||
event.stopPropagation();
|
||||
|
||||
return true;
|
||||
});
|
||||
})(jQuery);
|
||||
@@ -0,0 +1,89 @@
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php esc_html_e( 'Title:', 'jetpack' ); ?>
|
||||
<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>"
|
||||
type="text" value="<?php echo esc_attr( $instance['title'] ); ?>" />
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label>
|
||||
<?php esc_html_e( 'Images:', 'jetpack' ); ?>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<div class="gallery-widget-thumbs-wrapper">
|
||||
<div class="gallery-widget-thumbs">
|
||||
<?php
|
||||
|
||||
// Add the thumbnails to the widget box
|
||||
$attachments = $this->get_attachments( $instance );
|
||||
|
||||
foreach( $attachments as $attachment ){
|
||||
$url = add_query_arg( array(
|
||||
'w' => self::THUMB_SIZE,
|
||||
'h' => self::THUMB_SIZE,
|
||||
'crop' => 'true'
|
||||
), wp_get_attachment_url( $attachment->ID ) );
|
||||
|
||||
?>
|
||||
|
||||
<img src="<?php echo esc_url( $url ); ?>" title="<?php echo esc_attr( $attachment->post_title ); ?>" alt="<?php echo esc_attr( $attachment->post_title ); ?>"
|
||||
width="<?php echo self::THUMB_SIZE; ?>" height="<?php echo self::THUMB_SIZE; ?>" class="thumb" />
|
||||
<?php } ?>
|
||||
</div>
|
||||
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
<a class="button gallery-widget-choose-images"><span class="wp-media-buttons-icon"></span> <?php esc_html_e( 'Choose Images', 'jetpack' ); ?></a>
|
||||
</p>
|
||||
|
||||
<p class="gallery-widget-link-wrapper">
|
||||
<label for="<?php echo $this->get_field_id( 'link' ); ?>"><?php esc_html_e( 'Link To:', 'jetpack' ); ?></label>
|
||||
<select name="<?php echo $this->get_field_name( 'link' ); ?>" id="<?php echo $this->get_field_id( 'link' ); ?>" class="widefat">
|
||||
<?php foreach ( $allowed_values['link'] as $key => $label ) {
|
||||
$selected = '';
|
||||
|
||||
if ( $instance['link'] == $key ) {
|
||||
$selected = "selected='selected' ";
|
||||
} ?>
|
||||
|
||||
<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo esc_html( $label, 'jetpack' ); ?></option>
|
||||
<?php } ?>
|
||||
</select>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'random' ); ?>"><?php esc_html_e( 'Random Order:', 'jetpack' ); ?></label>
|
||||
<?php $checked = '';
|
||||
|
||||
if ( isset( $instance['random'] ) && $instance['random'] )
|
||||
$checked = 'checked="checked"';
|
||||
|
||||
?>
|
||||
<input name="<?php echo $this->get_field_name( 'random' ); ?>" id="<?php echo $this->get_field_id( 'random' ); ?>" type="checkbox" <?php echo $checked; ?>>
|
||||
</p>
|
||||
|
||||
<p class="gallery-widget-style-wrapper">
|
||||
<label for="<?php echo $this->get_field_id( 'type' ); ?>"><?php esc_html_e( 'Style:', 'jetpack' ); ?></label>
|
||||
<select name="<?php echo $this->get_field_name( 'type' ); ?>" id="<?php echo $this->get_field_id( 'type' ); ?>" class="widefat gallery-widget-style">
|
||||
<?php foreach ( $allowed_values['type'] as $key => $label ) {
|
||||
$selected = '';
|
||||
|
||||
if ( $instance['type'] == $key ) {
|
||||
$selected = "selected='selected' ";
|
||||
} ?>
|
||||
|
||||
<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo esc_html( $label, 'jetpack' ); ?></option>
|
||||
<?php } ?>
|
||||
</select>
|
||||
</p>
|
||||
|
||||
<?php
|
||||
|
||||
|
||||
?>
|
||||
|
||||
<?php // Hidden input to hold the selected image ids as a csv list ?>
|
||||
<input type="hidden" class="gallery-widget-ids" name="<?php echo $this->get_field_name( 'ids' ); ?>" id="<?php echo $this->get_field_id( 'ids' ); ?>" value="<?php echo esc_attr( $instance['ids'] ); ?>" />
|
||||
@@ -0,0 +1,141 @@
|
||||
<?php
|
||||
/**
|
||||
* Register the widget for use in Appearance -> Widgets
|
||||
*/
|
||||
add_action( 'widgets_init', 'jetpack_goodreads_widget_init' );
|
||||
|
||||
function jetpack_goodreads_widget_init() {
|
||||
register_widget( 'WPCOM_Widget_Goodreads' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Goodreads widget class
|
||||
* Display a user's Goodreads shelf.
|
||||
* Customize user_id, title, and shelf
|
||||
*
|
||||
*/
|
||||
class WPCOM_Widget_Goodreads extends WP_Widget {
|
||||
|
||||
private $goodreads_widget_id = 0;
|
||||
|
||||
function __construct() {
|
||||
parent::__construct(
|
||||
'wpcom-goodreads',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', __( 'Goodreads', 'jetpack' ) ),
|
||||
array(
|
||||
'classname' => 'widget_goodreads',
|
||||
'description' => __( 'Display your books from Goodreads', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
)
|
||||
);
|
||||
// For user input sanitization and display
|
||||
$this->shelves = array(
|
||||
'read' => _x( 'Read', 'past participle: books I have read', 'jetpack' ),
|
||||
'currently-reading' => __( 'Currently Reading', 'jetpack' ),
|
||||
'to-read' => _x( 'To Read', 'my list of books to read', 'jetpack' )
|
||||
);
|
||||
|
||||
if ( is_active_widget( '', '', 'wpcom-goodreads' ) || is_customize_preview() ) {
|
||||
add_action( 'wp_print_styles', array( $this, 'enqueue_style' ) );
|
||||
}
|
||||
}
|
||||
|
||||
function enqueue_style() {
|
||||
wp_enqueue_style( 'goodreads-widget', plugins_url( 'goodreads/css/goodreads.css', __FILE__ ) );
|
||||
wp_style_add_data( 'goodreads-widget', 'rtl', 'replace' );
|
||||
}
|
||||
|
||||
function widget( $args, $instance ) {
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'goodreads' );
|
||||
|
||||
/** This filter is documented in core/src/wp-includes/default-widgets.php */
|
||||
$title = apply_filters( 'widget_title', isset( $instance['title'] ) ? $instance['title'] : '' );
|
||||
|
||||
if ( empty( $instance['user_id'] ) || 'invalid' === $instance['user_id'] ) {
|
||||
if ( current_user_can('edit_theme_options') ) {
|
||||
echo $args['before_widget'];
|
||||
echo '<p>' . sprintf(
|
||||
__( 'You need to enter your numeric user ID for the <a href="%1$s">Goodreads Widget</a> to work correctly. <a href="%2$s" target="_blank">Full instructions</a>.', 'jetpack' ),
|
||||
esc_url( admin_url( 'widgets.php' ) ),
|
||||
'https://support.wordpress.com/widgets/goodreads-widget/#goodreads-user-id'
|
||||
) . '</p>';
|
||||
echo $args['after_widget'];
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if ( !array_key_exists( $instance['shelf'], $this->shelves ) )
|
||||
return;
|
||||
|
||||
$instance['user_id'] = absint( $instance['user_id'] );
|
||||
|
||||
// Set widget ID based on shelf.
|
||||
$this->goodreads_widget_id = $instance['user_id'] . '_' . $instance['shelf'];
|
||||
|
||||
if ( empty( $title ) ) $title = esc_html__( 'Goodreads', 'jetpack' );
|
||||
|
||||
echo $args['before_widget'];
|
||||
echo $args['before_title'] . $title . $args['after_title'];
|
||||
|
||||
$goodreads_url = 'https://www.goodreads.com/review/custom_widget/' . urlencode( $instance['user_id'] ) . '.' . urlencode( $instance['title'] ) . ':%20' . urlencode( $instance['shelf'] ) . '?cover_position=&cover_size=small&num_books=5&order=d&shelf=' . urlencode( $instance['shelf'] ) . '&sort=date_added&widget_bg_transparent=&widget_id=' . esc_attr( $this->goodreads_widget_id ) ;
|
||||
|
||||
echo '<div class="gr_custom_widget" id="gr_custom_widget_' . esc_attr( $this->goodreads_widget_id ). '"></div>' . "\n";
|
||||
echo '<script src="' . esc_url( $goodreads_url ) . '"></script>' . "\n";
|
||||
|
||||
echo $args['after_widget'];
|
||||
}
|
||||
|
||||
function goodreads_user_id_exists( $user_id ) {
|
||||
$url = "https://www.goodreads.com/user/show/$user_id/";
|
||||
$response = wp_remote_head( $url, array( 'httpversion' => '1.1', 'timeout' => 3, 'redirection' => 2 ) );
|
||||
if ( 200 === wp_remote_retrieve_response_code( $response ) ) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function update( $new_instance, $old_instance ) {
|
||||
$instance = $old_instance;
|
||||
|
||||
$instance['user_id'] = trim( wp_kses( stripslashes( $new_instance['user_id'] ), array() ) );
|
||||
if ( ! empty( $instance['user_id'] ) && ( ! isset( $old_instance['user_id'] ) || $instance['user_id'] !== $old_instance['user_id'] ) ) {
|
||||
if ( ! $this->goodreads_user_id_exists( $instance['user_id'] ) ) {
|
||||
$instance['user_id'] = 'invalid';
|
||||
}
|
||||
}
|
||||
$instance['title'] = wp_kses( stripslashes( $new_instance['title'] ), array() );
|
||||
$shelf = wp_kses( stripslashes( $new_instance['shelf'] ), array() );
|
||||
if ( array_key_exists( $shelf, $this->shelves ) )
|
||||
$instance['shelf'] = $shelf;
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
function form( $instance ) {
|
||||
//Defaults
|
||||
$instance = wp_parse_args( (array) $instance, array( 'user_id' => '', 'title' => 'Goodreads', 'shelf' => 'read' ) );
|
||||
|
||||
echo '<p><label for="' . esc_attr( $this->get_field_id( 'title' ) ) . '">' . esc_html__( 'Title:', 'jetpack' ) . '
|
||||
<input class="widefat" id="' . esc_attr( $this->get_field_id( 'title' ) ) . '" name="' . esc_attr( $this->get_field_name( 'title' ) ) . '" type="text" value="' . esc_attr( $instance['title'] ) . '" />
|
||||
</label></p>
|
||||
<p><label for="' . esc_attr( $this->get_field_id( 'user_id' ) ) . '">';
|
||||
printf( __( 'Goodreads numeric user ID <a href="%s" target="_blank">(instructions)</a>:', 'jetpack' ), 'https://en.support.wordpress.com/widgets/goodreads-widget/#goodreads-user-id' );
|
||||
if ( 'invalid' === $instance['user_id'] ) {
|
||||
printf( '<br /><small class="error">%s</small> ', __( 'Invalid User ID, please verify and re-enter your Goodreads numeric user ID.', 'jetpack' ) );
|
||||
$instance['user_id'] = '';
|
||||
}
|
||||
echo '<input class="widefat" id="' . esc_attr( $this->get_field_id( 'user_id' ) ) . '" name="' . esc_attr( $this->get_field_name( 'user_id' ) ) . '" type="text" value="' . esc_attr( $instance['user_id'] ) . '" />
|
||||
</label></p>
|
||||
<p><label for="' . esc_attr( $this->get_field_id( 'shelf' ) ) . '">' . esc_html__( 'Shelf:', 'jetpack' ) . '
|
||||
<select class="widefat" id="' . esc_attr( $this->get_field_id( 'shelf' ) ) . '" name="' . esc_attr( $this->get_field_name( 'shelf' ) ) . '" >';
|
||||
foreach( $this->shelves as $_shelf_value => $_shelf_display ) {
|
||||
echo "\t<option value='" . esc_attr( $_shelf_value ) . "'" . selected( $_shelf_value, $instance['shelf'] ) . ">" . $_shelf_display . "</option>\n";
|
||||
}
|
||||
echo '</select>
|
||||
</label></p>
|
||||
';
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
div[class^="gr_custom_container"] {
|
||||
/* customize your Goodreads widget container here*/
|
||||
border: 1px solid gray;
|
||||
border-radius:10px;
|
||||
padding: 10px 5px 10px 5px;
|
||||
background-color: #FFF;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
div[class^="gr_custom_container"] a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
h2[class^="gr_custom_header"] {
|
||||
/* customize your Goodreads header here*/
|
||||
display: none;
|
||||
}
|
||||
div[class^="gr_custom_each_container"] {
|
||||
/* customize each individual book container here */
|
||||
width: 100%;
|
||||
clear: both;
|
||||
margin-bottom: 10px;
|
||||
overflow: auto;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 1px solid #aaa;
|
||||
}
|
||||
div[class^="gr_custom_book_container"] {
|
||||
/* customize your book covers here */
|
||||
float: right;
|
||||
overflow: hidden;
|
||||
height: 60px;
|
||||
margin-left: 4px;
|
||||
width: 39px;
|
||||
}
|
||||
div[class^="gr_custom_author"] {
|
||||
/* customize your author names here */
|
||||
font-size: 10px;
|
||||
}
|
||||
div[class^="gr_custom_tags"] {
|
||||
/* customize your tags here */
|
||||
font-size: 10px;
|
||||
color: gray;
|
||||
}
|
||||
div[class^="gr_custom_review"] {
|
||||
}
|
||||
div[class^="gr_custom_rating"] {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
/* This file was automatically generated on Nov 19 2013 15:54:57 */
|
||||
|
||||
div[class^="gr_custom_container"] {
|
||||
/* customize your Goodreads widget container here*/
|
||||
border: 1px solid gray;
|
||||
border-radius:10px;
|
||||
padding: 10px 5px 10px 5px;
|
||||
background-color: #FFF;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
div[class^="gr_custom_container"] a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
h2[class^="gr_custom_header"] {
|
||||
/* customize your Goodreads header here*/
|
||||
display: none;
|
||||
}
|
||||
div[class^="gr_custom_each_container"] {
|
||||
/* customize each individual book container here */
|
||||
width: 100%;
|
||||
clear: both;
|
||||
margin-bottom: 10px;
|
||||
overflow: auto;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 1px solid #aaa;
|
||||
}
|
||||
div[class^="gr_custom_book_container"] {
|
||||
/* customize your book covers here */
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
height: 60px;
|
||||
margin-right: 4px;
|
||||
width: 39px;
|
||||
}
|
||||
div[class^="gr_custom_author"] {
|
||||
/* customize your author names here */
|
||||
font-size: 10px;
|
||||
}
|
||||
div[class^="gr_custom_tags"] {
|
||||
/* customize your tags here */
|
||||
font-size: 10px;
|
||||
color: gray;
|
||||
}
|
||||
div[class^="gr_custom_review"] {
|
||||
}
|
||||
div[class^="gr_custom_rating"] {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
(function($) {
|
||||
// For when adding widget via customizer
|
||||
$( document ).on( 'widget-added', function() {
|
||||
toggle_items();
|
||||
});
|
||||
|
||||
$(function(){
|
||||
$( document ).on( 'change', '.googleplus-badge-choose-type', toggle_items )
|
||||
.on( 'widget-updated', toggle_items );
|
||||
|
||||
toggle_items();
|
||||
});
|
||||
|
||||
function toggle_items() {
|
||||
$( '.widget-inside .googleplus-badge-choose-type' ).each( function(){
|
||||
var $widget_form = $( this ).parents( 'form' );
|
||||
|
||||
$widget_form.find( '[class^="googleplus-badge-only-"]' ).parent().hide();
|
||||
$widget_form.find( '.googleplus-badge-only-' + $( this ).val() ).parent().show();
|
||||
});
|
||||
}
|
||||
})(jQuery);
|
||||
@@ -0,0 +1,201 @@
|
||||
<?php
|
||||
/**
|
||||
* Plugin Name: Google Translate Widget for WordPress.com
|
||||
* Plugin URI: http://automattic.com
|
||||
* Description: Add a widget for automatic translation
|
||||
* Author: Artur Piszek
|
||||
* Version: 0.1
|
||||
* Author URI: http://automattic.com
|
||||
* Text Domain: jetpack
|
||||
*/
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
class Jetpack_Google_Translate_Widget extends WP_Widget {
|
||||
static $instance = null;
|
||||
|
||||
/**
|
||||
* Default widget title.
|
||||
*
|
||||
* @var string $default_title
|
||||
*/
|
||||
var $default_title;
|
||||
|
||||
/**
|
||||
* Register widget with WordPress.
|
||||
*/
|
||||
function __construct() {
|
||||
parent::__construct(
|
||||
'google_translate_widget',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', __( 'Google Translate', 'jetpack' ) ),
|
||||
array(
|
||||
'description' => __( 'Provide your readers with the option to translate your site into their preferred language.', 'jetpack' ),
|
||||
'customize_selective_refresh' => true
|
||||
)
|
||||
);
|
||||
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_scripts' ) );
|
||||
|
||||
$this->default_title = esc_html__( 'Translate', 'jetpack' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueue frontend JS scripts.
|
||||
*/
|
||||
public function enqueue_scripts() {
|
||||
wp_register_script(
|
||||
'google-translate-init',
|
||||
Jetpack::get_file_url_for_environment(
|
||||
'_inc/build/widgets/google-translate/google-translate.min.js',
|
||||
'modules/widgets/google-translate/google-translate.js'
|
||||
)
|
||||
);
|
||||
wp_register_script( 'google-translate', '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit', array( 'google-translate-init' ) );
|
||||
// Admin bar is also displayed on top of the site which causes google translate bar to hide beneath.
|
||||
// Overwrite position of body.admin-bar
|
||||
// This is a hack to show google translate bar a bit lower.
|
||||
$lowerTranslateBar = '
|
||||
.admin-bar {
|
||||
position: inherit !important;
|
||||
top: auto !important;
|
||||
}
|
||||
.admin-bar .goog-te-banner-frame {
|
||||
top: 32px !important
|
||||
}
|
||||
@media screen and (max-width: 782px) {
|
||||
.admin-bar .goog-te-banner-frame {
|
||||
top: 46px !important;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
.admin-bar .goog-te-banner-frame {
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
';
|
||||
wp_add_inline_style( 'admin-bar', $lowerTranslateBar );
|
||||
wp_add_inline_style( 'wpcom-admin-bar', $lowerTranslateBar );
|
||||
}
|
||||
|
||||
/**
|
||||
* Display the Widget.
|
||||
*
|
||||
* @see WP_Widget::widget()
|
||||
*
|
||||
* @param array $args Display arguments.
|
||||
* @param array $instance The settings for the particular instance of the widget.
|
||||
*/
|
||||
public function widget( $args, $instance ) {
|
||||
// We never should show more than 1 instance of this.
|
||||
if ( null === self::$instance ) {
|
||||
$instance = wp_parse_args( $instance, array(
|
||||
'title' => $this->default_title,
|
||||
) );
|
||||
|
||||
/**
|
||||
* Filter the layout of the Google Translate Widget.
|
||||
*
|
||||
* 3 different integers are accepted.
|
||||
* 0 for the vertical layout.
|
||||
* 1 for the horizontal layout.
|
||||
* 2 for the dropdown only.
|
||||
*
|
||||
* @see https://translate.google.com/manager/website/
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 5.5.0
|
||||
*
|
||||
* @param string $layout layout of the Google Translate Widget.
|
||||
*/
|
||||
$button_layout = apply_filters( 'jetpack_google_translate_widget_layout', 0 );
|
||||
|
||||
if (
|
||||
! is_int( $button_layout )
|
||||
|| 0 > $button_layout
|
||||
|| 2 < $button_layout
|
||||
) {
|
||||
$button_layout = 0;
|
||||
}
|
||||
|
||||
wp_localize_script(
|
||||
'google-translate-init',
|
||||
'_wp_google_translate_widget',
|
||||
array(
|
||||
'lang' => get_locale(),
|
||||
'layout' => intval( $button_layout ),
|
||||
)
|
||||
);
|
||||
wp_enqueue_script( 'google-translate-init' );
|
||||
wp_enqueue_script( 'google-translate' );
|
||||
|
||||
$title = $instance['title'];
|
||||
|
||||
if ( ! isset( $title ) ) {
|
||||
$title = $this->default_title;
|
||||
}
|
||||
|
||||
/** This filter is documented in wp-includes/widgets/class-wp-widget-pages.php */
|
||||
$title = apply_filters( 'widget_title', $title );
|
||||
|
||||
echo $args['before_widget'];
|
||||
if ( ! empty( $title ) ) {
|
||||
echo $args['before_title'] . esc_html( $title ) . $args['after_title'];
|
||||
}
|
||||
echo '<div id="google_translate_element"></div>';
|
||||
echo $args['after_widget'];
|
||||
self::$instance = $instance;
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'google-translate' );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Widget form in the dashboard.
|
||||
*
|
||||
* @see WP_Widget::form()
|
||||
*
|
||||
* @param array $instance Previously saved values from database.
|
||||
*/
|
||||
public function form( $instance ) {
|
||||
$title = isset( $instance['title'] ) ? $instance['title'] : false;
|
||||
if ( false === $title ) {
|
||||
$title = $this->default_title;
|
||||
}
|
||||
?>
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"><?php esc_html_e( 'Title:', 'jetpack' ); ?></label>
|
||||
<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
|
||||
</p>
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Sanitize widget form values as they are saved.
|
||||
*
|
||||
* @see WP_Widget::update()
|
||||
*
|
||||
* @param array $new_instance Values just sent to be saved.
|
||||
* @param array $old_instance Previously saved values from database.
|
||||
*
|
||||
* @return array $instance Updated safe values to be saved.
|
||||
*/
|
||||
public function update( $new_instance, $old_instance ) {
|
||||
$instance = array();
|
||||
$instance['title'] = wp_kses( $new_instance['title'], array() );
|
||||
if ( $instance['title'] === $this->default_title ) {
|
||||
$instance['title'] = false; // Store as false in case of language change
|
||||
}
|
||||
return $instance;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Register the widget for use in Appearance -> Widgets.
|
||||
*/
|
||||
function jetpack_google_translate_widget_init() {
|
||||
register_widget( 'Jetpack_Google_Translate_Widget' );
|
||||
}
|
||||
add_action( 'widgets_init', 'jetpack_google_translate_widget_init' );
|
||||
@@ -0,0 +1,20 @@
|
||||
/*global google:true*/
|
||||
/*global _wp_google_translate_widget:true*/
|
||||
/*exported googleTranslateElementInit*/
|
||||
function googleTranslateElementInit() {
|
||||
var lang = 'en';
|
||||
var langParam;
|
||||
var langRegex = /[?&#]lang=([a-zA-Z\-_]+)/;
|
||||
if ( typeof _wp_google_translate_widget === 'object' && typeof _wp_google_translate_widget.lang === 'string' ) {
|
||||
lang = _wp_google_translate_widget.lang;
|
||||
}
|
||||
langParam = window.location.href.match( langRegex );
|
||||
if ( langParam ) {
|
||||
window.location.href = window.location.href.replace( langRegex, '' ).replace( /#googtrans\([a-zA-Z\-_|]+\)/, '' ) + '#googtrans(' + lang + '|' + langParam[ 1 ] + ')';
|
||||
}
|
||||
new google.translate.TranslateElement( {
|
||||
pageLanguage: lang,
|
||||
layout: _wp_google_translate_widget.layout,
|
||||
autoDisplay: false
|
||||
}, 'google_translate_element' );
|
||||
}
|
||||
@@ -0,0 +1,321 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* Register the widget for use in Appearance -> Widgets
|
||||
*/
|
||||
add_action( 'widgets_init', 'jetpack_googleplus_badge_init' );
|
||||
|
||||
function jetpack_googleplus_badge_init() {
|
||||
register_widget( 'WPCOM_Widget_GooglePlus_Badge' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Google+ Badge widget class
|
||||
* Display a Google+ Badge as a widget
|
||||
* https://developers.google.com/+/web/badge/
|
||||
*/
|
||||
class WPCOM_Widget_GooglePlus_Badge extends WP_Widget {
|
||||
|
||||
private $default_width = 220;
|
||||
private $max_width = 450;
|
||||
private $min_width_portrait = 180;
|
||||
private $min_width_landscape = 273;
|
||||
private $min_width;
|
||||
private $default_theme = 'light';
|
||||
private $allowed_themes = array( 'light', 'dark' );
|
||||
private $default_layout = 'portrait';
|
||||
private $allowed_layouts = array( 'landscape', 'portrait' );
|
||||
private $default_type = 'person';
|
||||
private $allowed_types = array();
|
||||
|
||||
function __construct() {
|
||||
$this->min_width = min( $this->min_width_portrait, $this->min_width_landscape );
|
||||
$this->allowed_types = array(
|
||||
'person' => __( 'Person Widget', 'jetpack' ),
|
||||
'page' => __( 'Page Widget', 'jetpack' ),
|
||||
'community' => __( 'Community Widget', 'jetpack' ),
|
||||
);
|
||||
|
||||
parent::__construct(
|
||||
'googleplus-badge',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', __( 'Google+ Badge', 'jetpack' ) ),
|
||||
array(
|
||||
'classname' => 'widget_googleplus_badge',
|
||||
'description' => __( 'Display a Google+ Badge to connect visitors to your Google+', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
)
|
||||
);
|
||||
|
||||
add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_admin_scripts' ) );
|
||||
|
||||
if ( is_active_widget( '', '', 'googleplus-badge' ) || is_customize_preview() ) {
|
||||
add_action( 'wp_print_styles', array( $this, 'enqueue_script' ) );
|
||||
add_filter( 'script_loader_tag', array( $this, 'replace_script_tag' ), 10, 2 );
|
||||
}
|
||||
}
|
||||
|
||||
function enqueue_script() {
|
||||
wp_enqueue_script( 'googleplus-widget', 'https://apis.google.com/js/platform.js' );
|
||||
}
|
||||
|
||||
function replace_script_tag( $tag, $handle ) {
|
||||
if ( 'googleplus-widget' !== $handle ) {
|
||||
return $tag;
|
||||
}
|
||||
|
||||
return str_replace( ' src', ' async defer src', $tag );
|
||||
}
|
||||
|
||||
function enqueue_admin_scripts() {
|
||||
global $pagenow;
|
||||
|
||||
if ( 'widgets.php' == $pagenow || 'customize.php' == $pagenow ) {
|
||||
wp_enqueue_script(
|
||||
'googleplus-widget-admin',
|
||||
Jetpack::get_file_url_for_environment(
|
||||
'_inc/build/widgets/google-plus/js/admin.min.js',
|
||||
'modules/widgets/google-plus/js/admin.js'
|
||||
),
|
||||
array( 'jquery' )
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
function widget( $args, $instance ) {
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'googleplus-badge' );
|
||||
|
||||
if ( empty( $instance['href'] ) || ! $this->is_valid_googleplus_url( $instance['href'] ) ) {
|
||||
if ( current_user_can( 'edit_theme_options' ) ) {
|
||||
echo $args['before_widget'];
|
||||
echo '<p>' . sprintf(
|
||||
__( 'It looks like your Google+ URL is incorrectly configured. Please check it in your <a href="%s">widget settings</a>.', 'jetpack' ),
|
||||
admin_url( 'widgets.php' )
|
||||
) . '</p>';
|
||||
echo $args['after_widget'];
|
||||
}
|
||||
echo '<!-- Invalid Google+ URL -->';
|
||||
return;
|
||||
}
|
||||
|
||||
/** This filter is documented in core/src/wp-includes/default-widgets.php */
|
||||
$title = apply_filters( 'widget_title', $instance['title'] );
|
||||
|
||||
echo $args['before_widget'];
|
||||
|
||||
if ( ! empty( $title ) ) {
|
||||
echo $args['before_title'] . esc_html( $title ) . $args['after_title'];
|
||||
}
|
||||
|
||||
switch( $instance['type'] ) {
|
||||
case 'person':
|
||||
case 'page':
|
||||
printf(
|
||||
'<div class="g-%s" data-href="%s" data-layout="%s" data-theme="%s" data-showcoverphoto="%s" data-showtagline="%s" data-width="%s"></div>',
|
||||
$instance['type'],
|
||||
esc_url( $instance['href'] ),
|
||||
esc_attr( $instance['layout'] ),
|
||||
esc_attr( $instance['theme'] ),
|
||||
esc_attr( $instance['show_coverphoto'] ? 'true' : 'false' ),
|
||||
esc_attr( $instance['show_tagline'] ? 'true' : 'false' ),
|
||||
esc_attr( $instance['width'] )
|
||||
);
|
||||
break;
|
||||
case 'community':
|
||||
printf(
|
||||
'<div class="g-%s" data-href="%s" data-layout="%s" data-theme="%s" data-showphoto="%s" data-showowners="%s" data-showtagline="%s" data-width="%s"></div>',
|
||||
$instance['type'],
|
||||
esc_url( $instance['href'] ),
|
||||
esc_attr( $instance['layout'] ),
|
||||
esc_attr( $instance['theme'] ),
|
||||
esc_attr( $instance['show_photo'] ? 'true' : 'false' ),
|
||||
esc_attr( $instance['show_owners'] ? 'true' : 'false' ),
|
||||
esc_attr( $instance['show_tagline'] ? 'true' : 'false' ),
|
||||
esc_attr( $instance['width'] )
|
||||
);
|
||||
break;
|
||||
}
|
||||
|
||||
echo $args['after_widget'];
|
||||
}
|
||||
|
||||
function update( $new_instance, $old_instance ) {
|
||||
$instance = array();
|
||||
|
||||
$instance['title'] = trim( strip_tags( stripslashes( $new_instance['title'] ) ) );
|
||||
|
||||
// Validate the Google+ URL
|
||||
$instance['href'] = trim( strip_tags( stripslashes( $new_instance['href'] ) ) );
|
||||
|
||||
if ( $this->is_valid_googleplus_url( $instance['href'] ) ) {
|
||||
$temp = explode( '?', $instance['href'] );
|
||||
$instance['href'] = str_replace( array( 'http://plus.google.com', 'https://plus.google.com' ), 'https://plus.google.com', $temp[0] );
|
||||
} else {
|
||||
$instance['href'] = '';
|
||||
}
|
||||
|
||||
$instance['theme'] = $this->filter_text( $new_instance['theme'], $this->default_theme, $this->allowed_themes );
|
||||
$instance['layout'] = $this->filter_text( $new_instance['layout'], $this->default_layout, $this->allowed_layouts );
|
||||
|
||||
switch( $instance['layout'] ) {
|
||||
case 'portrait':
|
||||
$instance['width'] = filter_var( $new_instance['width'], FILTER_VALIDATE_INT, array( 'options' => array(
|
||||
'min_range' => $this->min_width_portrait,
|
||||
'max_range' => $this->max_width,
|
||||
'default' => $this->default_width,
|
||||
) ) );
|
||||
break;
|
||||
case 'landscape':
|
||||
$instance['width'] = filter_var( $new_instance['width'], FILTER_VALIDATE_INT, array( 'options' => array(
|
||||
'min_range' => $this->min_width_landscape,
|
||||
'max_range' => $this->max_width,
|
||||
'default' => $this->default_width,
|
||||
) ) );
|
||||
break;
|
||||
}
|
||||
|
||||
if ( array_key_exists( $new_instance['type'], $this->allowed_types ) ) {
|
||||
$instance['type'] = $new_instance['type'];
|
||||
} else {
|
||||
$instance['type'] = $this->default_type;
|
||||
}
|
||||
|
||||
switch( $instance['type'] ) {
|
||||
case 'person':
|
||||
case 'page':
|
||||
$instance['show_coverphoto'] = isset( $new_instance['show_coverphoto'] );
|
||||
break;
|
||||
case 'community':
|
||||
$instance['show_photo'] = isset( $new_instance['show_photo'] );
|
||||
$instance['show_owners'] = isset( $new_instance['show_owners'] );
|
||||
break;
|
||||
}
|
||||
|
||||
$instance['show_tagline'] = isset( $new_instance['show_tagline'] );
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
function form( $instance ) {
|
||||
$defaults = array(
|
||||
'title' => '',
|
||||
'href' => '',
|
||||
'width' => $this->default_width,
|
||||
'layout' => $this->default_layout,
|
||||
'theme' => $this->default_theme,
|
||||
'show_coverphoto' => true,
|
||||
'show_photo' => true,
|
||||
'show_owners' => false,
|
||||
'show_tagline' => true,
|
||||
'type' => $this->default_type,
|
||||
);
|
||||
|
||||
$instance = wp_parse_args( $instance, $defaults );
|
||||
?>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'title' ); ?>">
|
||||
<?php _e( 'Title', 'jetpack' ); ?>
|
||||
<input type="text" name="<?php echo $this->get_field_name( 'title' ); ?>" id="<?php echo $this->get_field_id( 'title' ); ?>" value="<?php echo esc_attr( $instance['title'] ); ?>" class="widefat" />
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'type' ); ?>">
|
||||
<?php _e( 'Type of Widget', 'jetpack' ); ?>
|
||||
<select name="<?php echo $this->get_field_name( 'type' ); ?>" id="<?php echo $this->get_field_id( 'type' ); ?>" class="widefat googleplus-badge-choose-type">
|
||||
<?php
|
||||
foreach( $this->allowed_types as $type_value => $type_display ) {
|
||||
printf(
|
||||
'<option value="%s"%s>%s</option>',
|
||||
esc_attr( $type_value ),
|
||||
selected( $type_value, $instance['type'], false ),
|
||||
esc_attr( $type_display )
|
||||
);
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'href' ); ?>">
|
||||
<?php _e( 'Google+ URL', 'jetpack' ); ?>
|
||||
<input type="text" name="<?php echo $this->get_field_name( 'href' ); ?>" id="<?php echo $this->get_field_id( 'href' ); ?>" value="<?php echo esc_url( $instance['href'] ); ?>" class="widefat" />
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'width' ); ?>">
|
||||
<?php _e( 'Width', 'jetpack' ); ?>
|
||||
<input type="number" class="smalltext" min="<?php echo esc_attr( $this->min_width ); ?>" max="<?php echo esc_attr( $this->max_width ); ?>" maxlength="3" name="<?php echo $this->get_field_name( 'width' ); ?>" id="<?php echo $this->get_field_id( 'width' ); ?>" value="<?php echo esc_attr( $instance['width'] ); ?>" style="text-align: center;" />px
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'layout' ); ?>">
|
||||
<?php _e( 'Layout', 'jetpack' ); ?>
|
||||
<select name="<?php echo $this->get_field_name( 'layout' ); ?>" id="<?php echo $this->get_field_id( 'layout' ); ?>">
|
||||
<option value="landscape" <?php selected( $instance['layout'], 'landscape' ); ?>><?php _e( 'Landscape', 'jetpack' ); ?></option>
|
||||
<option value="portrait" <?php selected( $instance['layout'], 'portrait' ); ?>><?php _e( 'Portrait', 'jetpack' ); ?></option>
|
||||
</select>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'theme' ); ?>">
|
||||
<?php _e( 'Theme', 'jetpack' ); ?>
|
||||
<select name="<?php echo $this->get_field_name( 'theme' ); ?>" id="<?php echo $this->get_field_id( 'theme' ); ?>">
|
||||
<option value="light" <?php selected( $instance['theme'], 'light' ); ?>><?php _e( 'Light', 'jetpack' ); ?></option>
|
||||
<option value="dark" <?php selected( $instance['theme'], 'dark' ); ?>><?php _e( 'Dark', 'jetpack' ); ?></option>
|
||||
</select>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'show_coverphoto' ); ?>">
|
||||
<input type="checkbox" name="<?php echo $this->get_field_name( 'show_coverphoto' ); ?>" id="<?php echo $this->get_field_id( 'show_coverphoto' ); ?>" <?php checked( $instance['show_coverphoto'] ); ?> class="googleplus-badge-only-person googleplus-badge-only-page" />
|
||||
<?php _e( 'Show Cover Photo', 'jetpack' ); ?>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'show_photo' ); ?>">
|
||||
<input type="checkbox" name="<?php echo $this->get_field_name( 'show_photo' ); ?>" id="<?php echo $this->get_field_id( 'show_photo' ); ?>" <?php checked( $instance['show_photo'] ); ?> class="googleplus-badge-only-community" />
|
||||
<?php _e( 'Show Photo', 'jetpack' ); ?>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'show_owners' ); ?>">
|
||||
<input type="checkbox" name="<?php echo $this->get_field_name( 'show_owners' ); ?>" id="<?php echo $this->get_field_id( 'show_owners' ); ?>" <?php checked( $instance['show_owners'] ); ?> class="googleplus-badge-only-community" />
|
||||
<?php _e( 'Show Owners', 'jetpack' ); ?>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'show_tagline' ); ?>">
|
||||
<input type="checkbox" name="<?php echo $this->get_field_name( 'show_tagline' ); ?>" id="<?php echo $this->get_field_id( 'show_tagline' ); ?>" <?php checked( $instance['show_tagline'] ); ?> />
|
||||
<?php _e( 'Show Tag Line', 'jetpack' ); ?>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
function is_valid_googleplus_url( $url ) {
|
||||
return ( FALSE !== strpos( $url, 'plus.google.com' ) ) ? TRUE : FALSE;
|
||||
}
|
||||
|
||||
function filter_text( $value, $default = '', $allowed = array() ) {
|
||||
$allowed = (array) $allowed;
|
||||
|
||||
if ( empty( $value ) || ( ! empty( $allowed ) && ! in_array( $value, $allowed ) ) )
|
||||
$value = $default;
|
||||
|
||||
return $value;
|
||||
}
|
||||
}
|
||||
|
||||
// END
|
||||
@@ -0,0 +1,46 @@
|
||||
.widget-grofile {
|
||||
}
|
||||
.widget-grofile h4 {
|
||||
margin: 1em 0 .5em;
|
||||
}
|
||||
.widget-grofile ul.grofile-urls {
|
||||
margin-left: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.widget-grofile ul.grofile-accounts li {
|
||||
list-style: none;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.widget-grofile ul.grofile-accounts li::before {
|
||||
content: "" !important; /* Kubrick :( */
|
||||
}
|
||||
.widget-grofile .grofile-accounts-logo {
|
||||
background-image: url('https://secure.gravatar.com/images/grav-share-sprite.png');
|
||||
background-repeat: no-repeat;
|
||||
/*background-position: -16px -16px;*/
|
||||
width: 16px; /* So we don't show the topmost logo */
|
||||
height: 16px; /* So we don't show the topmost logo */
|
||||
float: left;
|
||||
margin-right: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.rtl .widget-grofile .grofile-accounts-logo {
|
||||
margin-left: 8px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.grofile-thumbnail {
|
||||
width: 500px;
|
||||
max-width: 100%;
|
||||
}
|
||||
@media
|
||||
only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min--moz-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.widget-grofile .grofile-accounts-logo {
|
||||
background-image: url('https://secure.gravatar.com/images/grav-share-sprite-2x.png');
|
||||
background-size: 16px 784px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,409 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* Register the widget for use in Appearance -> Widgets
|
||||
*/
|
||||
add_action( 'widgets_init', 'jetpack_gravatar_profile_widget_init' );
|
||||
|
||||
function jetpack_gravatar_profile_widget_init() {
|
||||
register_widget( 'Jetpack_Gravatar_Profile_Widget' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Display a widgetized version of your Gravatar Profile
|
||||
* http://blog.gravatar.com/2010/03/26/gravatar-profiles/
|
||||
*/
|
||||
class Jetpack_Gravatar_Profile_Widget extends WP_Widget {
|
||||
|
||||
function __construct() {
|
||||
parent::__construct(
|
||||
'grofile',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', __( 'Gravatar Profile', 'jetpack' ) ),
|
||||
array(
|
||||
'classname' => 'widget-grofile grofile',
|
||||
'description' => __( 'Display a mini version of your Gravatar Profile', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
)
|
||||
);
|
||||
|
||||
if ( is_admin() ) {
|
||||
add_action( 'admin_footer-widgets.php', array( $this, 'admin_script' ) );
|
||||
}
|
||||
|
||||
if ( is_customize_preview() ) {
|
||||
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_scripts' ) );
|
||||
}
|
||||
}
|
||||
|
||||
function widget( $args, $instance ) {
|
||||
/**
|
||||
* Fires when an item is displayed on the front end.
|
||||
*
|
||||
* Can be used to track stats about the number of displays for a specific item
|
||||
*
|
||||
* @module widgets, shortcodes
|
||||
*
|
||||
* @since 1.6.0
|
||||
*
|
||||
* @param string widget_view Item type (e.g. widget, or embed).
|
||||
* @param string grofile Item description (e.g. grofile, goodreads).
|
||||
*/
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'grofile' );
|
||||
|
||||
$instance = wp_parse_args( $instance, array(
|
||||
'title' => '',
|
||||
'email' => ''
|
||||
) );
|
||||
|
||||
/** This filter is documented in core/src/wp-includes/default-widgets.php */
|
||||
$title = apply_filters( 'widget_title', $instance['title'] );
|
||||
|
||||
if ( !$instance['email'] ) {
|
||||
if ( current_user_can( 'edit_theme_options' ) ) {
|
||||
echo $args['before_widget'];
|
||||
if ( ! empty( $title ) )
|
||||
echo $args['before_title'] . $title . $args['after_title'];
|
||||
echo '<p>' . sprintf( __( 'You need to select what to show in this <a href="%s">Gravatar Profile widget</a>.', 'jetpack' ), admin_url( 'widgets.php' ) ) . '</p>';
|
||||
echo $args['after_widget'];
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
echo $args['before_widget'];
|
||||
if ( ! empty( $title ) )
|
||||
echo $args['before_title'] . $title . $args['after_title'];
|
||||
|
||||
$profile = $this->get_profile( $instance['email'] );
|
||||
|
||||
if( ! empty( $profile ) ) {
|
||||
$profile = wp_parse_args( $profile, array(
|
||||
'thumbnailUrl' => '',
|
||||
'profileUrl' => '',
|
||||
'displayName' => '',
|
||||
'aboutMe' => '',
|
||||
'urls' => array(),
|
||||
'accounts' => array(),
|
||||
) );
|
||||
$gravatar_url = add_query_arg( 's', 320, $profile['thumbnailUrl'] ); // the default grav returned by grofiles is super small
|
||||
|
||||
// Enqueue front end assets.
|
||||
$this->enqueue_scripts();
|
||||
|
||||
?>
|
||||
<img src="<?php echo esc_url( $gravatar_url ); ?>" class="grofile-thumbnail no-grav" alt="<?php echo esc_attr( $profile['displayName'] ); ?>" />
|
||||
<div class="grofile-meta">
|
||||
<h4><a href="<?php echo esc_url( $profile['profileUrl'] ); ?>"><?php echo esc_html( $profile['displayName'] ); ?></a></h4>
|
||||
<p><?php echo wp_kses_post( $profile['aboutMe'] ); ?></p>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
|
||||
if( $instance['show_personal_links'] )
|
||||
$this->display_personal_links( (array) $profile['urls'] );
|
||||
|
||||
if( $instance['show_account_links'] )
|
||||
$this->display_accounts( (array) $profile['accounts'] );
|
||||
|
||||
?>
|
||||
|
||||
<p><a href="<?php echo esc_url( $profile['profileUrl'] ); ?>" class="grofile-full-link">
|
||||
<?php echo esc_html(
|
||||
/**
|
||||
* Filter the Gravatar Profile widget's profile link title.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 2.8.0
|
||||
*
|
||||
* @param string $str Profile link title.
|
||||
*/
|
||||
apply_filters(
|
||||
'jetpack_gravatar_full_profile_title',
|
||||
__( 'View Full Profile →', 'jetpack' )
|
||||
)
|
||||
); ?>
|
||||
</a></p>
|
||||
|
||||
<?php
|
||||
} else {
|
||||
if ( current_user_can( 'edit_theme_options' ) ) {
|
||||
echo '<p>' . esc_html__( 'Error loading profile', 'jetpack' ) . '</p>';
|
||||
}
|
||||
}
|
||||
|
||||
echo $args['after_widget'];
|
||||
}
|
||||
|
||||
function display_personal_links( $personal_links = array() ) {
|
||||
if ( empty( $personal_links ) )
|
||||
return;
|
||||
?>
|
||||
|
||||
<h4><?php echo esc_html(
|
||||
apply_filters(
|
||||
/**
|
||||
* Filter the Gravatar Profile widget's "Personal Links" section title.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 2.8.0
|
||||
*
|
||||
* @param string $str "Personal Links" section title.
|
||||
*/
|
||||
'jetpack_gravatar_personal_links_title',
|
||||
__( 'Personal Links', 'jetpack' )
|
||||
)
|
||||
); ?></h4>
|
||||
<ul class="grofile-urls grofile-links">
|
||||
|
||||
<?php foreach( $personal_links as $personal_link ) : ?>
|
||||
<li>
|
||||
<a href="<?php echo esc_url( $personal_link['value'] ); ?>">
|
||||
<?php
|
||||
$link_title = ( ! empty( $personal_link['title'] ) ) ? $personal_link['title'] : $personal_link['value'];
|
||||
echo esc_html( $link_title );
|
||||
?>
|
||||
</a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
function display_accounts( $accounts = array() ) {
|
||||
if ( empty( $accounts ) )
|
||||
return;
|
||||
?>
|
||||
|
||||
<h4><?php echo esc_html(
|
||||
/**
|
||||
* Filter the Gravatar Profile widget's "Verified Services" section title.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 2.8.0
|
||||
*
|
||||
* @param string $str "Verified Services" section title.
|
||||
*/
|
||||
apply_filters(
|
||||
'jetpack_gravatar_verified_services_title',
|
||||
__( 'Verified Services', 'jetpack' )
|
||||
)
|
||||
); ?></h4>
|
||||
<ul class="grofile-urls grofile-accounts">
|
||||
|
||||
<?php foreach( $accounts as $account ) :
|
||||
if( $account['verified'] != 'true' )
|
||||
continue;
|
||||
|
||||
$sanitized_service_name = $this->get_sanitized_service_name( $account['shortname'] );
|
||||
?>
|
||||
|
||||
<li>
|
||||
<a href="<?php echo esc_url( $account['url'] ); ?>" title="<?php echo sprintf( _x( '%1$s on %2$s', '1: User Name, 2: Service Name (Facebook, Twitter, ...)', 'jetpack' ), esc_html( $account['display'] ), esc_html( $sanitized_service_name ) ); ?>">
|
||||
<span class="grofile-accounts-logo grofile-accounts-<?php echo esc_attr( $account['shortname'] ); ?> accounts_<?php echo esc_attr( $account['shortname'] ); ?>"></span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueue CSS and JavaScript.
|
||||
*
|
||||
* @since 4.0.0
|
||||
*/
|
||||
function enqueue_scripts() {
|
||||
wp_enqueue_style(
|
||||
'gravatar-profile-widget',
|
||||
plugins_url( 'gravatar-profile.css', __FILE__ ),
|
||||
array(),
|
||||
'20120711'
|
||||
);
|
||||
|
||||
wp_enqueue_style(
|
||||
'gravatar-card-services',
|
||||
'https://secure.gravatar.com/css/services.css',
|
||||
array(),
|
||||
defined( 'GROFILES__CACHE_BUSTER' ) ? GROFILES__CACHE_BUSTER : gmdate( 'YW' )
|
||||
);
|
||||
}
|
||||
|
||||
function form( $instance ) {
|
||||
$title = isset( $instance['title'] ) ? $instance['title'] : '';
|
||||
$email = isset( $instance['email'] ) ? $instance['email'] : '';
|
||||
$email_user = isset( $instance['email_user'] ) ? $instance['email_user'] : get_current_user_id();
|
||||
$show_personal_links = isset( $instance['show_personal_links'] ) ? (bool) $instance['show_personal_links'] : '';
|
||||
$show_account_links = isset( $instance['show_account_links'] ) ? (bool) $instance['show_account_links'] : '';
|
||||
$profile_url = 'https://gravatar.com/profile/edit';
|
||||
|
||||
if ( defined( 'IS_WPCOM' ) && IS_WPCOM ) {
|
||||
$profile_url = admin_url( 'profile.php' );
|
||||
|
||||
if ( isset( $_REQUEST['calypso'] ) ) {
|
||||
$profile_url = 'https://wordpress.com/me';
|
||||
}
|
||||
}
|
||||
?>
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'title' ); ?>">
|
||||
<?php esc_html_e( 'Title', 'jetpack' ); ?> <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'email_user' ); ?>">
|
||||
<?php esc_html_e( 'Select a user or pick "custom" and enter a custom email address.', 'jetpack' ); ?>
|
||||
<br />
|
||||
|
||||
<?php wp_dropdown_users( array(
|
||||
'show_option_none' => __( 'Custom', 'jetpack' ),
|
||||
'selected' => $email_user,
|
||||
'name' => $this->get_field_name( 'email_user' ),
|
||||
'id' => $this->get_field_id( 'email_user' ),
|
||||
'class' => 'gravatar-profile-user-select',
|
||||
) );?>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p class="gprofile-email-container <?php echo empty( $email_user ) || $email_user == -1 ? '' : 'hidden'; ?>">
|
||||
<label for="<?php echo $this->get_field_id( 'email' ); ?>"><?php esc_html_e( 'Custom Email Address', 'jetpack' ); ?>
|
||||
<input class="widefat" id="<?php echo $this->get_field_id('email'); ?>" name="<?php echo $this->get_field_name( 'email' ); ?>" type="text" value="<?php echo esc_attr( $email ); ?>" />
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'show_personal_links' ); ?>">
|
||||
<input type="checkbox" name="<?php echo $this->get_field_name( 'show_personal_links' ); ?>" id="<?php echo $this->get_field_id( 'show_personal_links' ); ?>" <?php checked( $show_personal_links ); ?> />
|
||||
<?php esc_html_e( 'Show Personal Links', 'jetpack' ); ?>
|
||||
<br />
|
||||
<small><?php esc_html_e( 'Links to your websites, blogs, or any other sites that help describe who you are.', 'jetpack' ); ?></small>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'show_account_links' ); ?>">
|
||||
<input type="checkbox" name="<?php echo $this->get_field_name( 'show_account_links' ); ?>" id="<?php echo $this->get_field_id( 'show_account_links' ); ?>" <?php checked( $show_account_links ); ?> />
|
||||
<?php esc_html_e( 'Show Account Links', 'jetpack' ); ?>
|
||||
<br />
|
||||
<small><?php esc_html_e( 'Links to services that you use across the web.', 'jetpack' ); ?></small>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p><a href="<?php echo esc_url( $profile_url ); ?>" target="_blank" title="<?php esc_attr_e( 'Opens in new window', 'jetpack' ); ?>"><?php esc_html_e( 'Edit Your Profile', 'jetpack' )?></a> | <a href="https://gravatar.com" target="_blank" title="<?php esc_attr_e( 'Opens in new window', 'jetpack' ); ?>"><?php esc_html_e( "What's a Gravatar?", 'jetpack' ); ?></a></p>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
function admin_script() {
|
||||
?>
|
||||
<script>
|
||||
jQuery( function( $ ) {
|
||||
$( '.wrap' ).on( 'change', '.gravatar-profile-user-select', function() {
|
||||
var $input = $(this).closest('.widget-inside').find('.gprofile-email-container');
|
||||
if ( '-1' === this.value.toLowerCase() ) {
|
||||
$input.show();
|
||||
} else {
|
||||
$input.hide();
|
||||
}
|
||||
});
|
||||
} );
|
||||
</script>
|
||||
<?php
|
||||
}
|
||||
|
||||
function update( $new_instance, $old_instance ) {
|
||||
|
||||
$instance = array();
|
||||
|
||||
$instance['title'] = isset( $new_instance['title'] ) ? wp_kses( $new_instance['title'], array() ) : '';
|
||||
$instance['email'] = isset( $new_instance['email'] ) ? wp_kses( $new_instance['email'], array() ) : '';
|
||||
$instance['email_user'] = isset( $new_instance['email_user'] ) ? intval( $new_instance['email_user'] ) : -1;
|
||||
$instance['show_personal_links'] = isset( $new_instance['show_personal_links'] ) ? (bool) $new_instance['show_personal_links'] : false;
|
||||
$instance['show_account_links'] = isset( $new_instance['show_account_links'] ) ? (bool) $new_instance['show_account_links'] : false;
|
||||
|
||||
if ( $instance['email_user'] > 0 ) {
|
||||
$user = get_userdata( $instance['email_user'] );
|
||||
$instance['email'] = $user->user_email;
|
||||
}
|
||||
|
||||
$hashed_email = md5( strtolower( trim( $instance['email'] ) ) );
|
||||
$cache_key = 'grofile-' . $hashed_email;
|
||||
delete_transient( $cache_key );
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
private function get_profile( $email ) {
|
||||
$hashed_email = md5( strtolower( trim( $email ) ) );
|
||||
$cache_key = 'grofile-' . $hashed_email;
|
||||
|
||||
if( ! $profile = get_transient( $cache_key ) ) {
|
||||
$profile_url = sprintf(
|
||||
'https://secure.gravatar.com/%s.json',
|
||||
$hashed_email
|
||||
);
|
||||
|
||||
$expire = 300;
|
||||
$response = wp_remote_get(
|
||||
esc_url_raw( $profile_url ),
|
||||
array( 'User-Agent' => 'WordPress.com Gravatar Profile Widget' )
|
||||
);
|
||||
$response_code = wp_remote_retrieve_response_code( $response );
|
||||
if ( 200 == $response_code ) {
|
||||
$profile = wp_remote_retrieve_body( $response );
|
||||
$profile = json_decode( $profile, true );
|
||||
|
||||
if ( is_array( $profile ) && ! empty( $profile['entry'] ) && is_array( $profile['entry'] ) ) {
|
||||
$expire = 900; // cache for 15 minutes
|
||||
$profile = $profile['entry'][0];
|
||||
} else {
|
||||
// Something strange happened. Cache for 5 minutes.
|
||||
$profile = array();
|
||||
}
|
||||
|
||||
} else {
|
||||
$expire = 900; // cache for 15 minutes
|
||||
$profile = array();
|
||||
}
|
||||
|
||||
set_transient( $cache_key, $profile, $expire );
|
||||
}
|
||||
return $profile;
|
||||
}
|
||||
|
||||
private function get_sanitized_service_name( $shortname ) {
|
||||
// Some services have stylized or mixed cap names *cough* WP *cough*
|
||||
switch( $shortname ) {
|
||||
case 'friendfeed':
|
||||
return 'FriendFeed';
|
||||
case 'linkedin':
|
||||
return 'LinkedIn';
|
||||
case 'yahoo':
|
||||
return 'Yahoo!';
|
||||
case 'youtube':
|
||||
return 'YouTube';
|
||||
case 'wordpress':
|
||||
return 'WordPress';
|
||||
case 'tripit':
|
||||
return 'TripIt';
|
||||
case 'myspace':
|
||||
return 'MySpace';
|
||||
case 'foursquare':
|
||||
return 'foursquare';
|
||||
case 'google':
|
||||
return 'Google+';
|
||||
default:
|
||||
// Others don't
|
||||
$shortname = ucwords( $shortname );
|
||||
}
|
||||
return $shortname;
|
||||
}
|
||||
}
|
||||
|
||||
// END
|
||||
@@ -0,0 +1,258 @@
|
||||
<?php
|
||||
/**
|
||||
* Module Name: Image Widget
|
||||
* Module Description: Easily add images to your theme's sidebar.
|
||||
* Sort Order: 20
|
||||
* First Introduced: 1.2
|
||||
*/
|
||||
|
||||
/**
|
||||
* Register the widget for use in Appearance -> Widgets
|
||||
*/
|
||||
add_action( 'widgets_init', 'jetpack_image_widget_init', 11 );
|
||||
function jetpack_image_widget_init() {
|
||||
if ( class_exists( 'WP_Widget_Media_Image' ) && Jetpack_Options::get_option( 'image_widget_migration' ) ) {
|
||||
return;
|
||||
}
|
||||
register_widget( 'Jetpack_Image_Widget' );
|
||||
}
|
||||
|
||||
class Jetpack_Image_Widget extends WP_Widget {
|
||||
/**
|
||||
* Register widget with WordPress.
|
||||
*/
|
||||
public function __construct() {
|
||||
parent::__construct(
|
||||
'image',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', esc_html__( 'Image', 'jetpack' ) ),
|
||||
array(
|
||||
'classname' => 'widget_image',
|
||||
'description' => __( 'Display an image in your sidebar', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
)
|
||||
);
|
||||
|
||||
if ( is_active_widget( false, false, $this->id_base ) || is_active_widget( false, false, 'monster' ) || is_customize_preview() ) {
|
||||
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_style' ) );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Loads file for front-end widget style.
|
||||
*
|
||||
* @uses wp_enqueue_style(), plugins_url()
|
||||
*/
|
||||
public function enqueue_style() {
|
||||
wp_enqueue_style( 'jetpack_image_widget', plugins_url( 'image-widget/style.css', __FILE__ ), array(), '20140808' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Front-end display of widget.
|
||||
*
|
||||
* @see WP_Widget::widget()
|
||||
*
|
||||
* @param array $args Widget arguments.
|
||||
* @param array $instance Saved values from database.
|
||||
*/
|
||||
public function widget( $args, $instance ) {
|
||||
echo $args['before_widget'];
|
||||
|
||||
$instance = wp_parse_args( $instance, array(
|
||||
'title' => '',
|
||||
'img_url' => ''
|
||||
) );
|
||||
|
||||
/** This filter is documented in core/src/wp-includes/default-widgets.php */
|
||||
$title = apply_filters( 'widget_title', $instance['title'] );
|
||||
|
||||
if ( $title ) {
|
||||
echo $args['before_title'] . esc_html( $title ) . $args['after_title'];
|
||||
}
|
||||
|
||||
if ( '' != $instance['img_url'] ) {
|
||||
|
||||
$output = '<img src="' . esc_url( $instance['img_url'] ) . '" ';
|
||||
|
||||
if ( '' != $instance['alt_text'] ) {
|
||||
$output .= 'alt="' . esc_attr( $instance['alt_text'] ) .'" ';
|
||||
}
|
||||
if ( '' != $instance['img_title'] ) {
|
||||
$output .= 'title="' . esc_attr( $instance['img_title'] ) .'" ';
|
||||
}
|
||||
if ( '' == $instance['caption'] ) {
|
||||
$output .= 'class="align' . esc_attr( $instance['align'] ) . '" ';
|
||||
}
|
||||
if ( '' != $instance['img_width'] ) {
|
||||
$output .= 'width="' . esc_attr( $instance['img_width'] ) .'" ';
|
||||
}
|
||||
if ( '' != $instance['img_height'] ) {
|
||||
$output .= 'height="' . esc_attr( $instance['img_height'] ) .'" ';
|
||||
}
|
||||
$output .= '/>';
|
||||
|
||||
if ( class_exists( 'Jetpack_Photon' ) && Jetpack::is_module_active( 'photon' ) ) {
|
||||
$output = Jetpack_Photon::filter_the_content( $output );
|
||||
}
|
||||
|
||||
if ( '' != $instance['link'] ) {
|
||||
$target = ! empty( $instance['link_target_blank'] )
|
||||
? 'target="_blank"'
|
||||
: '';
|
||||
$output = '<a ' . $target . ' href="' . esc_url( $instance['link'] ) . '">' . $output . '</a>';
|
||||
}
|
||||
if ( '' != $instance['caption'] ) {
|
||||
/** This filter is documented in core/src/wp-includes/default-widgets.php */
|
||||
$caption = apply_filters( 'widget_text', $instance['caption'] );
|
||||
$img_width = ( ! empty( $instance['img_width'] ) ? 'style="width: ' . esc_attr( $instance['img_width'] ) .'px"' : '' );
|
||||
$output = '<figure ' . $img_width .' class="wp-caption align' . esc_attr( $instance['align'] ) . '">
|
||||
' . $output . '
|
||||
<figcaption class="wp-caption-text">' . $caption . '</figcaption>
|
||||
</figure>'; // wp_kses_post caption on update
|
||||
}
|
||||
echo '<div class="jetpack-image-container">' . do_shortcode( $output ) . '</div>';
|
||||
} else {
|
||||
if ( current_user_can( 'edit_theme_options' ) ) {
|
||||
echo '<p>' . sprintf( __( 'Image missing or invalid URL. Please check the Image widget URL in your <a href="%s">widget settings</a>.', 'jetpack' ), admin_url( 'widgets.php' ) ) . '</p>';
|
||||
}
|
||||
}
|
||||
|
||||
echo "\n" . $args['after_widget'];
|
||||
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'image' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Sanitize widget form values as they are saved.
|
||||
*
|
||||
* @see WP_Widget::update()
|
||||
*
|
||||
* @param array $new_instance Values just sent to be saved.
|
||||
* @param array $old_instance Previously saved values from database.
|
||||
*
|
||||
* @return array Updated safe values to be saved.
|
||||
*/
|
||||
public function update( $new_instance, $old_instance ) {
|
||||
$allowed_caption_html = array(
|
||||
'a' => array(
|
||||
'href' => array(),
|
||||
'title' => array(),
|
||||
),
|
||||
'b' => array(),
|
||||
'em' => array(),
|
||||
'i' => array(),
|
||||
'p' => array(),
|
||||
'strong' => array()
|
||||
);
|
||||
|
||||
$instance = $old_instance;
|
||||
|
||||
$instance['title'] = strip_tags( $new_instance['title'] );
|
||||
$instance['img_url'] = esc_url( trim( $new_instance['img_url'] ) );
|
||||
$instance['alt_text'] = strip_tags( $new_instance['alt_text'] );
|
||||
$instance['img_title'] = strip_tags( $new_instance['img_title'] );
|
||||
$instance['caption'] = wp_kses( stripslashes($new_instance['caption'] ), $allowed_caption_html );
|
||||
$instance['align'] = $new_instance['align'];
|
||||
$instance['link'] = esc_url( trim( $new_instance['link'] ) );
|
||||
$instance['link_target_blank'] = isset( $new_instance['link_target_blank'] ) ? (bool) $new_instance['link_target_blank'] : false;
|
||||
|
||||
$new_img_width = absint( $new_instance['img_width'] );
|
||||
$new_img_height = absint( $new_instance['img_height'] );
|
||||
|
||||
if ( ! empty( $instance['img_url'] ) && '' == $new_img_width && '' == $new_img_height ) {
|
||||
// Download the url to a local temp file and then process it with getimagesize so we can optimize browser layout
|
||||
$tmp_file = download_url( $instance['img_url'], 10 );
|
||||
if ( ! is_wp_error( $tmp_file ) ) {
|
||||
$size = getimagesize( $tmp_file );
|
||||
|
||||
$width = $size[0];
|
||||
$instance['img_width'] = absint( $width );
|
||||
|
||||
$height = $size[1];
|
||||
$instance['img_height'] = absint( $height );
|
||||
|
||||
unlink( $tmp_file );
|
||||
} else {
|
||||
$instance['img_width'] = $new_img_width;
|
||||
$instance['img_height'] = $new_img_height;
|
||||
}
|
||||
} else {
|
||||
$instance['img_width'] = $new_img_width;
|
||||
$instance['img_height'] = $new_img_height;
|
||||
}
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Back end widget form.
|
||||
*
|
||||
* @see WP_Widget::form()
|
||||
*
|
||||
* @param array $instance Previously saved values from database.
|
||||
*/
|
||||
public function form( $instance ) {
|
||||
// Defaults
|
||||
$instance = wp_parse_args( (array) $instance, array( 'title' => '', 'img_url' => '', 'alt_text' => '', 'img_title' => '', 'caption' => '', 'align' => 'none', 'img_width' => '', 'img_height' => '', 'link' => '', 'link_target_blank' => false ) );
|
||||
|
||||
$title = esc_attr( $instance['title'] );
|
||||
$img_url = esc_url( $instance['img_url'], null, 'display' );
|
||||
$alt_text = esc_attr( $instance['alt_text'] );
|
||||
$img_title = esc_attr( $instance['img_title'] );
|
||||
$caption = esc_textarea( $instance['caption'] );
|
||||
$align = esc_attr( $instance['align'] );
|
||||
$img_width = esc_attr( $instance['img_width'] );
|
||||
$img_height = esc_attr( $instance['img_height'] );
|
||||
$link_target_blank = checked( $instance['link_target_blank'], true, false );
|
||||
|
||||
$link = esc_url( $instance['link'], null, 'display' );
|
||||
|
||||
echo '<p><label for="' . $this->get_field_id( 'title' ) . '">' . esc_html__( 'Widget title:', 'jetpack' ) . '
|
||||
<input class="widefat" id="' . $this->get_field_id( 'title' ) . '" name="' . $this->get_field_name( 'title' ) . '" type="text" value="' . $title . '" />
|
||||
</label></p>
|
||||
<p><label for="' . $this->get_field_id( 'img_url' ) . '">' . esc_html__( 'Image URL:', 'jetpack' ) . '
|
||||
<input class="widefat" id="' . $this->get_field_id( 'img_url' ) . '" name="' . $this->get_field_name( 'img_url' ) . '" type="text" value="' . $img_url . '" />
|
||||
</label></p>
|
||||
<p><label for="' . $this->get_field_id( 'alt_text' ) . '">' . esc_html__( 'Alternate text:', 'jetpack' ) . ' <a href="http://support.wordpress.com/widgets/image-widget/#image-widget-alt-text" target="_blank">( ? )</a>
|
||||
<input class="widefat" id="' . $this->get_field_id( 'alt_text' ) . '" name="' . $this->get_field_name( 'alt_text' ) . '" type="text" value="' . $alt_text . '" />
|
||||
</label></p>
|
||||
<p><label for="' . $this->get_field_id( 'img_title' ) . '">' . esc_html__( 'Image title:', 'jetpack' ) . ' <a href="http://support.wordpress.com/widgets/image-widget/#image-widget-title" target="_blank">( ? )</a>
|
||||
<input class="widefat" id="' . $this->get_field_id( 'img_title' ) . '" name="' . $this->get_field_name( 'img_title' ) . '" type="text" value="' . $img_title . '" />
|
||||
</label></p>
|
||||
<p><label for="' . $this->get_field_id( 'caption' ) . '">' . esc_html__( 'Caption:', 'jetpack' ) . ' <a href="http://support.wordpress.com/widgets/image-widget/#image-widget-caption" target="_blank">( ? )</a>
|
||||
<textarea class="widefat" id="' . $this->get_field_id( 'caption' ) . '" name="' . $this->get_field_name( 'caption' ) . '" rows="2" cols="20">' . $caption . '</textarea>
|
||||
</label></p>';
|
||||
|
||||
$alignments = array(
|
||||
'none' => __( 'None', 'jetpack' ),
|
||||
'left' => __( 'Left', 'jetpack' ),
|
||||
'center' => __( 'Center', 'jetpack' ),
|
||||
'right' => __( 'Right', 'jetpack' ),
|
||||
);
|
||||
echo '<p><label for="' . $this->get_field_id( 'align' ) . '">' . esc_html__( 'Image Alignment:', 'jetpack' ) . '
|
||||
<select id="' . $this->get_field_id( 'align' ) . '" name="' . $this->get_field_name( 'align' ) . '">';
|
||||
foreach ( $alignments as $alignment => $alignment_name ) {
|
||||
echo '<option value="' . esc_attr( $alignment ) . '" ';
|
||||
if ( $alignment == $align )
|
||||
echo 'selected="selected" ';
|
||||
echo '>' . esc_html($alignment_name) . "</option>\n";
|
||||
}
|
||||
echo '</select></label></p>';
|
||||
|
||||
echo '<p><label for="' . $this->get_field_id( 'img_width' ) . '">' . esc_html__( 'Width in pixels:', 'jetpack' ) . '
|
||||
<input size="3" id="' . $this->get_field_id( 'img_width' ) . '" name="' . $this->get_field_name( 'img_width' ) . '" type="text" value="' . $img_width . '" />
|
||||
</label>
|
||||
<label for="' . $this->get_field_id( 'img_height' ) . '">' . esc_html__( 'Height in pixels:', 'jetpack' ) . '
|
||||
<input size="3" id="' . $this->get_field_id( 'img_height' ) . '" name="' . $this->get_field_name( 'img_height' ) . '" type="text" value="' . $img_height . '" />
|
||||
</label><br />
|
||||
<small>' . esc_html__( "If empty, we will attempt to determine the image size.", 'jetpack' ) . '</small></p>
|
||||
<p><label for="' . $this->get_field_id( 'link' ) . '">' . esc_html__( 'Link URL (when the image is clicked):', 'jetpack' ) . '
|
||||
<input class="widefat" id="' . $this->get_field_id( 'link' ) . '" name="' . $this->get_field_name( 'link' ) . '" type="text" value="' . $link . '" />
|
||||
</label>
|
||||
<label for="' . $this->get_field_id( 'link_target_blank' ) . '">
|
||||
<input type="checkbox" name="' . $this->get_field_name( 'link_target_blank' ) . '" id="' . $this->get_field_id( 'link_target_blank' ) . '" value="1"' . $link_target_blank . '/>
|
||||
' . esc_html__( 'Open link in a new window/tab', 'jetpack' ) . '
|
||||
</label></p>';
|
||||
}
|
||||
} // Class Jetpack_Image_Widget
|
||||
@@ -0,0 +1,13 @@
|
||||
/*
|
||||
* Image Widget styles for Jetpack
|
||||
*/
|
||||
|
||||
/* Clear floats */
|
||||
.jetpack-image-container:after {
|
||||
clear: both;
|
||||
}
|
||||
.jetpack-image-container:before,
|
||||
.jetpack-image-container:after {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
@@ -0,0 +1,153 @@
|
||||
<?php
|
||||
|
||||
class Jetpack_Internet_Defense_League_Widget extends WP_Widget {
|
||||
|
||||
public $defaults = array();
|
||||
|
||||
public $variant;
|
||||
public $variants = array();
|
||||
|
||||
public $campaign;
|
||||
public $campaigns = array();
|
||||
public $no_current = true;
|
||||
|
||||
public $badge;
|
||||
public $badges = array();
|
||||
|
||||
function __construct() {
|
||||
parent::__construct(
|
||||
'internet_defense_league_widget',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', esc_html__( 'Internet Defense League', 'jetpack' ) ),
|
||||
array(
|
||||
'description' => esc_html__( 'Show your support for the Internet Defense League.', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
)
|
||||
);
|
||||
|
||||
// When enabling campaigns other than 'none' or empty, change $no_current to false above.
|
||||
$this->campaigns = array(
|
||||
'' => esc_html__( 'All current and future campaigns', 'jetpack' ),
|
||||
'none' => esc_html__( 'None, just display the badge please', 'jetpack' ),
|
||||
);
|
||||
|
||||
$this->variants = array(
|
||||
'banner' => esc_html__( 'Banner at the top of my site', 'jetpack' ),
|
||||
'modal' => esc_html__( 'Modal (Overlay Box)', 'jetpack' ),
|
||||
);
|
||||
|
||||
$this->badges = array(
|
||||
'shield_badge' => esc_html__( 'Shield Badge', 'jetpack' ),
|
||||
'super_badge' => esc_html__( 'Super Badge', 'jetpack' ),
|
||||
'side_bar_badge' => esc_html__( 'Red Cat Badge', 'jetpack' ),
|
||||
);
|
||||
|
||||
if ( $this->no_current === false ) {
|
||||
$this->badges['none'] = esc_html__( 'Don\'t display a badge (just the campaign)', 'jetpack' );
|
||||
}
|
||||
|
||||
$this->defaults = array(
|
||||
'campaign' => key( $this->campaigns ),
|
||||
'variant' => key( $this->variants ),
|
||||
'badge' => key( $this->badges ),
|
||||
);
|
||||
}
|
||||
|
||||
public function widget( $args, $instance ) {
|
||||
$instance = wp_parse_args( $instance, $this->defaults );
|
||||
|
||||
if ( 'none' != $instance['badge'] ) {
|
||||
if ( ! isset( $this->badges[ $instance['badge'] ] ) ) {
|
||||
$instance['badge'] = $this->defaults['badge'];
|
||||
}
|
||||
$badge_url = esc_url( 'https://internetdefenseleague.org/images/badges/final/' . $instance['badge'] . '.png' );
|
||||
$photon_badge_url = jetpack_photon_url( $badge_url );
|
||||
$alt_text = esc_html__( 'Member of The Internet Defense League', 'jetpack' );
|
||||
echo $args['before_widget'];
|
||||
echo '<p><a href="https://internetdefenseleague.org/"><img src="' . $photon_badge_url . '" alt="' . $alt_text .'" style="max-width: 100%; height: auto;" /></a></p>';
|
||||
echo $args['after_widget'];
|
||||
}
|
||||
|
||||
if ( 'none' != $instance['campaign'] ) {
|
||||
$this->campaign = $instance['campaign'];
|
||||
$this->variant = $instance['variant'];
|
||||
add_action( 'wp_footer', array( $this, 'footer_script' ) );
|
||||
}
|
||||
|
||||
/** This action is already documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'internet_defense_league' );
|
||||
}
|
||||
|
||||
public function footer_script() {
|
||||
if ( ! isset( $this->campaigns[ $this->campaign ] ) ) {
|
||||
$this->campaign = $this->defaults['campaign'];
|
||||
}
|
||||
|
||||
if ( ! isset( $this->variants[ $this->variant ] ) ) {
|
||||
$this->variant = $this->defaults['variant'];
|
||||
}
|
||||
?>
|
||||
<script type="text/javascript">
|
||||
window._idl = {};
|
||||
_idl.campaign = "<?php echo esc_js( $this->campaign ); ?>";
|
||||
_idl.variant = "<?php echo esc_js( $this->variant ); ?>";
|
||||
(function() {
|
||||
var idl = document.createElement('script');
|
||||
idl.type = 'text/javascript';
|
||||
idl.async = true;
|
||||
idl.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'members.internetdefenseleague.org/include/?url=' + (_idl.url || '') + '&campaign=' + (_idl.campaign || '') + '&variant=' + (_idl.variant || 'banner');
|
||||
document.getElementsByTagName('body')[0].appendChild(idl);
|
||||
})();
|
||||
</script>
|
||||
<?php
|
||||
}
|
||||
|
||||
public function form( $instance ) {
|
||||
$instance = wp_parse_args( $instance, $this->defaults );
|
||||
|
||||
// Hide first two form fields if no current campaigns.
|
||||
if ( false === $this->no_current ) {
|
||||
echo '<p><label>';
|
||||
echo esc_html__( 'Which Internet Defense League campaign do you want to participate in?', 'jetpack' ) . '<br />';
|
||||
$this->select( 'campaign', $this->campaigns, $instance['campaign'] );
|
||||
echo '</label></p>';
|
||||
|
||||
echo '<p><label>';
|
||||
echo esc_html__( 'How do you want to promote the campaign?', 'jetpack' ) . '<br />';
|
||||
$this->select( 'variant', $this->variants, $instance['variant'] );
|
||||
echo '</label></p>';
|
||||
}
|
||||
|
||||
echo '<p><label>';
|
||||
echo esc_html__( 'Which badge would you like to display?', 'jetpack' ) . '<br />';
|
||||
$this->select( 'badge', $this->badges, $instance['badge'] );
|
||||
echo '</label></p>';
|
||||
|
||||
/* translators: %s is a name of an internet campaign called the "Internet Defense League" */
|
||||
echo '<p>' . sprintf( _x( 'Learn more about the %s', 'the Internet Defense League', 'jetpack' ), '<a href="https://www.internetdefenseleague.org/">Internet Defense League</a>' ) . '</p>';
|
||||
}
|
||||
|
||||
public function select( $field_name, $options, $default = null ) {
|
||||
echo '<select class="widefat" name="' . $this->get_field_name( $field_name ) . '">';
|
||||
foreach ( $options as $option_slug => $option_name ) {
|
||||
echo '<option value="' . esc_attr( $option_slug ) . '"' . selected( $option_slug, $default, false ) . '>' . esc_html( $option_name ) . '</option>';
|
||||
}
|
||||
echo '</select>';
|
||||
}
|
||||
|
||||
public function update( $new_instance, $old_instance ) {
|
||||
$instance = array();
|
||||
|
||||
$instance['campaign'] = ( isset( $new_instance['campaign'] ) && isset( $this->campaigns[ $new_instance['campaign'] ] ) ) ? $new_instance['campaign'] : $this->defaults['campaign'];
|
||||
$instance['variant'] = ( isset( $new_instance['variant'] ) && isset( $this->variants[ $new_instance['variant'] ] ) ) ? $new_instance['variant'] : $this->defaults['variant'];
|
||||
$instance['badge'] = ( isset( $new_instance['badge'] ) && isset( $this->badges[ $new_instance['badge'] ] ) ) ? $new_instance['badge'] : $this->defaults['badge'];
|
||||
|
||||
return $instance;
|
||||
}
|
||||
}
|
||||
|
||||
function jetpack_internet_defense_league_init() {
|
||||
register_widget( 'Jetpack_Internet_Defense_League_Widget' );
|
||||
}
|
||||
|
||||
add_action( 'widgets_init', 'jetpack_internet_defense_league_init' );
|
||||
@@ -0,0 +1,103 @@
|
||||
<?php
|
||||
|
||||
if ( ! class_exists( 'Jetpack_MailChimp_Subscriber_Popup_Widget' ) ) {
|
||||
|
||||
if ( ! class_exists( 'MailChimp_Subscriber_Popup' ) ) {
|
||||
include_once JETPACK__PLUGIN_DIR . 'modules/shortcodes/mailchimp.php';
|
||||
}
|
||||
|
||||
//register MailChimp Subscriber Popup widget
|
||||
function jetpack_mailchimp_subscriber_popup_widget_init() {
|
||||
register_widget( 'Jetpack_MailChimp_Subscriber_Popup_Widget' );
|
||||
}
|
||||
|
||||
add_action( 'widgets_init', 'jetpack_mailchimp_subscriber_popup_widget_init' );
|
||||
|
||||
/**
|
||||
* Add a MailChimp subscription form.
|
||||
*/
|
||||
class Jetpack_MailChimp_Subscriber_Popup_Widget extends WP_Widget {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*/
|
||||
function __construct() {
|
||||
parent::__construct(
|
||||
'widget_mailchimp_subscriber_popup',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', __( 'MailChimp Subscriber Popup', 'jetpack' ) ),
|
||||
array(
|
||||
'classname' => 'widget_mailchimp_subscriber_popup',
|
||||
'description' => __( 'Allows displaying a popup subscription form to visitors.', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Outputs the HTML for this widget.
|
||||
*
|
||||
* @param array $args An array of standard parameters for widgets in this theme
|
||||
* @param array $instance An array of settings for this widget instance
|
||||
*
|
||||
* @return void Echoes it's output
|
||||
**/
|
||||
function widget( $args, $instance ) {
|
||||
$instance = wp_parse_args( $instance, array( 'code' => '' ) );
|
||||
|
||||
// Regular expresion that will match maichimp shortcode.
|
||||
$regex = "(\[mailchimp_subscriber_popup[^\]]+\])";
|
||||
|
||||
// Check if the shortcode exists.
|
||||
preg_match( $regex, $instance['code'], $matches );
|
||||
|
||||
// Process the shortcode only, if exists.
|
||||
if ( ! empty( $matches[0] ) ) {
|
||||
echo do_shortcode( $matches[0] );
|
||||
}
|
||||
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'mailchimp_subscriber_popup' );
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Deals with the settings when they are saved by the admin.
|
||||
*
|
||||
* @param array $new_instance New configuration values
|
||||
* @param array $old_instance Old configuration values
|
||||
*
|
||||
* @return array
|
||||
*/
|
||||
function update( $new_instance, $old_instance ) {
|
||||
$instance = array();
|
||||
$instance['code'] = MailChimp_Subscriber_Popup::reversal( $new_instance['code'] );
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Displays the form for this widget on the Widgets page of the WP Admin area.
|
||||
*
|
||||
* @param array $instance Instance configuration.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
function form( $instance ) {
|
||||
$instance = wp_parse_args( $instance, array( 'code' => '' ) );
|
||||
?>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'code' ) ); ?>">
|
||||
<?php printf( __( 'Code: <a href="%s" target="_blank">( ? )</a>', 'jetpack' ), 'https://en.support.wordpress.com/mailchimp/' ); ?>
|
||||
</label>
|
||||
<textarea class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'code' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'code' ) ); ?>" rows="3"><?php echo esc_textarea( $instance['code'] ); ?></textarea>
|
||||
</p>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,198 @@
|
||||
<?php
|
||||
/**
|
||||
* Migration from Jetpack's Gallery Widget to WordPress' Core Gallery Widget.
|
||||
*
|
||||
* @since 5.5
|
||||
*
|
||||
* @package Jetpack
|
||||
*/
|
||||
/**
|
||||
* Migrates all active instances of Jetpack's Gallery widget to Core's Media Gallery widget.
|
||||
*/
|
||||
function jetpack_migrate_gallery_widget() {
|
||||
// Only trigger the migration from wp-admin and outside unit tests
|
||||
if ( ! is_admin() || defined( 'PHPUNIT_JETPACK_TESTSUITE' ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Only migrate if the new widget is available and we haven't yet migrated
|
||||
if ( ! class_exists( 'WP_Widget_Media_Gallery' ) || Jetpack_Options::get_option( 'gallery_widget_migration' ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
$old_widgets = get_option( 'widget_gallery', array() );
|
||||
$media_gallery = get_option( 'widget_media_gallery', array() );
|
||||
$sidebars_widgets = wp_get_sidebars_widgets();
|
||||
|
||||
// Array to store legacy widget ids in to unregister on success.
|
||||
$widgets_to_unregister = array();
|
||||
|
||||
$old_widgets = array_filter( $old_widgets, 'jetpack_migrate_gallery_widget_is_importable' );
|
||||
foreach ( $old_widgets as $id => $widget ) {
|
||||
$new_id = $id;
|
||||
// Try to get an unique id for the new type of widget.
|
||||
// It may be the case that the user has already created a core Gallery Widget
|
||||
// before the migration begins. (Maybe Jetpack was deactivated during core's upgrade).
|
||||
for( $i = 0; $i < 10 && in_array( $new_id, array_keys( $media_gallery ) ); $i++, $new_id++ );
|
||||
|
||||
$widget_copy = jetpack_migrate_gallery_widget_upgrade_widget( $widget );
|
||||
|
||||
if ( null === $widget_copy ) {
|
||||
jetpack_migrate_gallery_widget_bump_stats( 'gallery-widget-skipped' );
|
||||
continue;
|
||||
}
|
||||
|
||||
$media_gallery[ $new_id ] = $widget_copy;
|
||||
|
||||
$sidebars_widgets = jetpack_migrate_gallery_widget_update_sidebars( $sidebars_widgets, $id, $new_id );
|
||||
|
||||
$widgets_to_unregister[ $id ] = $new_id;
|
||||
}
|
||||
|
||||
if ( update_option( 'widget_media_gallery', $media_gallery ) ) {
|
||||
|
||||
// Now un-register old widgets and register new.
|
||||
foreach ( $widgets_to_unregister as $id => $new_id ) {
|
||||
wp_unregister_sidebar_widget( "gallery-${id}" );
|
||||
|
||||
// register new widget.
|
||||
$media_gallery_widget = new WP_Widget_Media_Gallery();
|
||||
$media_gallery_widget->_set( $new_id );
|
||||
$media_gallery_widget->_register_one( $new_id );
|
||||
}
|
||||
|
||||
wp_set_sidebars_widgets( $sidebars_widgets );
|
||||
|
||||
// Log if we migrated all, or some for this site.
|
||||
foreach ( $widgets_to_unregister as $w ) {
|
||||
jetpack_migrate_gallery_widget_bump_stats( 'gallery-widget-migrated' );
|
||||
}
|
||||
|
||||
// We need to refresh on widgets page for changes to take effect.
|
||||
// The jetpack_refresh_on_widget_page function is already defined in migrate-to-core/image-widget.php
|
||||
add_action( 'current_screen', 'jetpack_refresh_on_widget_page' );
|
||||
}
|
||||
Jetpack_Options::update_option( 'gallery_widget_migration', true );
|
||||
}
|
||||
|
||||
function jetpack_migrate_gallery_widget_is_importable( $widget ) {
|
||||
// Can be caused by instantiating but not populating a widget in the Customizer.
|
||||
if ( empty( $widget ) ) {
|
||||
return false;
|
||||
}
|
||||
// The array as stored in the option constains two keys and one
|
||||
// is a string `_multiwidget` which does not represent a widget, so we skip it
|
||||
if ( ! is_array( $widget ) ) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns a transformed version of the Gallery Widget.
|
||||
* Will return null if the widget is either empty, is not an array or has more keys than expected
|
||||
*
|
||||
* @param $widget One of the Jetpack Gallery widgets to be transformed into a new Core Media Gallery Widget
|
||||
*
|
||||
* @return array|null
|
||||
*/
|
||||
function jetpack_migrate_gallery_widget_upgrade_widget( $widget ) {
|
||||
$whitelisted_keys = array(
|
||||
'ids' => '',
|
||||
'link' => '',
|
||||
'title' => '',
|
||||
'type' => '',
|
||||
'random' => '',
|
||||
'conditions' => '',
|
||||
);
|
||||
|
||||
$default_data = array(
|
||||
'columns' => 3,
|
||||
'ids' => array(),
|
||||
'link_type' => '',
|
||||
'orderby_random' => false,
|
||||
'size' => 'thumbnail',
|
||||
'title' => '',
|
||||
'type' => '',
|
||||
);
|
||||
|
||||
if ( ! jetpack_migrate_gallery_widget_is_importable( $widget ) ) {
|
||||
return null;
|
||||
}
|
||||
// Ensure widget has no keys other than those expected.
|
||||
// Not all widgets have conditions, so lets add it in.
|
||||
$widget_copy = array_merge( array( 'conditions' => null ), $widget );
|
||||
$non_whitelisted_keys = array_diff_key( $widget_copy, $whitelisted_keys );
|
||||
if ( count( $non_whitelisted_keys ) > 0 ) {
|
||||
jetpack_migrate_gallery_widget_bump_stats( 'extra-key' );
|
||||
|
||||
// Log the names of the keys not in our whitelist.
|
||||
foreach ( $non_whitelisted_keys as $key => $value ) {
|
||||
jetpack_migrate_gallery_widget_bump_stats( "extra-key-$key", "migration-extra-key" );
|
||||
}
|
||||
}
|
||||
|
||||
$widget_copy = array_merge( $default_data, $widget, array(
|
||||
// ids in Jetpack's Gallery are a string of comma-separated values.
|
||||
// Core's Media Gallery Widget stores ids in an array
|
||||
'ids' => explode( ',', $widget['ids'] ),
|
||||
'link_type' => $widget['link'],
|
||||
'orderby_random' => isset( $widget['random'] ) && $widget['random'] === 'on',
|
||||
) );
|
||||
|
||||
// Unsetting old widget fields
|
||||
$widget_copy = array_diff_key( $widget_copy, array(
|
||||
'link' => false,
|
||||
'random' => false,
|
||||
) );
|
||||
|
||||
return $widget_copy;
|
||||
}
|
||||
|
||||
/**
|
||||
* Replaces the references to Jetpack Gallery Widget in the sidebars for references to the new version of the widget
|
||||
*
|
||||
* @param $sidebars_widgets The sidebar widgets array to update
|
||||
* @param $id Old id of the widget (basically its index in the array )
|
||||
* @param $new_id New id that will be using on the sidebar as a new widget
|
||||
*
|
||||
* @return mixed Updated sidebar widgets array
|
||||
*/
|
||||
function jetpack_migrate_gallery_widget_update_sidebars( $sidebars_widgets, $id, $new_id ) {
|
||||
foreach ( $sidebars_widgets as $sidebar => $widgets ) {
|
||||
if (
|
||||
is_array( $widgets )
|
||||
&& false !== ( $key = array_search( "gallery-{$id}", $widgets, true ) )
|
||||
) {
|
||||
$sidebars_widgets[ $sidebar ][ $key ] = "media_gallery-{$new_id}";
|
||||
// Check if the inactive widgets sidebar exists
|
||||
// Related: https://core.trac.wordpress.org/ticket/14893
|
||||
if ( ! isset( $sidebars_widgets['wp_inactive_widgets'] ) || ! is_array( $sidebars_widgets['wp_inactive_widgets'] ) ) {
|
||||
$sidebars_widgets['wp_inactive_widgets'] = array();
|
||||
}
|
||||
$sidebars_widgets['wp_inactive_widgets'][ $key ] = "gallery-{$id}";
|
||||
}
|
||||
}
|
||||
return $sidebars_widgets;
|
||||
}
|
||||
|
||||
/**
|
||||
* Will bump stat in jetpack_gallery_widget_migration group.
|
||||
*
|
||||
* @param string $bin The bin to log into.
|
||||
* @param string $group The group name. Defaults to "widget-migration".
|
||||
*/
|
||||
function jetpack_migrate_gallery_widget_bump_stats( $bin, $group = 'widget-migration' ) {
|
||||
// If this is being run on .com bumps_stats_extra exists, but using the filter looks more elegant.
|
||||
if ( function_exists( 'bump_stats_extras' ) ) {
|
||||
$group = "jetpack-$group";
|
||||
do_action( 'jetpack_bump_stats_extra', $group, $bin );
|
||||
} else {
|
||||
// $group is prepended with 'jetpack-'
|
||||
$jetpack = Jetpack::init();
|
||||
$jetpack->stat( $group, $bin ) ;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
add_action( 'widgets_init', 'jetpack_migrate_gallery_widget' );
|
||||
@@ -0,0 +1,220 @@
|
||||
<?php
|
||||
/**
|
||||
* Migration from Jetpack's Image Widget to WordPress' Core Image Widget.
|
||||
*
|
||||
* @since 4.9
|
||||
*
|
||||
* @package Jetpack
|
||||
*/
|
||||
|
||||
/**
|
||||
* Migrates all active instances of Jetpack's image widget to Core's media image widget.
|
||||
*/
|
||||
function jetpack_migrate_image_widget() {
|
||||
// Only trigger the migration from wp-admin
|
||||
if ( ! is_admin() ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Only migrate if the new widget is available and we haven't yet migrated
|
||||
if ( ! class_exists( 'WP_Widget_Media_Image' ) || Jetpack_Options::get_option( 'image_widget_migration' ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
$default_data = array(
|
||||
'attachment_id' => 0,
|
||||
'url' => '',
|
||||
'title' => '',
|
||||
'size' => 'custom',
|
||||
'width' => 0,
|
||||
'height' => 0,
|
||||
'align' => 'none',
|
||||
'caption' => '',
|
||||
'alt' => '',
|
||||
'link_type' => '',
|
||||
'link_url' => '',
|
||||
'image_classes' => '',
|
||||
'link_classes' => '',
|
||||
'link_rel' => '',
|
||||
'image_title' => '',
|
||||
'link_target_blank' => false,
|
||||
'conditions' => null,
|
||||
);
|
||||
|
||||
$old_widgets = get_option( 'widget_image', array() );
|
||||
$media_image = get_option( 'widget_media_image', array() );
|
||||
$sidebars_widgets = wp_get_sidebars_widgets();
|
||||
|
||||
// Persist old and current widgets in backup table.
|
||||
jetpack_store_migration_data( 'widget_image', maybe_serialize( $old_widgets ) );
|
||||
if ( jetpack_get_migration_data( 'widget_image' ) !== $old_widgets ) {
|
||||
return false;
|
||||
}
|
||||
|
||||
jetpack_store_migration_data( 'sidebars_widgets', maybe_serialize( $sidebars_widgets ) );
|
||||
if ( jetpack_get_migration_data( 'sidebars_widgets' ) !== $sidebars_widgets ) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// Array to store legacy widget ids in to unregister on success.
|
||||
$widgets_to_unregister = array();
|
||||
|
||||
foreach ( $old_widgets as $id => $widget ) {
|
||||
if ( is_string( $id ) ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
// Can be caused by instanciating but not populating a widget in the Customizer.
|
||||
if ( empty( $widget ) ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
// Ensure widget has no keys other than those expected.
|
||||
// Not all widgets have conditions, so lets add it in.
|
||||
$widget_copy = array_merge( array( 'conditions' => null ), $widget );
|
||||
$non_whitelisted_keys = array_diff_key( $widget_copy, array(
|
||||
'title' => '',
|
||||
'img_url' => '',
|
||||
'alt_text' => '',
|
||||
'img_title' => '',
|
||||
'caption' => '',
|
||||
'align' => '',
|
||||
'img_width' => '',
|
||||
'img_height' => '',
|
||||
'link' => '',
|
||||
'link_target_blank' => '',
|
||||
'conditions' => '',
|
||||
) );
|
||||
|
||||
if ( count( $non_whitelisted_keys ) > 0 ) {
|
||||
// skipping the widget in question
|
||||
continue;
|
||||
}
|
||||
|
||||
$media_image[ $id ] = array_merge( $default_data, $widget, array(
|
||||
'alt' => $widget['alt_text'],
|
||||
'height' => $widget['img_height'],
|
||||
'image_classes' => ! empty( $widget['align'] ) ? 'align' . $widget['align'] : '',
|
||||
'image_title' => $widget['img_title'],
|
||||
'link_url' => $widget['link'],
|
||||
'url' => $widget['img_url'],
|
||||
'width' => $widget['img_width'],
|
||||
) );
|
||||
|
||||
// Unsetting old widget fields
|
||||
$media_image[ $id ] = array_diff_key( $media_image[ $id ], array(
|
||||
'align' => false,
|
||||
'alt_text' => false,
|
||||
'img_height' => false,
|
||||
'img_title' => false,
|
||||
'img_url' => false,
|
||||
'img_width' => false,
|
||||
'link' => false,
|
||||
) );
|
||||
|
||||
// Check if the image is in the media library.
|
||||
$image_basename = basename( $widget['img_url'] );
|
||||
|
||||
if ( empty( $image_basename ) ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$attachment_ids = get_posts( array(
|
||||
'fields' => 'ids',
|
||||
'meta_query' => array(
|
||||
array(
|
||||
'value' => basename( $image_basename ),
|
||||
'compare' => 'LIKE',
|
||||
'key' => '_wp_attachment_metadata',
|
||||
),
|
||||
),
|
||||
'post_status' => 'inherit',
|
||||
'post_type' => 'attachment',
|
||||
'suppress_filters' => false,
|
||||
) );
|
||||
|
||||
foreach ( $attachment_ids as $attachment_id ) {
|
||||
$image_meta = wp_get_attachment_metadata( $attachment_id );
|
||||
|
||||
// Is it a full size image?
|
||||
$image_path_pieces = explode( '/', $image_meta['file'] );
|
||||
if ( $image_basename === array_pop( $image_path_pieces ) ) {
|
||||
$media_image[ $id ]['attachment_id'] = $attachment_id;
|
||||
|
||||
// Set correct size if dimensions fit.
|
||||
if (
|
||||
$media_image[ $id ]['width'] == $image_meta['width'] ||
|
||||
$media_image[ $id ]['height'] == $image_meta['height']
|
||||
) {
|
||||
$media_image[ $id ]['size'] = 'full';
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
||||
// Is it a down-sized image?
|
||||
foreach ( $image_meta['sizes'] as $size => $image ) {
|
||||
if ( false !== array_search( $image_basename, $image ) ) {
|
||||
$media_image[ $id ]['attachment_id'] = $attachment_id;
|
||||
|
||||
// Set correct size if dimensions fit.
|
||||
if (
|
||||
$media_image[ $id ]['width'] == $image['width'] ||
|
||||
$media_image[ $id ]['height'] == $image['height']
|
||||
) {
|
||||
$media_image[ $id ]['size'] = $size;
|
||||
}
|
||||
break 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if ( ! empty( $widget['link'] ) ) {
|
||||
$media_image[ $id ]['link_type'] = $widget['link'] === $widget['img_url'] ? 'file' : 'custom';
|
||||
}
|
||||
|
||||
foreach ( $sidebars_widgets as $sidebar => $widgets ) {
|
||||
if (
|
||||
is_array( $widgets )
|
||||
&& false !== ( $key = array_search( "image-{$id}", $widgets, true ) )
|
||||
) {
|
||||
$sidebars_widgets[ $sidebar ][ $key ] = "media_image-{$id}";
|
||||
}
|
||||
}
|
||||
|
||||
$widgets_to_unregister[] = $id;
|
||||
}
|
||||
|
||||
if ( update_option( 'widget_media_image', $media_image ) ) {
|
||||
delete_option( 'widget_image' );
|
||||
|
||||
// Now un-register old widgets and register new.
|
||||
foreach ( $widgets_to_unregister as $id ) {
|
||||
wp_unregister_sidebar_widget( "image-${id}" );
|
||||
|
||||
// register new widget.
|
||||
$media_image_widget = new WP_Widget_Media_Image();
|
||||
$media_image_widget->_set( $id );
|
||||
$media_image_widget->_register_one( $id );
|
||||
}
|
||||
|
||||
wp_set_sidebars_widgets( $sidebars_widgets );
|
||||
|
||||
// We need to refresh on widgets page for changes to take effect.
|
||||
add_action( 'current_screen', 'jetpack_refresh_on_widget_page' );
|
||||
} else {
|
||||
$widget_media_image = get_option( 'widget_media_image' );
|
||||
if ( is_array( $widget_media_image ) ) {
|
||||
delete_option( 'widget_image' );
|
||||
}
|
||||
}
|
||||
|
||||
Jetpack_Options::update_option( 'image_widget_migration', true );
|
||||
}
|
||||
add_action( 'widgets_init', 'jetpack_migrate_image_widget' );
|
||||
|
||||
function jetpack_refresh_on_widget_page( $current ) {
|
||||
if ( 'widgets' === $current->base ) {
|
||||
wp_safe_redirect( admin_url( 'widgets.php' ) );
|
||||
exit;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
<?php
|
||||
/**
|
||||
* Register the milestone widget. This makes it easier to keep the /milestone/ dir content in sync with wpcom.
|
||||
*/
|
||||
include dirname( __FILE__ ) . '/milestone/milestone.php';
|
||||
@@ -0,0 +1,25 @@
|
||||
( function( $ ) {
|
||||
// We could either be in wp-admin/widgets.php or the customizer.
|
||||
var $container = $( '#customize-controls' );
|
||||
|
||||
if ( ! $container.length ) {
|
||||
$container = $( '#wpbody' );
|
||||
}
|
||||
|
||||
$container.on( 'change', '.milestone-type', function() {
|
||||
var $messageWrapper = $( this ).parent().find( '.milestone-message-wrapper' );
|
||||
|
||||
$( this ).find( 'input[type="radio"]:checked' ).val() === 'since' ? $messageWrapper.hide() : $messageWrapper.show();
|
||||
} );
|
||||
|
||||
function triggerChange() {
|
||||
$container.find( '.milestone-type' ).trigger( 'change' );
|
||||
}
|
||||
|
||||
// Used when adding widget via customizer or saving settings.
|
||||
$( document ).on( 'widget-added widget-updated', function() {
|
||||
triggerChange();
|
||||
} );
|
||||
|
||||
triggerChange();
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,52 @@
|
||||
/* global MilestoneConfig */
|
||||
|
||||
var Milestone = ( function( $ ) {
|
||||
var Milestone = function ( args ) {
|
||||
var $widget = $( '#' + args.id ),
|
||||
id = args.id,
|
||||
refresh = args.refresh * 1000;
|
||||
|
||||
this.timer = function() {
|
||||
var instance = this;
|
||||
|
||||
$.ajax( {
|
||||
url: MilestoneConfig.api_root + 'jetpack/v4/widgets/' + id,
|
||||
success: function( result ) {
|
||||
$widget.find( '.milestone-countdown' ).replaceWith( result.message );
|
||||
refresh = result.refresh * 1000;
|
||||
|
||||
if ( ! refresh ) {
|
||||
return;
|
||||
}
|
||||
|
||||
setTimeout(
|
||||
function() {
|
||||
instance.timer();
|
||||
},
|
||||
refresh
|
||||
);
|
||||
}
|
||||
} );
|
||||
|
||||
};
|
||||
|
||||
if ( refresh > 0 ) {
|
||||
this.timer();
|
||||
}
|
||||
};
|
||||
return function ( args ) {
|
||||
return new Milestone( args );
|
||||
};
|
||||
} )( jQuery );
|
||||
|
||||
( function() {
|
||||
var i, MilestoneInstances = {};
|
||||
|
||||
if ( typeof( MilestoneConfig ) === 'undefined' ) {
|
||||
return;
|
||||
}
|
||||
|
||||
for ( i = 0; i < MilestoneConfig.instances.length; i++ ) {
|
||||
MilestoneInstances[i] = new Milestone( MilestoneConfig.instances[i] );
|
||||
}
|
||||
} )();
|
||||
@@ -0,0 +1,675 @@
|
||||
<?php
|
||||
/*
|
||||
Plugin Name: Milestone
|
||||
Description: Countdown to a specific date.
|
||||
Version: 1.0
|
||||
Author: Automattic Inc.
|
||||
Author URI: http://automattic.com/
|
||||
License: GPLv2 or later
|
||||
*/
|
||||
|
||||
function jetpack_register_widget_milestone() {
|
||||
register_widget( 'Milestone_Widget' );
|
||||
}
|
||||
add_action( 'widgets_init', 'jetpack_register_widget_milestone' );
|
||||
|
||||
class Milestone_Widget extends WP_Widget {
|
||||
private static $dir = null;
|
||||
private static $url = null;
|
||||
private static $defaults = null;
|
||||
private static $config_js = null;
|
||||
|
||||
/**
|
||||
* Available time units sorted in descending order.
|
||||
* @var Array
|
||||
*/
|
||||
protected $available_units = array(
|
||||
'years',
|
||||
'months',
|
||||
'days',
|
||||
'hours',
|
||||
'minutes',
|
||||
'seconds'
|
||||
);
|
||||
|
||||
function __construct() {
|
||||
$widget = array(
|
||||
'classname' => 'milestone-widget',
|
||||
'description' => __( 'Display a countdown to a certain date.', 'jetpack' ),
|
||||
);
|
||||
|
||||
parent::__construct(
|
||||
'Milestone_Widget',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', __( 'Milestone', 'jetpack' ) ),
|
||||
$widget
|
||||
);
|
||||
|
||||
self::$dir = trailingslashit( dirname( __FILE__ ) );
|
||||
self::$url = plugin_dir_url( __FILE__ );
|
||||
|
||||
add_action( 'wp_enqueue_scripts', array( __class__, 'enqueue_template' ) );
|
||||
add_action( 'admin_enqueue_scripts', array( __class__, 'enqueue_admin' ) );
|
||||
add_action( 'wp_footer', array( $this, 'localize_script' ) );
|
||||
|
||||
if ( is_active_widget( false, false, $this->id_base, true ) || is_active_widget( false, false, 'monster', true ) || is_customize_preview() ) {
|
||||
add_action( 'wp_head', array( __class__, 'styles_template' ) );
|
||||
}
|
||||
}
|
||||
|
||||
public static function enqueue_admin( $hook_suffix ) {
|
||||
if ( 'widgets.php' == $hook_suffix ) {
|
||||
wp_enqueue_style( 'milestone-admin', self::$url . 'style-admin.css', array(), '20161215' );
|
||||
wp_enqueue_script(
|
||||
'milestone-admin-js',
|
||||
Jetpack::get_file_url_for_environment(
|
||||
'_inc/build/widgets/milestone/admin.min.js',
|
||||
'modules/widgets/milestone/admin.js'
|
||||
),
|
||||
array( 'jquery' ),
|
||||
'20170915',
|
||||
true
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
public static function enqueue_template() {
|
||||
wp_enqueue_script(
|
||||
'milestone',
|
||||
Jetpack::get_file_url_for_environment(
|
||||
'_inc/build/widgets/milestone/milestone.min.js',
|
||||
'modules/widgets/milestone/milestone.js'
|
||||
),
|
||||
array( 'jquery' ),
|
||||
'20160520',
|
||||
true
|
||||
);
|
||||
}
|
||||
|
||||
public static function styles_template() {
|
||||
global $themecolors;
|
||||
$colors = wp_parse_args( $themecolors, array(
|
||||
'bg' => 'ffffff',
|
||||
'border' => 'cccccc',
|
||||
'text' => '333333',
|
||||
) );
|
||||
?>
|
||||
<style>
|
||||
.milestone-widget {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.milestone-content {
|
||||
line-height: 2;
|
||||
margin-top: 5px;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.milestone-header {
|
||||
background-color: <?php echo self::sanitize_color_hex( $colors['text'] ); ?>;
|
||||
color: <?php echo self::sanitize_color_hex( $colors['bg'] ); ?>;
|
||||
line-height: 1.3;
|
||||
margin: 0;
|
||||
padding: .8em;
|
||||
}
|
||||
.milestone-header .event,
|
||||
.milestone-header .date {
|
||||
display: block;
|
||||
}
|
||||
.milestone-header .event {
|
||||
font-size: 120%;
|
||||
}
|
||||
.milestone-countdown .difference {
|
||||
display: block;
|
||||
font-size: 500%;
|
||||
font-weight: bold;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.milestone-countdown,
|
||||
.milestone-message {
|
||||
background-color: <?php echo self::sanitize_color_hex( $colors['bg'] ); ?>;
|
||||
border: 1px solid <?php echo self::sanitize_color_hex( $colors['border'] ); ?>;
|
||||
border-top: 0;
|
||||
color: <?php echo self::sanitize_color_hex( $colors['text'] ); ?>;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
.milestone-message {
|
||||
padding-top: 1em
|
||||
}
|
||||
</style>
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Ensure that a string representing a color in hexadecimal
|
||||
* notation is safe for use in css and database saves.
|
||||
*
|
||||
* @param string Color in hexadecimal notation. "#" may or may not be prepended to the string.
|
||||
* @return string Color in hexadecimal notation on success - the string "transparent" otherwise.
|
||||
*/
|
||||
public static function sanitize_color_hex( $hex, $prefix = '#' ) {
|
||||
$hex = trim( $hex );
|
||||
|
||||
/* Strip recognized prefixes. */
|
||||
if ( 0 === strpos( $hex, '#' ) ) {
|
||||
$hex = substr( $hex, 1 );
|
||||
} elseif ( 0 === strpos( $hex, '%23' ) ) {
|
||||
$hex = substr( $hex, 3 );
|
||||
}
|
||||
|
||||
if ( 0 !== preg_match( '/^[0-9a-fA-F]{6}$/', $hex ) ) {
|
||||
return $prefix . $hex;
|
||||
}
|
||||
|
||||
return 'transparent';
|
||||
}
|
||||
|
||||
/**
|
||||
* Localize Front-end Script.
|
||||
*
|
||||
* Print the javascript configuration array only if the
|
||||
* current template has an instance of the widget that
|
||||
* is still counting down. In all other cases, this
|
||||
* function will dequeue milestone.js.
|
||||
*
|
||||
* Hooks into the "wp_footer" action.
|
||||
*/
|
||||
function localize_script() {
|
||||
if ( empty( self::$config_js['instances'] ) ) {
|
||||
wp_dequeue_script( 'milestone' );
|
||||
return;
|
||||
}
|
||||
self::$config_js['api_root'] = esc_url_raw( rest_url() );
|
||||
wp_localize_script( 'milestone', 'MilestoneConfig', self::$config_js );
|
||||
}
|
||||
|
||||
/**
|
||||
* Widget
|
||||
*/
|
||||
function widget( $args, $instance ) {
|
||||
echo $args['before_widget'];
|
||||
|
||||
/** This filter is documented in wp-includes/widgets/class-wp-widget-pages.php */
|
||||
$title = apply_filters( 'widget_title', $instance['title'] );
|
||||
if ( ! empty( $title ) ) {
|
||||
echo $args['before_title'] . $title . $args['after_title'];
|
||||
}
|
||||
|
||||
$data = $this->get_widget_data( $instance );
|
||||
|
||||
self::$config_js['instances'][] = array(
|
||||
'id' => $args['widget_id'],
|
||||
'message' => $data['message'],
|
||||
'refresh' => $data['refresh']
|
||||
);
|
||||
|
||||
echo '<div class="milestone-content">';
|
||||
|
||||
echo '<div class="milestone-header">';
|
||||
echo '<strong class="event">' . esc_html( $instance['event'] ) . '</strong>';
|
||||
echo '<span class="date">' . esc_html( date_i18n( get_option( 'date_format' ), $data['milestone'] ) ) . '</span>';
|
||||
echo '</div>';
|
||||
|
||||
echo $data['message'];
|
||||
|
||||
echo '</div><!--milestone-content-->';
|
||||
|
||||
echo $args['after_widget'];
|
||||
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'milestone' );
|
||||
}
|
||||
|
||||
function get_widget_data( $instance ) {
|
||||
$data = array();
|
||||
|
||||
$instance = $this->sanitize_instance( $instance );
|
||||
|
||||
$milestone = mktime( $instance['hour'], $instance['min'], 0, $instance['month'], $instance['day'], $instance['year'] );
|
||||
$now = (int) current_time( 'timestamp' );
|
||||
$type = $instance['type'];
|
||||
|
||||
if ( 'since' === $type ) {
|
||||
$diff = (int) floor( $now - $milestone );
|
||||
} else {
|
||||
$diff = (int) floor( $milestone - $now );
|
||||
}
|
||||
|
||||
$data['diff'] = $diff;
|
||||
$data['unit'] = $this->get_unit( $diff, $instance['unit'] );
|
||||
|
||||
// Setting the refresh counter to equal the number of seconds it takes to flip a unit
|
||||
$refresh_intervals = array(
|
||||
0, // should be YEAR_IN_SECONDS, but doing setTimeout for a year doesn't seem to be logical
|
||||
0, // same goes for MONTH_IN_SECONDS,
|
||||
DAY_IN_SECONDS,
|
||||
HOUR_IN_SECONDS,
|
||||
MINUTE_IN_SECONDS,
|
||||
1
|
||||
);
|
||||
|
||||
$data['refresh'] = $refresh_intervals[ array_search( $data['unit'], $this->available_units ) ];
|
||||
$data['milestone'] = $milestone;
|
||||
|
||||
if ( ( 1 > $diff ) && ( 'until' === $type ) ) {
|
||||
$data['message'] = '<div class="milestone-message">' . $instance['message'] . '</div>';
|
||||
$data['refresh'] = 0; // No need to refresh, the milestone has been reached
|
||||
} else {
|
||||
$interval_text = $this->get_interval_in_units( $diff, $data['unit'] );
|
||||
$interval = intval( $interval_text );
|
||||
|
||||
if ( 'since' === $type ) {
|
||||
|
||||
switch ( $data['unit'] ) {
|
||||
case 'years':
|
||||
$data['message'] = sprintf(
|
||||
_n(
|
||||
'<span class="difference">%s</span> <span class="label">year ago.</span>',
|
||||
'<span class="difference">%s</span> <span class="label">years ago.</span>',
|
||||
$interval,
|
||||
'jetpack'
|
||||
),
|
||||
$interval_text
|
||||
);
|
||||
break;
|
||||
case 'months':
|
||||
$data['message'] = sprintf(
|
||||
_n(
|
||||
'<span class="difference">%s</span> <span class="label">month ago.</span>',
|
||||
'<span class="difference">%s</span> <span class="label">months ago.</span>',
|
||||
$interval,
|
||||
'jetpack'
|
||||
),
|
||||
$interval_text
|
||||
);
|
||||
break;
|
||||
case 'days':
|
||||
$data['message'] = sprintf(
|
||||
_n(
|
||||
'<span class="difference">%s</span> <span class="label">day ago.</span>',
|
||||
'<span class="difference">%s</span> <span class="label">days ago.</span>',
|
||||
$interval,
|
||||
'jetpack'
|
||||
),
|
||||
$interval_text
|
||||
);
|
||||
break;
|
||||
case 'hours':
|
||||
$data['message'] = sprintf(
|
||||
_n(
|
||||
'<span class="difference">%s</span> <span class="label">hour ago.</span>',
|
||||
'<span class="difference">%s</span> <span class="label">hours ago.</span>',
|
||||
$interval,
|
||||
'jetpack'
|
||||
),
|
||||
$interval_text
|
||||
);
|
||||
break;
|
||||
case 'minutes':
|
||||
$data['message'] = sprintf(
|
||||
_n(
|
||||
'<span class="difference">%s</span> <span class="label">minute ago.</span>',
|
||||
'<span class="difference">%s</span> <span class="label">minutes ago.</span>',
|
||||
$interval,
|
||||
'jetpack'
|
||||
),
|
||||
$interval_text
|
||||
);
|
||||
break;
|
||||
case 'seconds':
|
||||
$data['message'] = sprintf(
|
||||
_n(
|
||||
'<span class="difference">%s</span> <span class="label">second ago.</span>',
|
||||
'<span class="difference">%s</span> <span class="label">seconds ago.</span>',
|
||||
$interval,
|
||||
'jetpack'
|
||||
),
|
||||
$interval_text
|
||||
);
|
||||
break;
|
||||
}
|
||||
} else {
|
||||
switch ( $this->get_unit( $diff, $instance['unit'] ) ) {
|
||||
case 'years':
|
||||
$data['message'] = sprintf(
|
||||
_n(
|
||||
'<span class="difference">%s</span> <span class="label">year to go.</span>',
|
||||
'<span class="difference">%s</span> <span class="label">years to go.</span>',
|
||||
$interval,
|
||||
'jetpack'
|
||||
),
|
||||
$interval_text
|
||||
);
|
||||
break;
|
||||
case 'months':
|
||||
$data['message'] = sprintf(
|
||||
_n(
|
||||
'<span class="difference">%s</span> <span class="label">month to go.</span>',
|
||||
'<span class="difference">%s</span> <span class="label">months to go.</span>',
|
||||
$interval,
|
||||
'jetpack'
|
||||
),
|
||||
$interval_text
|
||||
);
|
||||
break;
|
||||
case 'days':
|
||||
$data['message'] = sprintf(
|
||||
_n(
|
||||
'<span class="difference">%s</span> <span class="label">day to go.</span>',
|
||||
'<span class="difference">%s</span> <span class="label">days to go.</span>',
|
||||
$interval,
|
||||
'jetpack'
|
||||
),
|
||||
$interval_text
|
||||
);
|
||||
break;
|
||||
case 'hours':
|
||||
$data['message'] = sprintf(
|
||||
_n(
|
||||
'<span class="difference">%s</span> <span class="label">hour to go.</span>',
|
||||
'<span class="difference">%s</span> <span class="label">hours to go.</span>',
|
||||
$interval,
|
||||
'jetpack'
|
||||
),
|
||||
$interval_text
|
||||
);
|
||||
break;
|
||||
case 'minutes':
|
||||
$data['message'] = sprintf(
|
||||
_n(
|
||||
'<span class="difference">%s</span> <span class="label">minute to go.</span>',
|
||||
'<span class="difference">%s</span> <span class="label">minutes to go.</span>',
|
||||
$interval,
|
||||
'jetpack'
|
||||
),
|
||||
$interval_text
|
||||
);
|
||||
break;
|
||||
case 'seconds':
|
||||
$data['message'] = sprintf(
|
||||
_n(
|
||||
'<span class="difference">%s</span> <span class="label">second to go.</span>',
|
||||
'<span class="difference">%s</span> <span class="label">seconds to go.</span>',
|
||||
$interval,
|
||||
'jetpack'
|
||||
),
|
||||
$interval_text
|
||||
);
|
||||
break;
|
||||
}
|
||||
}
|
||||
$data['message'] = '<div class="milestone-countdown">' . $data['message'] . '</div>';
|
||||
}
|
||||
|
||||
return $data;
|
||||
}
|
||||
|
||||
/**
|
||||
* Return the largest possible time unit that the difference will be displayed in.
|
||||
*
|
||||
* @param Integer $seconds the interval in seconds
|
||||
* @param String $maximum_unit the maximum unit that will be used. Optional.
|
||||
* @return String $calculated_unit
|
||||
*/
|
||||
protected function get_unit( $seconds, $maximum_unit = 'automatic' ) {
|
||||
$unit = '';
|
||||
|
||||
if ( $seconds >= YEAR_IN_SECONDS * 2 ) {
|
||||
// more than 2 years - show in years, one decimal point
|
||||
$unit = 'years';
|
||||
|
||||
} else if ( $seconds >= YEAR_IN_SECONDS ) {
|
||||
if ( 'years' === $maximum_unit ) {
|
||||
$unit = 'years';
|
||||
} else {
|
||||
// automatic mode - showing months even if it's between one and two years
|
||||
$unit = 'months';
|
||||
}
|
||||
|
||||
} else if ( $seconds >= MONTH_IN_SECONDS * 3 ) {
|
||||
// fewer than 2 years - show in months
|
||||
$unit = 'months';
|
||||
|
||||
} else if ( $seconds >= MONTH_IN_SECONDS ) {
|
||||
if ( 'months' === $maximum_unit ) {
|
||||
$unit = 'months';
|
||||
} else {
|
||||
// automatic mode - showing days even if it's between one and three months
|
||||
$unit = 'days';
|
||||
}
|
||||
|
||||
} else if ( $seconds >= DAY_IN_SECONDS - 1 ) {
|
||||
// fewer than a month - show in days
|
||||
$unit = 'days';
|
||||
|
||||
} else if ( $seconds >= HOUR_IN_SECONDS - 1 ) {
|
||||
// less than 1 day - show in hours
|
||||
$unit = 'hours';
|
||||
|
||||
} else if ( $seconds >= MINUTE_IN_SECONDS - 1 ) {
|
||||
// less than 1 hour - show in minutes
|
||||
$unit = 'minutes';
|
||||
|
||||
} else {
|
||||
// less than 1 minute - show in seconds
|
||||
$unit = 'seconds';
|
||||
}
|
||||
|
||||
$maximum_unit_index = array_search( $maximum_unit, $this->available_units );
|
||||
$unit_index = array_search( $unit, $this->available_units );
|
||||
|
||||
if (
|
||||
false === $maximum_unit_index // the maximum unit parameter is automatic
|
||||
|| $unit_index > $maximum_unit_index // there is not enough seconds for even one maximum time unit
|
||||
) {
|
||||
return $unit;
|
||||
}
|
||||
return $maximum_unit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns a time difference value in specified units.
|
||||
*
|
||||
* @param Integer $seconds
|
||||
* @param String $units
|
||||
* @return Integer|String $time_in_units
|
||||
*/
|
||||
protected function get_interval_in_units( $seconds, $units ) {
|
||||
switch ( $units ) {
|
||||
case 'years':
|
||||
$years = $seconds / YEAR_IN_SECONDS;
|
||||
$decimals = abs( round( $years, 1 ) - round( $years ) ) > 0 ? 1 : 0;
|
||||
return number_format_i18n( $years, $decimals );
|
||||
case 'months':
|
||||
return (int) ( $seconds / 60 / 60 / 24 / 30 );
|
||||
case 'days':
|
||||
return (int) ( $seconds / 60 / 60 / 24 + 1 );
|
||||
case 'hours':
|
||||
return (int) ( $seconds / 60 / 60 );
|
||||
case 'minutes':
|
||||
return (int) ( $seconds / 60 + 1 );
|
||||
default:
|
||||
return $seconds;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Update
|
||||
*/
|
||||
function update( $new_instance, $old_instance ) {
|
||||
return $this->sanitize_instance( $new_instance );
|
||||
}
|
||||
|
||||
/*
|
||||
* Make sure that a number is within a certain range.
|
||||
* If the number is too small it will become the possible lowest value.
|
||||
* If the number is too large it will become the possible highest value.
|
||||
*
|
||||
* @param int $n The number to check.
|
||||
* @param int $floor The lowest possible value.
|
||||
* @param int $ceil The highest possible value.
|
||||
*/
|
||||
function sanitize_range( $n, $floor, $ceil ) {
|
||||
$n = (int) $n;
|
||||
if ( $n < $floor ) {
|
||||
$n = $floor;
|
||||
} elseif ( $n > $ceil ) {
|
||||
$n = $ceil;
|
||||
}
|
||||
return $n;
|
||||
}
|
||||
|
||||
/*
|
||||
* Sanitize an instance of this widget.
|
||||
*
|
||||
* Date ranges match the documentation for mktime in the php manual.
|
||||
* @see http://php.net/manual/en/function.mktime.php#refsect1-function.mktime-parameters
|
||||
*
|
||||
* @uses Milestone_Widget::sanitize_range().
|
||||
*/
|
||||
function sanitize_instance( $dirty ) {
|
||||
$now = (int) current_time( 'timestamp' );
|
||||
|
||||
$dirty = wp_parse_args( $dirty, array(
|
||||
'title' => '',
|
||||
'event' => __( 'The Big Day', 'jetpack' ),
|
||||
'unit' => 'automatic',
|
||||
'type' => 'until',
|
||||
'message' => __( 'The big day is here.', 'jetpack' ),
|
||||
'day' => date( 'd', $now ),
|
||||
'month' => date( 'm', $now ),
|
||||
'year' => date( 'Y', $now ),
|
||||
'hour' => 0,
|
||||
'min' => 0,
|
||||
) );
|
||||
|
||||
$allowed_tags = array(
|
||||
'a' => array( 'title' => array(), 'href' => array(), 'target' => array() ),
|
||||
'em' => array( 'title' => array() ),
|
||||
'strong' => array( 'title' => array() ),
|
||||
);
|
||||
|
||||
$clean = array(
|
||||
'title' => trim( strip_tags( stripslashes( $dirty['title'] ) ) ),
|
||||
'event' => trim( strip_tags( stripslashes( $dirty['event'] ) ) ),
|
||||
'unit' => $dirty['unit'],
|
||||
'type' => $dirty['type'],
|
||||
'message' => wp_kses( $dirty['message'], $allowed_tags ),
|
||||
'year' => $this->sanitize_range( $dirty['year'], 1901, 2037 ),
|
||||
'month' => $this->sanitize_range( $dirty['month'], 1, 12 ),
|
||||
'hour' => $this->sanitize_range( $dirty['hour'], 0, 23 ),
|
||||
'min' => zeroise( $this->sanitize_range( $dirty['min'], 0, 59 ), 2 ),
|
||||
);
|
||||
|
||||
$clean['day'] = $this->sanitize_range( $dirty['day'], 1, date( 't', mktime( 0, 0, 0, $clean['month'], 1, $clean['year'] ) ) );
|
||||
|
||||
return $clean;
|
||||
}
|
||||
|
||||
/**
|
||||
* Form
|
||||
*/
|
||||
function form( $instance ) {
|
||||
$instance = $this->sanitize_instance( $instance );
|
||||
|
||||
$units = array(
|
||||
'automatic' => _x( 'Automatic', 'Milestone widget: mode in which the date unit is determined automatically', 'jetpack' ),
|
||||
'years' => _x( 'Years', 'Milestone widget: mode in which the date unit is set to years', 'jetpack' ),
|
||||
'months' => _x( 'Months', 'Milestone widget: mode in which the date unit is set to months', 'jetpack' ),
|
||||
'days' => _x( 'Days', 'Milestone widget: mode in which the date unit is set to days', 'jetpack' ),
|
||||
'hours' => _x( 'Hours', 'Milestone widget: mode in which the date unit is set to hours', 'jetpack' ),
|
||||
);
|
||||
?>
|
||||
|
||||
<div class="milestone-widget">
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title', 'jetpack' ); ?></label>
|
||||
<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $instance['title'] ); ?>" />
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'event' ); ?>"><?php _e( 'Description', 'jetpack' ); ?></label>
|
||||
<input class="widefat" id="<?php echo $this->get_field_id( 'event' ); ?>" name="<?php echo $this->get_field_name( 'event' ); ?>" type="text" value="<?php echo esc_attr( $instance['event'] ); ?>" />
|
||||
</p>
|
||||
|
||||
<fieldset class="jp-ms-data-time">
|
||||
<legend><?php esc_html_e( 'Date', 'jetpack' ); ?></legend>
|
||||
|
||||
<label for="<?php echo $this->get_field_id( 'month' ); ?>" class="assistive-text"><?php _e( 'Month', 'jetpack' ); ?></label>
|
||||
<select id="<?php echo $this->get_field_id( 'month' ); ?>" class="month" name="<?php echo $this->get_field_name( 'month' ); ?>"><?php
|
||||
global $wp_locale;
|
||||
for ( $i = 1; $i < 13; $i++ ) {
|
||||
$monthnum = zeroise( $i, 2 );
|
||||
echo '<option value="' . esc_attr( $monthnum ) . '"' . selected( $i, $instance['month'], false ) . '>' . $monthnum . '-' . $wp_locale->get_month_abbrev( $wp_locale->get_month( $i ) ) . '</option>';
|
||||
}
|
||||
?></select>
|
||||
|
||||
<label for="<?php echo $this->get_field_id( 'day' ); ?>" class="assistive-text"><?php _e( 'Day', 'jetpack' ); ?></label>
|
||||
<input id="<?php echo $this->get_field_id( 'day' ); ?>" class="day" name="<?php echo $this->get_field_name( 'day' ); ?>" type="text" value="<?php echo esc_attr( $instance['day'] ); ?>">,
|
||||
|
||||
<label for="<?php echo $this->get_field_id( 'year' ); ?>" class="assistive-text"><?php _e( 'Year', 'jetpack' ); ?></label>
|
||||
<input id="<?php echo $this->get_field_id( 'year' ); ?>" class="year" name="<?php echo $this->get_field_name( 'year' ); ?>" type="text" value="<?php echo esc_attr( $instance['year'] ); ?>">
|
||||
</fieldset>
|
||||
|
||||
<fieldset class="jp-ms-data-time">
|
||||
<legend><?php esc_html_e( 'Time', 'jetpack' ); ?></legend>
|
||||
|
||||
<label for="<?php echo $this->get_field_id( 'hour' ); ?>" class="assistive-text"><?php _e( 'Hour', 'jetpack' ); ?></label>
|
||||
<input id="<?php echo $this->get_field_id( 'hour' ); ?>" class="hour" name="<?php echo $this->get_field_name( 'hour' ); ?>" type="text" value="<?php echo esc_attr( $instance['hour'] ); ?>">
|
||||
|
||||
<label for="<?php echo $this->get_field_id( 'min' ); ?>" class="assistive-text"><?php _e( 'Minutes', 'jetpack' ); ?></label>
|
||||
|
||||
<span class="time-separator">:</span>
|
||||
|
||||
<input id="<?php echo $this->get_field_id( 'min' ); ?>" class="minutes" name="<?php echo $this->get_field_name( 'min' ); ?>" type="text" value="<?php echo esc_attr( $instance['min'] ); ?>">
|
||||
</fieldset>
|
||||
|
||||
<fieldset class="jp-ms-data-unit">
|
||||
<legend><?php esc_html_e( 'Time Unit', 'jetpack' ); ?></legend>
|
||||
|
||||
<label for="<?php echo $this->get_field_id( 'unit' ); ?>" class="assistive-text">
|
||||
<?php _e( 'Time Unit', 'jetpack' ); ?>
|
||||
</label>
|
||||
<select id="<?php echo $this->get_field_id( 'unit' ); ?>" class="unit" name="<?php echo $this->get_field_name( 'unit' ); ?>">
|
||||
<?php
|
||||
foreach ( $units as $key => $unit ) {
|
||||
echo '<option value="' . esc_attr( $key ) . '"' . selected( $key, $instance['unit'], false ) . '>' . $unit . '</option>';
|
||||
}
|
||||
?></select>
|
||||
</fieldset>
|
||||
|
||||
<ul class="milestone-type">
|
||||
<li>
|
||||
<label>
|
||||
<input
|
||||
<?php checked( $instance['type'], 'until' ); ?>
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'type' ) ); ?>"
|
||||
type="radio"
|
||||
value="until"
|
||||
/>
|
||||
<?php esc_html_e( 'Until your milestone', 'jetpack' ); ?>
|
||||
</label>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<label>
|
||||
<input
|
||||
<?php checked( $instance['type'], 'since' ); ?>
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'type' ) ); ?>"
|
||||
type="radio"
|
||||
value="since"
|
||||
/>
|
||||
<?php esc_html_e( 'Since your milestone', 'jetpack' ); ?>
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<p class="milestone-message-wrapper">
|
||||
<label for="<?php echo $this->get_field_id( 'message' ); ?>"><?php _e( 'Milestone Reached Message', 'jetpack' ); ?></label>
|
||||
<textarea id="<?php echo $this->get_field_id( 'message' ); ?>" name="<?php echo $this->get_field_name( 'message' ); ?>" class="widefat" rows="3"><?php echo esc_textarea( $instance['message'] ); ?></textarea>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
.milestone-widget fieldset {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.milestone-widget fieldset * {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.jp-ms-data-time input[type="text"] {
|
||||
text-align: right;
|
||||
width: 2.1em;
|
||||
}
|
||||
|
||||
.jp-ms-data-time .month {
|
||||
width: 5.4em;
|
||||
|
||||
}
|
||||
|
||||
.jp-ms-data-time .year[type="text"] {
|
||||
text-align: right;
|
||||
width: 3.2em;
|
||||
}
|
||||
|
||||
.jp-ms-data-time input[type="text"] {
|
||||
text-align: right;
|
||||
width: 3.2em;
|
||||
}
|
||||
|
||||
.jp-ms-data-time .year[type="text"] {
|
||||
width: 4.5em;
|
||||
}
|
||||
|
||||
.jp-ms-data-time .assistive-text,
|
||||
.jp-ms-data-unit .assistive-text {
|
||||
position: absolute !important;
|
||||
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.jp-ms-data-time input[type="text"],
|
||||
.jp-ms-data-time .year[type="text"] {
|
||||
width: 2.8em;
|
||||
|
||||
}
|
||||
|
||||
.jp-ms-data-time .year[type="text"] {
|
||||
width: 4em;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,290 @@
|
||||
<?php
|
||||
/**
|
||||
* Disable direct access/execution to/of the widget code.
|
||||
*/
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Jetpack_My_Community_Widget displays community members of this site.
|
||||
*
|
||||
* A community member is a WordPress.com user that liked or commented on an entry or subscribed to the site.
|
||||
* Requires WordPress.com connection to work. Otherwise it won't be visible in Widgets screen in admin.
|
||||
*/
|
||||
class Jetpack_My_Community_Widget extends WP_Widget {
|
||||
/**
|
||||
* Transient expiration time.
|
||||
*
|
||||
* @var int $expiration
|
||||
*/
|
||||
static $expiration = 600;
|
||||
|
||||
/**
|
||||
* Default widget title.
|
||||
*
|
||||
* @var string $default_title
|
||||
*/
|
||||
var $default_title;
|
||||
|
||||
/**
|
||||
* Registers the widget with WordPress.
|
||||
*/
|
||||
function __construct() {
|
||||
parent::__construct(
|
||||
'jetpack_my_community', // Base ID
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', esc_html__( 'My Community', 'jetpack' ) ),
|
||||
array(
|
||||
'description' => esc_html__( "Display members of your site's community.", 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
)
|
||||
);
|
||||
|
||||
if ( is_active_widget( false, false, $this->id_base ) || is_active_widget( false, false, 'monster' ) || is_customize_preview() ) {
|
||||
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_style' ) );
|
||||
}
|
||||
|
||||
$this->default_title = esc_html__( 'Community', 'jetpack' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueue stylesheet for grid layout.
|
||||
*/
|
||||
function enqueue_style() {
|
||||
wp_register_style( 'jetpack-my-community-widget', plugins_url( 'my-community/style.css', __FILE__ ), array(), '20160129' );
|
||||
wp_enqueue_style( 'jetpack-my-community-widget' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Back end widget form.
|
||||
*
|
||||
* @see WP_Widget::form()
|
||||
*
|
||||
* @param array $instance Previously saved values from database.
|
||||
*
|
||||
* @return string|void
|
||||
*/
|
||||
function form( $instance ) {
|
||||
$title = isset( $instance['title' ] ) ? $instance['title'] : false;
|
||||
if ( false === $title ) {
|
||||
$title = $this->default_title;
|
||||
}
|
||||
|
||||
$number = isset( $instance['number'] ) ? $instance['number'] : 10;
|
||||
if ( ! in_array( $number, array( 10, 50 ) ) ) {
|
||||
$number = 10;
|
||||
}
|
||||
|
||||
$include_likers = isset( $instance['include_likers'] ) ? (bool) $instance['include_likers'] : true;
|
||||
$include_followers = isset( $instance['include_followers'] ) ? (bool) $instance['include_followers'] : true;
|
||||
$include_commenters = isset( $instance['include_commenters'] ) ? (bool) $instance['include_commenters'] : true;
|
||||
?>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php esc_html_e( 'Title:', 'jetpack' ); ?></label>
|
||||
<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label><?php esc_html_e( 'Show a maximum of', 'jetpack' ); ?></label>
|
||||
</p>
|
||||
<ul>
|
||||
<li><label><input id="<?php echo $this->get_field_id( 'number' ); ?>-few" name="<?php echo $this->get_field_name( 'number' ); ?>" type="radio" value="10" <?php checked( '10', $number ); ?> /> <?php esc_html_e( '10 community members', 'jetpack' ); ?></label></li>
|
||||
<li><label><input id="<?php echo $this->get_field_id( 'number' ); ?>-lots" name="<?php echo $this->get_field_name( 'number' ); ?>" type="radio" value="50" <?php checked( '50', $number ); ?> /> <?php esc_html_e( '50 community members', 'jetpack' ); ?></label></li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'include_likers' ); ?>">
|
||||
<input type="checkbox" class="checkbox" id="<?php echo $this->get_field_id( 'include_likers' ); ?>" name="<?php echo $this->get_field_name( 'include_likers' ); ?>" value="1" <?php checked( $include_likers, 1 ); ?> />
|
||||
<?php esc_html_e( 'Include activity from likers', 'jetpack' ); ?>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'include_followers' ); ?>">
|
||||
<input type="checkbox" class="checkbox" id="<?php echo $this->get_field_id( 'include_followers' ); ?>" name="<?php echo $this->get_field_name( 'include_followers' ); ?>" value="1" <?php checked( $include_followers, 1 ); ?> />
|
||||
<?php esc_html_e( 'Include activity from followers', 'jetpack' ); ?>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'include_commenters' ); ?>">
|
||||
<input type="checkbox" class="checkbox" id="<?php echo $this->get_field_id( 'include_commenters' ); ?>" name="<?php echo $this->get_field_name( 'include_commenters' ); ?>" value="1" <?php checked( $include_commenters, 1 ); ?> />
|
||||
<?php esc_html_e( 'Include activity from commenters', 'jetpack' ); ?>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Sanitize widget form values as they are saved.
|
||||
*
|
||||
* @see WP_Widget::update()
|
||||
*
|
||||
* @param array $new_instance Values just sent to be saved.
|
||||
* @param array $old_instance Previously saved values from database.
|
||||
*
|
||||
* @return array Updated safe values to be saved.
|
||||
*/
|
||||
function update( $new_instance, $old_instance ) {
|
||||
$instance = array();
|
||||
$instance['title'] = wp_kses( $new_instance['title'], array() );
|
||||
if ( $instance['title'] === $this->default_title ) {
|
||||
$instance['title'] = false; // Store as false in case of language change
|
||||
}
|
||||
|
||||
$instance['number'] = (int) $new_instance['number'];
|
||||
if ( !in_array( $instance['number'], array( 10, 50 ) ) ) {
|
||||
$instance['number'] = 10;
|
||||
}
|
||||
|
||||
$instance['include_likers'] = (bool) $new_instance['include_likers'];
|
||||
$instance['include_followers'] = (bool) $new_instance['include_followers'];
|
||||
$instance['include_commenters'] = (bool) $new_instance['include_commenters'];
|
||||
|
||||
delete_transient( "$this->id-{$instance['number']}" . (int) $instance['include_likers'] . (int) $instance['include_followers'] . (int) $instance['include_commenters'] );
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Front-end display of widget.
|
||||
*
|
||||
* @see WP_Widget::widget()
|
||||
*
|
||||
* @param array $args Widget arguments.
|
||||
* @param array $instance Saved values from database.
|
||||
*/
|
||||
function widget( $args, $instance ) {
|
||||
$instance = wp_parse_args( $instance, array(
|
||||
'title' => false,
|
||||
'number' => true,
|
||||
'include_likers' => true,
|
||||
'include_followers' => true,
|
||||
'include_commenters' => true,
|
||||
) );
|
||||
|
||||
$title = $instance['title'];
|
||||
|
||||
if ( false === $title ) {
|
||||
$title = $this->default_title;
|
||||
}
|
||||
|
||||
/** This filter is documented in wp-includes/widgets/class-wp-widget-pages.php */
|
||||
$title = apply_filters( 'widget_title', $title );
|
||||
|
||||
echo $args['before_widget'];
|
||||
|
||||
if ( ! empty( $title ) ) {
|
||||
echo $args['before_title'] . $title . $args['after_title'];
|
||||
}
|
||||
|
||||
$transient_name = "$this->id-{$instance['number']}" . (int) $instance['include_likers'] . (int) $instance['include_followers'] . (int) $instance['include_commenters'];
|
||||
|
||||
$my_community = get_transient( $transient_name );
|
||||
|
||||
if ( empty( $my_community ) ) {
|
||||
$my_community = $this->get_community( $instance );
|
||||
|
||||
set_transient( $transient_name, $my_community, self::$expiration );
|
||||
}
|
||||
|
||||
echo $my_community;
|
||||
|
||||
echo $args['after_widget'];
|
||||
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'my_community' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Initiate request and render the response.
|
||||
*
|
||||
* @since 4.0
|
||||
*
|
||||
* @param array $query
|
||||
*
|
||||
* @return string
|
||||
*/
|
||||
function get_community( $query ) {
|
||||
$members = $this->fetch_remote_community( $query );
|
||||
|
||||
if ( ! empty( $members ) ) {
|
||||
|
||||
$my_community = '<div class="widgets-multi-column-grid"><ul>';
|
||||
|
||||
foreach ( $members as $member ) {
|
||||
$my_community .= sprintf( '<li><a href="%s" %s><img alt="" src="%s" class="avatar avatar-240" height="48" width="48" originals="240" scale="1" /></a></li>',
|
||||
$member->profile_URL,
|
||||
empty( $member->name ) ? '' : 'title="' . $member->name . '"',
|
||||
$member->avatar_URL
|
||||
);
|
||||
}
|
||||
|
||||
$my_community .= '</ul></div>';
|
||||
|
||||
} else {
|
||||
if ( current_user_can( 'edit_theme_options' ) ) {
|
||||
$my_community = '<p>' . wp_kses( sprintf( __( 'There are no users to display in this <a href="%1$s">My Community widget</a>. <a href="%2$s">Want more traffic?</a>', 'jetpack' ),
|
||||
admin_url( 'widgets.php' ),
|
||||
'https://jetpack.com/support/getting-more-views-and-traffic/'
|
||||
), array( 'a' => array( 'href' => true ) ) ) . '</p>';
|
||||
} else {
|
||||
$my_community = '<p>' . esc_html__( "I'm just starting out; leave me a comment or a like :)", 'jetpack' ) . '</p>';
|
||||
}
|
||||
}
|
||||
|
||||
return $my_community;
|
||||
}
|
||||
|
||||
/**
|
||||
* Request community members to WordPress.com endpoint.
|
||||
*
|
||||
* @since 4.0
|
||||
*
|
||||
* @param $query
|
||||
*
|
||||
* @return array
|
||||
*/
|
||||
function fetch_remote_community( $query ) {
|
||||
$jetpack_blog_id = Jetpack_Options::get_option( 'id' );
|
||||
$url = add_query_arg(
|
||||
array(
|
||||
'number' => $query['number'],
|
||||
'likers' => (int) $query['include_likers'],
|
||||
'followers' => (int) $query['include_followers'],
|
||||
'commenters' => (int) $query['include_commenters'],
|
||||
),
|
||||
"https://public-api.wordpress.com/rest/v1.1/sites/$jetpack_blog_id/community"
|
||||
);
|
||||
$response = wp_remote_get( $url );
|
||||
$response_body = wp_remote_retrieve_body( $response );
|
||||
|
||||
if ( empty( $response_body ) ) {
|
||||
return array();
|
||||
}
|
||||
|
||||
$response_body = json_decode( $response_body );
|
||||
|
||||
if ( isset( $response_body->users ) ) {
|
||||
return $response_body->users;
|
||||
}
|
||||
|
||||
return array();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* If site is connected to WordPress.com, register the widget.
|
||||
*
|
||||
* @since 4.0
|
||||
*/
|
||||
function jetpack_my_community_init() {
|
||||
if ( Jetpack::is_active() ) {
|
||||
register_widget( 'Jetpack_My_Community_Widget' );
|
||||
}
|
||||
}
|
||||
|
||||
add_action( 'widgets_init', 'jetpack_my_community_init' );
|
||||
@@ -0,0 +1,35 @@
|
||||
/* Multi-Column Grid Layout */
|
||||
.widgets-multi-column-grid ul {
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.widgets-multi-column-grid ul li {
|
||||
background: none;
|
||||
clear: none;
|
||||
float: left;
|
||||
margin: 0 -5px -3px 0;
|
||||
padding: 0 8px 6px 0;
|
||||
border: none;
|
||||
list-style-type: none !important;
|
||||
}
|
||||
|
||||
.widgets-multi-column-grid ul li a {
|
||||
background: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.widgets-multi-column-grid .avatar {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Ensure My Community images fit the 48 pixel grid. */
|
||||
.widget_jetpack_my_community .avatar-48,
|
||||
.widget_jetpack_my_community .avatar-240 {
|
||||
max-width: 48px;
|
||||
max-height: 48px;
|
||||
}
|
||||
@@ -0,0 +1,225 @@
|
||||
<?php
|
||||
/**
|
||||
* Module Name: RSS Links Widget
|
||||
* Module Description: Easily add RSS links to your theme's sidebar.
|
||||
* Sort Order: 20
|
||||
* First Introduced: 1.2
|
||||
*/
|
||||
|
||||
class Jetpack_RSS_Links_Widget extends WP_Widget {
|
||||
|
||||
function __construct() {
|
||||
$widget_ops = array(
|
||||
'classname' => 'widget_rss_links',
|
||||
'description' => __( "Links to your blog's RSS feeds", 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
);
|
||||
parent::__construct(
|
||||
'rss_links',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', __( 'RSS Links', 'jetpack' ) ),
|
||||
$widget_ops
|
||||
);
|
||||
}
|
||||
|
||||
function widget( $args, $instance ) {
|
||||
$instance = wp_parse_args( (array) $instance, $this->defaults() );
|
||||
|
||||
extract( $args );
|
||||
|
||||
/** This filter is documented in core/src/wp-includes/default-widgets.php */
|
||||
$title = apply_filters( 'widget_title', $instance['title'] );
|
||||
echo $before_widget;
|
||||
|
||||
if ( $title )
|
||||
echo $before_title . stripslashes( $title ) . $after_title;
|
||||
|
||||
if ( 'text' == $instance['format'] ) echo '<ul>';
|
||||
|
||||
if ( 'posts' == $instance['display'] ) {
|
||||
$this->_rss_link( 'posts', $instance);
|
||||
} elseif ( 'comments' == $instance['display'] ) {
|
||||
$this->_rss_link( 'comments', $instance);
|
||||
} elseif ( 'posts-comments' == $instance['display'] ) {
|
||||
$this->_rss_link( 'posts', $instance );
|
||||
$this->_rss_link( 'comments', $instance );
|
||||
}
|
||||
|
||||
if ( 'text' == $instance['format'] ) echo '</ul>';
|
||||
|
||||
echo "\n" . $after_widget;
|
||||
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'rss-links' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Return an associative array of default values
|
||||
* These values are used in new widgets as well as when sanitizing input.
|
||||
*
|
||||
* @return array Array of default values for the Widget's options
|
||||
*/
|
||||
function defaults() {
|
||||
return array(
|
||||
'title' => '',
|
||||
'display' => 'posts-comments',
|
||||
'format' => 'text'
|
||||
);
|
||||
}
|
||||
|
||||
function update( $new_instance, $old_instance ) {
|
||||
$instance = $old_instance;
|
||||
|
||||
$instance['title'] = wp_filter_nohtml_kses( $new_instance['title'] );
|
||||
$instance['display'] = $new_instance['display'];
|
||||
$instance['format'] = $new_instance['format'];
|
||||
$instance['imagesize'] = $new_instance['imagesize'];
|
||||
$instance['imagecolor'] = $new_instance['imagecolor'];
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
function form( $instance ) {
|
||||
$instance = wp_parse_args( (array) $instance, $this->defaults() );
|
||||
|
||||
$title = stripslashes( $instance['title'] );
|
||||
$display = $instance['display'];
|
||||
$format = $instance['format'];
|
||||
$image_size = isset( $instance['imagesize'] ) ? $instance['imagesize'] : 0 ;
|
||||
$image_color = isset( $instance['imagecolor'] ) ? $instance['imagecolor'] : 'red';
|
||||
|
||||
echo '<p><label for="' . $this->get_field_id( 'title' ) . '">' . esc_html__( 'Title:', 'jetpack' ) . '
|
||||
<input class="widefat" id="' . $this->get_field_id( 'title' ) . '" name="' . $this->get_field_name( 'title' ) . '" type="text" value="' . esc_attr( $title ) . '" />
|
||||
</label></p>';
|
||||
|
||||
$displays = array(
|
||||
'posts' => __( 'Posts', 'jetpack' ),
|
||||
'comments' => __( 'Comments', 'jetpack' ),
|
||||
'posts-comments' => __( 'Posts & Comments', 'jetpack' )
|
||||
);
|
||||
echo '<p><label for="' . $this->get_field_id( 'display' ) . '">' . esc_html__( 'Feed(s) to Display:', 'jetpack' ) . '
|
||||
<select class="widefat" id="' . $this->get_field_id( 'display' ) . '" name="' . $this->get_field_name( 'display' ) . '">';
|
||||
foreach ( $displays as $display_option => $label ) {
|
||||
echo '<option value="' . esc_attr( $display_option ) . '"';
|
||||
if ( $display_option == $display ) echo ' selected="selected"';
|
||||
echo '>' . esc_html( $label ) . '</option>' . "\n";
|
||||
}
|
||||
echo '</select></label></p>';
|
||||
|
||||
$formats = array(
|
||||
'text' => __( 'Text Link', 'jetpack' ),
|
||||
'image' => __( 'Image Link', 'jetpack' ),
|
||||
'text-image' => __( 'Text & Image Links', 'jetpack' )
|
||||
);
|
||||
echo '<p><label for="' . $this->get_field_id( 'format' ) . '">' . _x( 'Format:', 'Noun', 'jetpack' ) . '
|
||||
<select class="widefat" id="' . $this->get_field_id( 'format' ) . '" name="' . $this->get_field_name( 'format' ) . '" onchange="if ( this.value == \'text\' ) jQuery( \'#' . $this->get_field_id( 'image-settings' ) . '\' ).fadeOut(); else jQuery( \'#' . $this->get_field_id( 'image-settings' ) . '\' ).fadeIn();">';
|
||||
foreach ( $formats as $format_option => $label ) {
|
||||
echo '<option value="' . esc_attr( $format_option ) . '"';
|
||||
if ( $format_option == $format ) echo ' selected="selected"';
|
||||
echo '>' . esc_html( $label ) . '</option>' . "\n";
|
||||
}
|
||||
echo '</select></label></p>';
|
||||
|
||||
echo '<div id="' . $this->get_field_id( 'image-settings' ) . '"';
|
||||
if ( 'text' == $format ) echo ' style="display: none;"';
|
||||
echo '><h3>' . esc_html__( 'Image Settings:', 'jetpack' ) . '</h3>';
|
||||
|
||||
$sizes = array(
|
||||
'small' => __( 'Small', 'jetpack' ),
|
||||
'medium' => __( 'Medium', 'jetpack' ),
|
||||
'large' => __( 'Large', 'jetpack' )
|
||||
);
|
||||
echo '<p><label for="' . $this->get_field_id( 'imagesize' ) . '">' . esc_html__( 'Image Size:', 'jetpack' ) . '
|
||||
<select class="widefat" id="' . $this->get_field_id( 'imagesize' ) . '" name="' . $this->get_field_name( 'imagesize' ) . '">';
|
||||
foreach ( $sizes as $size => $label ) {
|
||||
echo '<option value="' . esc_attr( $size) . '"';
|
||||
if ( $size == $image_size ) echo ' selected="selected"';
|
||||
echo '>' . esc_html( $label ) . '</option>' . "\n";
|
||||
}
|
||||
echo '</select></label></p>';
|
||||
|
||||
$colors = array(
|
||||
'red' => __( 'Red', 'jetpack' ),
|
||||
'orange' => __( 'Orange', 'jetpack' ),
|
||||
'green' => __( 'Green', 'jetpack' ),
|
||||
'blue' => __( 'Blue', 'jetpack' ),
|
||||
'purple' => __( 'Purple', 'jetpack' ),
|
||||
'pink' => __( 'Pink', 'jetpack' ),
|
||||
'silver' => __( 'Silver', 'jetpack' ),
|
||||
);
|
||||
echo '<p><label for="' . $this->get_field_id( 'imagecolor' ) . '">' . esc_html__( 'Image Color:', 'jetpack' ) . '
|
||||
<select class="widefat" id="' . $this->get_field_id( 'imagecolor' ) . '" name="' . $this->get_field_name( 'imagecolor' ) . '">';
|
||||
foreach ( $colors as $color => $label ) {
|
||||
echo '<option value="' . esc_attr( $color) . '"';
|
||||
if ( $color == $image_color ) echo ' selected="selected"';
|
||||
echo '>' . esc_html( $label ) . '</option>' . "\n";
|
||||
}
|
||||
echo '</select></label></p></div>';
|
||||
}
|
||||
|
||||
function _rss_link( $type = 'posts', $args ) {
|
||||
if ( 'posts' == $type ) {
|
||||
$type_text = __( 'Posts', 'jetpack' );
|
||||
$rss_type = 'rss2_url';
|
||||
} elseif ( 'comments' == $type ) {
|
||||
$type_text = __( 'Comments', 'jetpack' );
|
||||
$rss_type = 'comments_rss2_url';
|
||||
}
|
||||
|
||||
$subscribe_to = sprintf( __( 'Subscribe to %s', 'jetpack' ), $type_text );
|
||||
|
||||
$link_item = '';
|
||||
$format = $args['format'];
|
||||
|
||||
/**
|
||||
* Filters the target link attribute for the RSS link in the RSS widget.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.4.0
|
||||
*
|
||||
* @param bool false Control whether the link should open in a new tab. Default to false.
|
||||
*/
|
||||
if ( apply_filters( 'jetpack_rsslinks_widget_target_blank', false ) ) {
|
||||
$link_target = '_blank';
|
||||
} else {
|
||||
$link_target = '_self';
|
||||
}
|
||||
|
||||
if ( 'image' == $format || 'text-image' == $format ) {
|
||||
/**
|
||||
* Filters the image used as RSS icon in the RSS widget.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.6.0
|
||||
*
|
||||
* @param string $var URL of RSS Widget icon.
|
||||
*/
|
||||
$link_image = apply_filters( 'jetpack_rss_widget_icon', plugins_url( 'images/rss/' . $args['imagecolor'] . '-' . $args['imagesize'] . '.png', dirname( dirname( __FILE__ ) ) ) );
|
||||
$link_item = '<a target="' . $link_target . '" href="' . get_bloginfo( $rss_type ) . '" title="' . esc_attr( $subscribe_to ) . '"><img src="' . esc_url( $link_image ) . '" alt="RSS Feed" /></a>';
|
||||
}
|
||||
if ( 'text-image' == $format ) {
|
||||
$link_item .= ' <a target="' . $link_target . '" href="' . get_bloginfo( $rss_type ) . '" title="' . esc_attr( $subscribe_to ) . '">' . esc_html__( 'RSS - ' . $type_text, 'jetpack' ). '</a>';
|
||||
}
|
||||
if ( 'text' == $format ) {
|
||||
$link_item = '<a target="' . $link_target . '" href="' . get_bloginfo( $rss_type ) . '" title="' . esc_attr( $subscribe_to ) . '">' . esc_html__( 'RSS - ' . $type_text, 'jetpack' ). '</a>';
|
||||
}
|
||||
|
||||
if ( 'text' == $format )
|
||||
echo '<li>';
|
||||
else
|
||||
echo '<p>';
|
||||
echo $link_item;
|
||||
if ( 'text' == $format )
|
||||
echo '</li>';
|
||||
else
|
||||
echo '</p>';
|
||||
|
||||
}
|
||||
} // Class Jetpack_RSS_Links_Widget
|
||||
|
||||
function jetpack_rss_links_widget_init() {
|
||||
register_widget( 'Jetpack_RSS_Links_Widget' );
|
||||
}
|
||||
add_action( 'widgets_init', 'jetpack_rss_links_widget_init' );
|
||||
@@ -0,0 +1,769 @@
|
||||
<?php
|
||||
/**
|
||||
* Jetpack Search: Jetpack_Search_Widget class
|
||||
*
|
||||
* @package Jetpack
|
||||
* @subpackage Jetpack Search
|
||||
* @since 5.0.0
|
||||
*/
|
||||
|
||||
add_action( 'widgets_init', 'jetpack_search_widget_init' );
|
||||
|
||||
function jetpack_search_widget_init() {
|
||||
if ( ! Jetpack::is_active() || ! Jetpack::active_plan_supports( 'search' ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
require_once JETPACK__PLUGIN_DIR . 'modules/search/class.jetpack-search-helpers.php';
|
||||
|
||||
register_widget( 'Jetpack_Search_Widget' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Provides a widget to show available/selected filters on searches.
|
||||
*
|
||||
* @since 5.0.0
|
||||
*
|
||||
* @see WP_Widget
|
||||
*/
|
||||
class Jetpack_Search_Widget extends WP_Widget {
|
||||
|
||||
/**
|
||||
* The Jetpack_Search instance.
|
||||
*
|
||||
* @since 5.7.0
|
||||
* @var Jetpack_Search
|
||||
*/
|
||||
protected $jetpack_search;
|
||||
|
||||
/**
|
||||
* Number of aggregations (filters) to show by default.
|
||||
*
|
||||
* @since 5.8.0
|
||||
* @var int
|
||||
*/
|
||||
const DEFAULT_FILTER_COUNT = 5;
|
||||
|
||||
/**
|
||||
* Default sort order for search results.
|
||||
*
|
||||
* @since 5.8.0
|
||||
* @var string
|
||||
*/
|
||||
const DEFAULT_SORT = 'relevance_desc';
|
||||
|
||||
/**
|
||||
* Jetpack_Search_Widget constructor.
|
||||
*
|
||||
* @since 5.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
parent::__construct(
|
||||
Jetpack_Search_Helpers::FILTER_WIDGET_BASE,
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', esc_html__( 'Search', 'jetpack' ) ),
|
||||
array(
|
||||
'classname' => 'jetpack-filters widget_search',
|
||||
'description' => __( 'Replaces the default search with an Elasticsearch-powered search interface and filters.', 'jetpack' ),
|
||||
)
|
||||
);
|
||||
|
||||
if (
|
||||
Jetpack_Search_Helpers::is_active_widget( $this->id ) &&
|
||||
! Jetpack::is_module_active( 'search' )
|
||||
) {
|
||||
Jetpack::activate_module( 'search', false, false );
|
||||
}
|
||||
|
||||
if ( is_admin() ) {
|
||||
add_action( 'sidebar_admin_setup', array( $this, 'widget_admin_setup' ) );
|
||||
} else {
|
||||
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_frontend_scripts' ) );
|
||||
}
|
||||
|
||||
add_action( 'jetpack_search_render_filters_widget_title', array( 'Jetpack_Search_Template_Tags', 'render_widget_title' ), 10, 3 );
|
||||
add_action( 'jetpack_search_render_filters', array( 'Jetpack_Search_Template_Tags', 'render_available_filters' ), 10, 2 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueues the scripts and styles needed for the customizer.
|
||||
*
|
||||
* @since 5.7.0
|
||||
*/
|
||||
public function widget_admin_setup() {
|
||||
wp_enqueue_style( 'widget-jetpack-search-filters', plugins_url( 'search/css/search-widget-admin-ui.css', __FILE__ ) );
|
||||
|
||||
// Required for Tracks
|
||||
wp_register_script(
|
||||
'jp-tracks',
|
||||
'//stats.wp.com/w.js',
|
||||
array(),
|
||||
gmdate( 'YW' ),
|
||||
true
|
||||
);
|
||||
|
||||
wp_register_script(
|
||||
'jp-tracks-functions',
|
||||
plugins_url( '_inc/lib/tracks/tracks-callables.js', JETPACK__PLUGIN_FILE ),
|
||||
array(),
|
||||
JETPACK__VERSION,
|
||||
false
|
||||
);
|
||||
|
||||
wp_register_script(
|
||||
'jetpack-search-widget-admin',
|
||||
plugins_url( 'search/js/search-widget-admin.js', __FILE__ ),
|
||||
array( 'jquery', 'jquery-ui-sortable', 'jp-tracks', 'jp-tracks-functions' ),
|
||||
JETPACK__VERSION
|
||||
);
|
||||
|
||||
wp_localize_script( 'jetpack-search-widget-admin', 'jetpack_search_filter_admin', array(
|
||||
'defaultFilterCount' => self::DEFAULT_FILTER_COUNT,
|
||||
'tracksUserData' => Jetpack_Tracks_Client::get_connected_user_tracks_identity(),
|
||||
'tracksEventData' => array(
|
||||
'is_customizer' => ( function_exists( 'is_customize_preview' ) && is_customize_preview() ) ? 1 : 0,
|
||||
),
|
||||
'i18n' => array(
|
||||
'month' => Jetpack_Search_Helpers::get_date_filter_type_name( 'month', false ),
|
||||
'year' => Jetpack_Search_Helpers::get_date_filter_type_name( 'year', false ),
|
||||
'monthUpdated' => Jetpack_Search_Helpers::get_date_filter_type_name( 'month', true ),
|
||||
'yearUpdated' => Jetpack_Search_Helpers::get_date_filter_type_name( 'year', true ),
|
||||
),
|
||||
) );
|
||||
|
||||
wp_enqueue_script( 'jetpack-search-widget-admin' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueue scripts and styles for the frontend.
|
||||
*
|
||||
* @since 5.8.0
|
||||
*/
|
||||
public function enqueue_frontend_scripts() {
|
||||
if ( ! is_active_widget( false, false, $this->id_base, true ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
wp_enqueue_script(
|
||||
'jetpack-search-widget',
|
||||
plugins_url( 'search/js/search-widget.js', __FILE__ ),
|
||||
array( 'jquery' ),
|
||||
JETPACK__VERSION,
|
||||
true
|
||||
);
|
||||
|
||||
wp_enqueue_style( 'jetpack-search-widget', plugins_url( 'search/css/search-widget-frontend.css', __FILE__ ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the list of valid sort types/orders.
|
||||
*
|
||||
* @since 5.8.0
|
||||
*
|
||||
* @return array The sort orders.
|
||||
*/
|
||||
private function get_sort_types() {
|
||||
return array(
|
||||
'relevance|DESC' => is_admin() ? esc_html__( 'Relevance (recommended)', 'jetpack' ) : esc_html__( 'Relevance', 'jetpack' ),
|
||||
'date|DESC' => esc_html__( 'Newest first', 'jetpack' ),
|
||||
'date|ASC' => esc_html__( 'Oldest first', 'jetpack' )
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Callback for an array_filter() call in order to only get filters for the current widget.
|
||||
*
|
||||
* @see Jetpack_Search_Widget::widget()
|
||||
*
|
||||
* @since 5.7.0
|
||||
*
|
||||
* @param array $item Filter item.
|
||||
*
|
||||
* @return bool Whether the current filter item is for the current widget.
|
||||
*/
|
||||
function is_for_current_widget( $item ) {
|
||||
return isset( $item['widget_id'] ) && $this->id == $item['widget_id'];
|
||||
}
|
||||
|
||||
/**
|
||||
* This method returns a boolean for whether the widget should show site-wide filters for the site.
|
||||
*
|
||||
* This is meant to provide backwards-compatibility for VIP, and other professional plan users, that manually
|
||||
* configured filters via `Jetpack_Search::set_filters()`.
|
||||
*
|
||||
* @since 5.7.0
|
||||
*
|
||||
* @return bool Whether the widget should display site-wide filters or not.
|
||||
*/
|
||||
public function should_display_sitewide_filters() {
|
||||
$filter_widgets = get_option( 'widget_jetpack-search-filters' );
|
||||
|
||||
// This shouldn't be empty, but just for sanity
|
||||
if ( empty( $filter_widgets ) ) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// If any widget has any filters, return false
|
||||
foreach ( $filter_widgets as $number => $widget ) {
|
||||
$widget_id = sprintf( '%s-%d', $this->id_base, $number );
|
||||
if ( ! empty( $widget['filters'] ) && is_active_widget( false, $widget_id, $this->id_base ) ) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
public function jetpack_search_populate_defaults( $instance ) {
|
||||
$instance = wp_parse_args( (array) $instance, array(
|
||||
'title' => '',
|
||||
'search_box_enabled' => true,
|
||||
'user_sort_enabled' => true,
|
||||
'sort' => self::DEFAULT_SORT,
|
||||
'filters' => array( array() ),
|
||||
) );
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Responsible for rendering the widget on the frontend.
|
||||
*
|
||||
* @since 5.0.0
|
||||
*
|
||||
* @param array $args Widgets args supplied by the theme.
|
||||
* @param array $instance The current widget instance.
|
||||
*/
|
||||
public function widget( $args, $instance ) {
|
||||
$instance = $this->jetpack_search_populate_defaults( $instance );
|
||||
|
||||
$display_filters = false;
|
||||
|
||||
if ( is_search() ) {
|
||||
if ( Jetpack_Search_Helpers::should_rerun_search_in_customizer_preview() ) {
|
||||
Jetpack_Search::instance()->update_search_results_aggregations();
|
||||
}
|
||||
|
||||
$filters = Jetpack_Search::instance()->get_filters();
|
||||
|
||||
if ( ! Jetpack_Search_Helpers::are_filters_by_widget_disabled() && ! $this->should_display_sitewide_filters() ) {
|
||||
$filters = array_filter( $filters, array( $this, 'is_for_current_widget' ) );
|
||||
}
|
||||
|
||||
if ( ! empty( $filters ) ) {
|
||||
$display_filters = true;
|
||||
}
|
||||
}
|
||||
|
||||
if ( ! $display_filters && empty( $instance['search_box_enabled'] ) && empty( $instance['user_sort_enabled'] ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
$title = isset( $instance['title'] ) ? $instance['title'] : '';
|
||||
|
||||
if ( empty( $title ) ) {
|
||||
$title = '';
|
||||
}
|
||||
|
||||
/** This filter is documented in core/src/wp-includes/default-widgets.php */
|
||||
$title = apply_filters( 'widget_title', $title, $instance, $this->id_base );
|
||||
|
||||
echo $args['before_widget'];
|
||||
?><div id="<?php echo esc_attr( $this->id ); ?>-wrapper"><?php
|
||||
|
||||
if ( ! empty( $title ) ) {
|
||||
/**
|
||||
* Responsible for displaying the title of the Jetpack Search filters widget.
|
||||
*
|
||||
* @module search
|
||||
*
|
||||
* @since 5.7.0
|
||||
*
|
||||
* @param string $title The widget's title
|
||||
* @param string $args['before_title'] The HTML tag to display before the title
|
||||
* @param string $args['after_title'] The HTML tag to display after the title
|
||||
*/
|
||||
do_action( 'jetpack_search_render_filters_widget_title', $title, $args['before_title'], $args['after_title'] );
|
||||
}
|
||||
|
||||
$default_sort = isset( $instance['sort'] ) ? $instance['sort'] : self::DEFAULT_SORT;
|
||||
list( $orderby, $order ) = $this->sorting_to_wp_query_param( $default_sort );
|
||||
$current_sort = "{$orderby}|{$order}";
|
||||
|
||||
// we need to dynamically inject the sort field into the search box when the search box is enabled, and display
|
||||
// it separately when it's not.
|
||||
if ( ! empty( $instance['search_box_enabled'] ) ) {
|
||||
Jetpack_Search_Template_Tags::render_widget_search_form( $instance['post_types'], $orderby, $order );
|
||||
}
|
||||
|
||||
if ( ! empty( $instance['search_box_enabled'] ) && ! empty( $instance['user_sort_enabled'] ) ): ?>
|
||||
<div class="jetpack-search-sort-wrapper">
|
||||
<label>
|
||||
<?php esc_html_e( 'Sort by', 'jetpack' ); ?>
|
||||
<select class="jetpack-search-sort">
|
||||
<?php foreach ( $this->get_sort_types() as $sort => $label ) { ?>
|
||||
<option value="<?php echo esc_attr( $sort ); ?>" <?php selected( $current_sort, $sort ); ?>>
|
||||
<?php echo esc_html( $label ); ?>
|
||||
</option>
|
||||
<?php } ?>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
<?php endif;
|
||||
|
||||
if ( $display_filters ) {
|
||||
/**
|
||||
* Responsible for rendering filters to narrow down search results.
|
||||
*
|
||||
* @module search
|
||||
*
|
||||
* @since 5.8.0
|
||||
*
|
||||
* @param array $filters The possible filters for the current query.
|
||||
* @param array $post_types An array of post types to limit filtering to.
|
||||
*/
|
||||
do_action(
|
||||
'jetpack_search_render_filters',
|
||||
$filters,
|
||||
isset( $instance['post_types'] ) ? $instance['post_types'] : null
|
||||
);
|
||||
}
|
||||
|
||||
$this->maybe_render_sort_javascript( $instance, $order, $orderby );
|
||||
|
||||
echo "</div>";
|
||||
echo $args['after_widget'];
|
||||
}
|
||||
|
||||
/**
|
||||
* Renders JavaScript for the sorting controls on the frontend.
|
||||
*
|
||||
* This JS is a bit complicated, but here's what it's trying to do:
|
||||
* - find the search form
|
||||
* - find the orderby/order fields and set default values
|
||||
* - detect changes to the sort field, if it exists, and use it to set the order field values
|
||||
*
|
||||
* @since 5.8.0
|
||||
*
|
||||
* @param array $instance The current widget instance.
|
||||
* @param string $order The order to initialize the select with.
|
||||
* @param string $orderby The orderby to initialize the select with.
|
||||
*/
|
||||
private function maybe_render_sort_javascript( $instance, $order, $orderby ) {
|
||||
if ( ! empty( $instance['user_sort_enabled'] ) ) :
|
||||
?>
|
||||
<script type="text/javascript">
|
||||
jQuery( document ).ready( function( $ ) {
|
||||
var orderByDefault = <?php echo wp_json_encode( $orderby ); ?>,
|
||||
orderDefault = <?php echo wp_json_encode( $order ); ?>,
|
||||
widgetId = <?php echo wp_json_encode( $this->id ); ?>,
|
||||
searchQuery = <?php echo wp_json_encode( get_query_var( 's', '' ) ); ?>,
|
||||
isSearch = <?php echo wp_json_encode( is_search() ); ?>;
|
||||
|
||||
var container = $( '#' + widgetId + '-wrapper' ),
|
||||
form = container.find('.jetpack-search-form form'),
|
||||
orderBy = form.find( 'input[name=orderby]'),
|
||||
order = form.find( 'input[name=order]'),
|
||||
searchInput = form.find( 'input[name="s"]' );
|
||||
|
||||
orderBy.val( orderByDefault );
|
||||
order.val( orderDefault );
|
||||
|
||||
// Some themes don't set the search query, which results in the query being lost
|
||||
// when doing a sort selection. So, if the query isn't set, let's set it now. This approach
|
||||
// is chosen over running a regex over HTML for every search query performed.
|
||||
if ( isSearch && ! searchInput.val() ) {
|
||||
searchInput.val( searchQuery );
|
||||
}
|
||||
|
||||
searchInput.addClass( 'show-placeholder' );
|
||||
|
||||
container.find( '.jetpack-search-sort' ).change( function( event ) {
|
||||
var values = event.target.value.split( '|' );
|
||||
orderBy.val( values[0] );
|
||||
order.val( values[1] );
|
||||
|
||||
form.submit();
|
||||
});
|
||||
} );
|
||||
</script>
|
||||
<?php
|
||||
endif;
|
||||
}
|
||||
|
||||
/**
|
||||
* Convert a sort string into the separate order by and order parts.
|
||||
*
|
||||
* @since 5.8.0
|
||||
*
|
||||
* @param string $sort A sort string.
|
||||
*
|
||||
* @return array Order by and order.
|
||||
*/
|
||||
private function sorting_to_wp_query_param( $sort ) {
|
||||
$parts = explode( '|', $sort );
|
||||
$orderby = isset( $_GET['orderby'] )
|
||||
? $_GET['orderby']
|
||||
: $parts[0];
|
||||
|
||||
$order = isset( $_GET['order'] )
|
||||
? strtoupper( $_GET['order'] )
|
||||
: ( ( isset( $parts[1] ) && 'ASC' === strtoupper( $parts[1] ) ) ? 'ASC' : 'DESC' );
|
||||
|
||||
return array( $orderby, $order );
|
||||
}
|
||||
|
||||
/**
|
||||
* Updates a particular instance of the widget. Validates and sanitizes the options.
|
||||
*
|
||||
* @since 5.0.0
|
||||
*
|
||||
* @param array $new_instance New settings for this instance as input by the user via Jetpack_Search_Widget::form().
|
||||
* @param array $old_instance Old settings for this instance.
|
||||
*
|
||||
* @return array Settings to save.
|
||||
*/
|
||||
public function update( $new_instance, $old_instance ) {
|
||||
$instance = array();
|
||||
|
||||
$instance['title'] = sanitize_text_field( $new_instance['title'] );
|
||||
$instance['search_box_enabled'] = empty( $new_instance['search_box_enabled'] ) ? '0' : '1';
|
||||
$instance['user_sort_enabled'] = empty( $new_instance['user_sort_enabled'] ) ? '0' : '1';
|
||||
$instance['sort'] = $new_instance['sort'];
|
||||
$instance['post_types'] = empty( $new_instance['post_types'] ) || empty( $instance['search_box_enabled'] )
|
||||
? array()
|
||||
: array_map( 'sanitize_key', $new_instance['post_types'] );
|
||||
|
||||
$filters = array();
|
||||
if ( isset( $new_instance['filter_type'] ) ) {
|
||||
foreach ( (array) $new_instance['filter_type'] as $index => $type ) {
|
||||
$count = intval( $new_instance['num_filters'][ $index ] );
|
||||
$count = min( 50, $count ); // Set max boundary at 20.
|
||||
$count = max( 1, $count ); // Set min boundary at 1.
|
||||
|
||||
switch ( $type ) {
|
||||
case 'taxonomy':
|
||||
$filters[] = array(
|
||||
'name' => sanitize_text_field( $new_instance['filter_name'][ $index ] ),
|
||||
'type' => 'taxonomy',
|
||||
'taxonomy' => sanitize_key( $new_instance['taxonomy_type'][ $index ] ),
|
||||
'count' => $count,
|
||||
);
|
||||
break;
|
||||
case 'post_type':
|
||||
$filters[] = array(
|
||||
'name' => sanitize_text_field( $new_instance['filter_name'][ $index ] ),
|
||||
'type' => 'post_type',
|
||||
'count' => $count,
|
||||
);
|
||||
break;
|
||||
case 'date_histogram':
|
||||
$filters[] = array(
|
||||
'name' => sanitize_text_field( $new_instance['filter_name'][ $index ] ),
|
||||
'type' => 'date_histogram',
|
||||
'count' => $count,
|
||||
'field' => sanitize_key( $new_instance['date_histogram_field'][ $index ] ),
|
||||
'interval' => sanitize_key( $new_instance['date_histogram_interval'][ $index ] ),
|
||||
);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if ( ! empty( $filters ) ) {
|
||||
$instance['filters'] = $filters;
|
||||
}
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Outputs the settings update form.
|
||||
*
|
||||
* @since 5.0.0
|
||||
*
|
||||
* @param array $instance Current settings.
|
||||
*/
|
||||
public function form( $instance ) {
|
||||
$instance = $this->jetpack_search_populate_defaults( $instance );
|
||||
|
||||
$title = strip_tags( $instance['title'] );
|
||||
|
||||
$hide_filters = Jetpack_Search_Helpers::are_filters_by_widget_disabled();
|
||||
|
||||
$classes = sprintf(
|
||||
'jetpack-search-filters-widget %s %s %s',
|
||||
$hide_filters ? 'hide-filters' : '',
|
||||
$instance['search_box_enabled'] ? '' : 'hide-post-types',
|
||||
$this->id
|
||||
);
|
||||
?>
|
||||
<div class="<?php echo esc_attr( $classes ); ?>">
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>">
|
||||
<?php esc_html_e( 'Title (optional):', 'jetpack' ); ?>
|
||||
</label>
|
||||
<input
|
||||
class="widefat"
|
||||
id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>"
|
||||
type="text"
|
||||
value="<?php echo esc_attr( $title ); ?>"
|
||||
/>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
class="jetpack-search-filters-widget__search-box-enabled"
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'search_box_enabled' ) ); ?>"
|
||||
<?php checked( $instance['search_box_enabled'] ); ?>
|
||||
/>
|
||||
<?php esc_html_e( 'Show search box', 'jetpack' ); ?>
|
||||
</label>
|
||||
</p>
|
||||
<p>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
class="jetpack-search-filters-widget__sort-controls-enabled"
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'user_sort_enabled' ) ); ?>"
|
||||
<?php checked( $instance['user_sort_enabled'] ); ?>
|
||||
<?php disabled( ! $instance['search_box_enabled'] ); ?>
|
||||
/>
|
||||
<?php esc_html_e( 'Show sort selection dropdown', 'jetpack' ); ?>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p class="jetpack-search-filters-widget__post-types-select">
|
||||
<label><?php esc_html_e( 'Post types to search (minimum of 1):', 'jetpack' ); ?></label>
|
||||
<?php foreach ( get_post_types( array( 'exclude_from_search' => false ), 'objects' ) as $post_type ) : ?>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
value="<?php echo esc_attr( $post_type->name ); ?>"
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'post_types' ) ); ?>[]"
|
||||
<?php checked( empty( $instance['post_types'] ) || in_array( $post_type->name, $instance['post_types'] ) ); ?>
|
||||
/>
|
||||
<?php echo esc_html( $post_type->label ); ?>
|
||||
</label>
|
||||
<?php endforeach; ?>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label>
|
||||
<?php esc_html_e( 'Default sort order:', 'jetpack' ); ?>
|
||||
<select
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'sort' ) ); ?>"
|
||||
class="widefat jetpack-search-filters-widget__sort-order">
|
||||
<?php foreach ( $this->get_sort_types() as $sort_type => $label ) { ?>
|
||||
<option value="<?php echo esc_attr( $sort_type ); ?>" <?php selected( $instance['sort'], $sort_type ); ?>>
|
||||
<?php echo esc_html( $label ); ?>
|
||||
</option>
|
||||
<?php } ?>
|
||||
</select>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<?php if ( ! $hide_filters ): ?>
|
||||
<script class="jetpack-search-filters-widget__filter-template" type="text/template">
|
||||
<?php echo $this->render_widget_edit_filter( array(), true ); ?>
|
||||
</script>
|
||||
<div class="jetpack-search-filters-widget__filters">
|
||||
<?php foreach ( (array) $instance['filters'] as $filter ) : ?>
|
||||
<?php $this->render_widget_edit_filter( $filter ); ?>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<p class="jetpack-search-filters-widget__add-filter-wrapper">
|
||||
<a class="button jetpack-search-filters-widget__add-filter" href="#">
|
||||
<?php esc_html_e( 'Add a filter', 'jetpack' ); ?>
|
||||
</a>
|
||||
</p>
|
||||
<noscript>
|
||||
<p class="jetpack-search-filters-help">
|
||||
<?php echo esc_html_e( 'Adding filters requires JavaScript!', 'jetpack' ); ?>
|
||||
</p>
|
||||
</noscript>
|
||||
<?php if ( is_customize_preview() ) : ?>
|
||||
<p class="jetpack-search-filters-help">
|
||||
<a href="https://jetpack.com/support/search/#filters-not-showing-up" target="_blank">
|
||||
<?php esc_html_e( "Why aren't my filters appearing?", 'jetpack' ); ?>
|
||||
</a>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* We need to render HTML in two formats: an Underscore template (client-size)
|
||||
* and native PHP (server-side). This helper function allows for easy rendering
|
||||
* of attributes in both formats.
|
||||
*
|
||||
* @since 5.8.0
|
||||
*
|
||||
* @param string $name Attribute name.
|
||||
* @param string $value Attribute value.
|
||||
* @param bool $is_template Whether this is for an Underscore template or not.
|
||||
*/
|
||||
private function render_widget_attr( $name, $value, $is_template ) {
|
||||
echo $is_template ? "<%= $name %>" : esc_attr( $value );
|
||||
}
|
||||
|
||||
/**
|
||||
* We need to render HTML in two formats: an Underscore template (client-size)
|
||||
* and native PHP (server-side). This helper function allows for easy rendering
|
||||
* of the "selected" attribute in both formats.
|
||||
*
|
||||
* @since 5.8.0
|
||||
*
|
||||
* @param string $name Attribute name.
|
||||
* @param string $value Attribute value.
|
||||
* @param string $compare Value to compare to the attribute value to decide if it should be selected.
|
||||
* @param bool $is_template Whether this is for an Underscore template or not.
|
||||
*/
|
||||
private function render_widget_option_selected( $name, $value, $compare, $is_template ) {
|
||||
$compare_json = wp_json_encode( $compare );
|
||||
echo $is_template ? "<%= $compare_json === $name ? 'selected=\"selected\"' : '' %>" : selected( $value, $compare );
|
||||
}
|
||||
|
||||
/**
|
||||
* Responsible for rendering a single filter in the customizer or the widget administration screen in wp-admin.
|
||||
*
|
||||
* We use this method for two purposes - rendering the fields server-side, and also rendering a script template for Underscore.
|
||||
*
|
||||
* @since 5.7.0
|
||||
*
|
||||
* @param array $filter The filter to render.
|
||||
* @param bool $is_template Whether this is for an Underscore template or not.
|
||||
*/
|
||||
public function render_widget_edit_filter( $filter, $is_template = false ) {
|
||||
$args = wp_parse_args( $filter, array(
|
||||
'name' => '',
|
||||
'type' => 'taxonomy',
|
||||
'taxonomy' => '',
|
||||
'post_type' => '',
|
||||
'field' => '',
|
||||
'interval' => '',
|
||||
'count' => self::DEFAULT_FILTER_COUNT,
|
||||
) );
|
||||
|
||||
$args['name_placeholder'] = Jetpack_Search_Helpers::generate_widget_filter_name( $args );
|
||||
|
||||
?>
|
||||
<div class="jetpack-search-filters-widget__filter is-<?php $this->render_widget_attr( 'type', $args['type'], $is_template ); ?>">
|
||||
<p class="jetpack-search-filters-widget__type-select">
|
||||
<label>
|
||||
<?php esc_html_e( 'Filter Type:', 'jetpack' ); ?>
|
||||
<select name="<?php echo esc_attr( $this->get_field_name( 'filter_type' ) ); ?>[]" class="widefat filter-select">
|
||||
<option value="taxonomy" <?php $this->render_widget_option_selected( 'type', $args['type'], 'taxonomy', $is_template ); ?>>
|
||||
<?php esc_html_e( 'Taxonomy', 'jetpack' ); ?>
|
||||
</option>
|
||||
<option value="post_type" <?php $this->render_widget_option_selected( 'type', $args['type'], 'post_type', $is_template ); ?>>
|
||||
<?php esc_html_e( 'Post Type', 'jetpack' ); ?>
|
||||
</option>
|
||||
<option value="date_histogram" <?php $this->render_widget_option_selected( 'type', $args['type'], 'date_histogram', $is_template ); ?>>
|
||||
<?php esc_html_e( 'Date', 'jetpack' ); ?>
|
||||
</option>
|
||||
</select>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p class="jetpack-search-filters-widget__taxonomy-select">
|
||||
<label>
|
||||
<?php
|
||||
esc_html_e( 'Choose a taxonomy:', 'jetpack' );
|
||||
$seen_taxonomy_labels = array();
|
||||
?>
|
||||
<select name="<?php echo esc_attr( $this->get_field_name( 'taxonomy_type' ) ); ?>[]" class="widefat taxonomy-select">
|
||||
<?php foreach ( get_taxonomies( array( 'public' => true ), 'objects' ) as $taxonomy ) : ?>
|
||||
<option value="<?php echo esc_attr( $taxonomy->name ); ?>" <?php $this->render_widget_option_selected( 'taxonomy', $args['taxonomy'], $taxonomy->name, $is_template ); ?>>
|
||||
<?php
|
||||
$label = in_array( $taxonomy->label, $seen_taxonomy_labels )
|
||||
? sprintf(
|
||||
/* translators: %1$s is the taxonomy name, %2s is the name of its type to help distinguish between several taxonomies with the same name, e.g. category and tag. */
|
||||
_x( '%1$s (%2$s)', 'A label for a taxonomy selector option', 'jetpack' ),
|
||||
$taxonomy->label,
|
||||
$taxonomy->name
|
||||
)
|
||||
: $taxonomy->label;
|
||||
echo esc_html( $label );
|
||||
$seen_taxonomy_labels[] = $taxonomy->label;
|
||||
?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p class="jetpack-search-filters-widget__date-histogram-select">
|
||||
<label>
|
||||
<?php esc_html_e( 'Choose a field:', 'jetpack' ); ?>
|
||||
<select name="<?php echo esc_attr( $this->get_field_name( 'date_histogram_field' ) ); ?>[]" class="widefat date-field-select">
|
||||
<option value="post_date" <?php $this->render_widget_option_selected( 'field', $args['field'], 'post_date', $is_template ); ?>>
|
||||
<?php esc_html_e( 'Date', 'jetpack' ); ?>
|
||||
</option>
|
||||
<option value="post_date_gmt" <?php $this->render_widget_option_selected( 'field', $args['field'], 'post_date_gmt', $is_template ); ?>>
|
||||
<?php esc_html_e( 'Date GMT', 'jetpack' ); ?>
|
||||
</option>
|
||||
<option value="post_modified" <?php $this->render_widget_option_selected( 'field', $args['field'], 'post_modified', $is_template ); ?>>
|
||||
<?php esc_html_e( 'Modified', 'jetpack' ); ?>
|
||||
</option>
|
||||
<option value="post_modified_gmt" <?php $this->render_widget_option_selected( 'field', $args['field'], 'post_modified_gmt', $is_template ); ?>>
|
||||
<?php esc_html_e( 'Modified GMT', 'jetpack' ); ?>
|
||||
</option>
|
||||
</select>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p class="jetpack-search-filters-widget__date-histogram-select">
|
||||
<label>
|
||||
<?php esc_html_e( 'Choose an interval:' ); ?>
|
||||
<select name="<?php echo esc_attr( $this->get_field_name( 'date_histogram_interval' ) ); ?>[]" class="widefat date-interval-select">
|
||||
<option value="month" <?php $this->render_widget_option_selected( 'interval', $args['interval'], 'month', $is_template ); ?>>
|
||||
<?php esc_html_e( 'Month', 'jetpack' ); ?>
|
||||
</option>
|
||||
<option value="year" <?php $this->render_widget_option_selected( 'interval', $args['interval'], 'year', $is_template ); ?>>
|
||||
<?php esc_html_e( 'Year', 'jetpack' ); ?>
|
||||
</option>
|
||||
</select>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p class="jetpack-search-filters-widget__title">
|
||||
<label>
|
||||
<?php esc_html_e( 'Title:', 'jetpack' ); ?>
|
||||
<input
|
||||
class="widefat"
|
||||
type="text"
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'filter_name' ) ); ?>[]"
|
||||
value="<?php $this->render_widget_attr( 'name', $args['name'], $is_template ); ?>"
|
||||
placeholder="<?php $this->render_widget_attr( 'name_placeholder', $args['name_placeholder'], $is_template ); ?>"
|
||||
/>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label>
|
||||
<?php esc_html_e( 'Maximum number of filters (1-50):', 'jetpack' ); ?>
|
||||
<input
|
||||
class="widefat filter-count"
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'num_filters' ) ); ?>[]"
|
||||
type="number"
|
||||
value="<?php $this->render_widget_attr( 'count', $args['count'], $is_template ); ?>"
|
||||
min="1"
|
||||
max="50"
|
||||
step="1"
|
||||
required
|
||||
/>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p class="jetpack-search-filters-widget__controls">
|
||||
<a href="#" class="delete"><?php esc_html_e( 'Remove', 'jetpack' ); ?></a>
|
||||
</p>
|
||||
</div>
|
||||
<?php }
|
||||
}
|
||||
@@ -0,0 +1,87 @@
|
||||
.jetpack-search-filters-widget__filter {
|
||||
background: #f9f9f9;
|
||||
border: 1px solid #dfdfdf;
|
||||
padding: 0 12px;
|
||||
margin-bottom: 12px;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.jetpack-search-filters-widget__controls {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.jetpack-search-filters-widget .jetpack-search-filters-widget__sort-controls-enabled {
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
.jetpack-search-filters-widget__controls .delete {
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
.jetpack-search-filters-widget.hide-filters .jetpack-search-filters-widget__filter {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.button.jetpack-search-filters-widget__add-filter {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Assume that taxonomy select is the default selected. Other controls should be hidden here. */
|
||||
.jetpack-search-filters-widget__post-type-select {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jetpack-search-filters-widget__date-histogram-select {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jetpack-search-filters-widget__filter-placeholder {
|
||||
border: 1px #555 dashed;
|
||||
background-color: #eee;
|
||||
height: 286px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
/* When post type is selected, remove the other controls */
|
||||
.jetpack-search-filters-widget__filter.is-post_type .jetpack-search-filters-widget__taxonomy-select {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* When date is selected, remove the other controls */
|
||||
.jetpack-search-filters-widget__filter.is-date_histogram .jetpack-search-filters-widget__date-histogram-select {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.jetpack-search-filters-widget__filter.is-date_histogram .jetpack-search-filters-widget__taxonomy-select {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jetpack-search-filters-widget.hide-post-types .jetpack-search-filters-widget__post-types-select {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jetpack-search-filters-help:before {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
font-family: dashicons;
|
||||
font-size: 20px;
|
||||
top: 5px;
|
||||
line-height: 1px;
|
||||
content:"\f223";
|
||||
}
|
||||
.jetpack-search-filters-help {
|
||||
padding: 5px 5px 15px 0;
|
||||
}
|
||||
|
||||
.jetpack-search-filters-widget__post-types-select label {
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.jetpack-search-filters-widget__post-types-select input[type="checkbox"] {
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
body.no-js .jetpack-search-filters-widget__add-filter-wrapper {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
.jetpack-search-filters-widget__sub-heading {
|
||||
font-size: inherit;
|
||||
font-weight: bold;
|
||||
margin: 0 0 .5em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* The first heading after the form */
|
||||
.jetpack-search-form + .jetpack-search-filters-widget__sub-heading {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.5em !important;
|
||||
}
|
||||
|
||||
.jetpack-search-filters-widget__clear {
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.jetpack-search-sort-wrapper {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
||||
.jetpack-search-sort-wrapper label {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
.widget_search .jetpack-search-filters-widget__filter-list input[type="checkbox"] {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
ul.jetpack-search-filters-widget__filter-list li {
|
||||
border: none;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
ul.jetpack-search-filters-widget__filter-list li a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ul.jetpack-search-filters-widget__filter-list li a:hover {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
ul.jetpack-search-filters-widget__filter-list li label {
|
||||
font-weight: inherit;
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
.jetpack-search-filters-widget__filter-list {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
ul.jetpack-search-filters-widget__filter-list {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
||||
body.search .jetpack-search-form input[name="s"]::placeholder {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
body.search .jetpack-search-form input[name="s"].show-placeholder::placeholder {
|
||||
color: inherit;
|
||||
}
|
||||
@@ -0,0 +1,360 @@
|
||||
/* globals jetpack_search_filter_admin, jQuery, analytics */
|
||||
|
||||
( function( $, args ) {
|
||||
var defaultFilterCount = ( 'undefined' !== typeof args && args.defaultFilterCount ) ?
|
||||
args.defaultFilterCount :
|
||||
5; // Just in case we couldn't find the defaultFiltercount arg
|
||||
|
||||
$( document ).ready( function() {
|
||||
setListeners();
|
||||
|
||||
window.JetpackSearch = window.JetpackSearch || {};
|
||||
window.JetpackSearch.addFilter = addFilter;
|
||||
|
||||
// Initialize Tracks
|
||||
if ( 'undefined' !== typeof analytics && args.tracksUserData ) {
|
||||
analytics.initialize( args.tracksUserData.userid, args.tracksUserData.username );
|
||||
}
|
||||
} );
|
||||
|
||||
function generateFilterTitlePlaceholder( container ) {
|
||||
var placeholder = null,
|
||||
isModified = null,
|
||||
isMonth = null,
|
||||
type = container.find( '.filter-select' ).val();
|
||||
|
||||
if ( 'taxonomy' === type ) {
|
||||
placeholder = container.find('.taxonomy-select option:selected').text().trim();
|
||||
} else if ( 'date_histogram' === type && args && args.i18n ) {
|
||||
isModified = ( -1 !== container.find( '.date-field-select' ).val().indexOf( 'modified' ) );
|
||||
isMonth = ( 'month' === container.find( '.date-interval-select' ).val() );
|
||||
|
||||
if ( isMonth ) {
|
||||
placeholder = isModified ?
|
||||
args.i18n.monthUpdated :
|
||||
args.i18n.month;
|
||||
} else {
|
||||
placeholder = isModified ?
|
||||
args.i18n.yearUpdated :
|
||||
args.i18n.year;
|
||||
}
|
||||
} else {
|
||||
placeholder = container.find('.filter-select option:selected').text().trim();
|
||||
}
|
||||
|
||||
$( container ).find('.jetpack-search-filters-widget__title input').prop( 'placeholder', placeholder );
|
||||
}
|
||||
|
||||
var addFilter = function( filtersContainer, args ) {
|
||||
var template = _.template(
|
||||
filtersContainer
|
||||
.closest( '.jetpack-search-filters-widget' )
|
||||
.find( '.jetpack-search-filters-widget__filter-template' )
|
||||
.html()
|
||||
);
|
||||
generateFilterTitlePlaceholder( filtersContainer.append( template( args ) ) );
|
||||
};
|
||||
|
||||
var setListeners = function( widget ) {
|
||||
widget = ( 'undefined' === typeof widget ) ?
|
||||
$( '.jetpack-search-filters-widget' ):
|
||||
widget;
|
||||
|
||||
var getContainer = function( el ) {
|
||||
return $( el ).closest('.jetpack-search-filters-widget__filter');
|
||||
};
|
||||
|
||||
widget.on( 'change', '.filter-select', function() {
|
||||
var select = $( this ),
|
||||
selectVal = select.val(),
|
||||
eventArgs = {
|
||||
is_customizer: args.tracksEventData.is_customizer
|
||||
};
|
||||
|
||||
eventArgs.type = selectVal;
|
||||
|
||||
select
|
||||
.closest( '.jetpack-search-filters-widget__filter' )
|
||||
.attr( 'class', 'jetpack-search-filters-widget__filter' )
|
||||
.addClass( 'is-' + selectVal );
|
||||
|
||||
generateFilterTitlePlaceholder( getContainer( this ) );
|
||||
|
||||
trackAndBumpMCStats( 'changed_filter_type', eventArgs );
|
||||
} );
|
||||
|
||||
// enable showing sort controls only if showing search box is enabled
|
||||
widget.on( 'change', '.jetpack-search-filters-widget__search-box-enabled', function() {
|
||||
var checkbox = $( this ),
|
||||
checkboxVal = checkbox.is(':checked'),
|
||||
filterParent = checkbox.closest( '.jetpack-search-filters-widget' ),
|
||||
sortControl = filterParent.find( '.jetpack-search-filters-widget__sort-controls-enabled' );
|
||||
|
||||
filterParent.toggleClass( 'hide-post-types' );
|
||||
|
||||
if ( checkboxVal ) {
|
||||
sortControl.removeAttr( 'disabled' );
|
||||
trackAndBumpMCStats( 'enabled_search_box', args.tracksEventData );
|
||||
} else {
|
||||
sortControl.prop( 'checked', false );
|
||||
sortControl.prop( 'disabled', true );
|
||||
trackAndBumpMCStats( 'disabled_search_box', args.tracksEventData );
|
||||
}
|
||||
} );
|
||||
|
||||
widget.on( 'change', '.jetpack-search-filters-widget__sort-controls-enabled', function() {
|
||||
if ( $( this ).is( ':checked' ) ) {
|
||||
trackAndBumpMCStats( 'enabled_sort_controls', args.tracksEventData );
|
||||
} else {
|
||||
trackAndBumpMCStats( 'disabled_sort_controls', args.tracksEventData );
|
||||
}
|
||||
} );
|
||||
|
||||
widget.on( 'click', '.jetpack-search-filters-widget__post-types-select input[type="checkbox"]', function( e ) {
|
||||
var t = $( this );
|
||||
var siblingsChecked = t.closest( '.jetpack-search-filters-widget' )
|
||||
.find( '.jetpack-search-filters-widget__post-types-select input[type="checkbox"]:checked' );
|
||||
|
||||
if ( 0 === siblingsChecked.length ) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
|
||||
trackAndBumpMCStats( 'attempted_no_post_types', args.tracksEventData );
|
||||
}
|
||||
} );
|
||||
|
||||
widget.on( 'change', '.jetpack-search-filters-widget__post-types-select input[type="checkbox"]', function() {
|
||||
var t = $( this );
|
||||
var eventArgs = {
|
||||
is_customizer: args.tracksEventData.is_customizer,
|
||||
post_type: t.val()
|
||||
};
|
||||
|
||||
if ( wp && wp.customize ) {
|
||||
wp.customize.state( 'saved' ).set( false );
|
||||
}
|
||||
|
||||
if ( t.is( ':checked' ) ) {
|
||||
trackAndBumpMCStats( 'added_post_type', eventArgs );
|
||||
} else {
|
||||
trackAndBumpMCStats( 'removed_post_type', eventArgs );
|
||||
}
|
||||
} );
|
||||
|
||||
widget.on( 'change', '.jetpack-search-filters-widget__sort-order', function() {
|
||||
var eventArgs = {
|
||||
is_customizer: args.tracksEventData.is_customizer
|
||||
};
|
||||
|
||||
eventArgs.order = $( this ).val();
|
||||
|
||||
if ( wp && wp.customize ) {
|
||||
wp.customize.state( 'saved' ).set( false );
|
||||
}
|
||||
|
||||
trackAndBumpMCStats( 'changed_sort_order', eventArgs );
|
||||
} );
|
||||
|
||||
widget.on( 'change', '.jetpack-search-filters-widget__taxonomy-select select', function() {
|
||||
var eventArgs = {
|
||||
is_customizer: args.tracksEventData.is_customizer
|
||||
};
|
||||
|
||||
eventArgs.taxonomy = $( this ).val();
|
||||
|
||||
generateFilterTitlePlaceholder( getContainer( this ) );
|
||||
|
||||
if ( wp && wp.customize ) {
|
||||
wp.customize.state( 'saved' ).set( false );
|
||||
}
|
||||
|
||||
trackAndBumpMCStats( 'changed_taxonomy', eventArgs );
|
||||
} );
|
||||
|
||||
widget.on( 'change', 'select.date-field-select', function() {
|
||||
var eventArgs = {
|
||||
is_customizer: args.tracksEventData.is_customizer
|
||||
};
|
||||
|
||||
eventArgs.field = $( this ).val();
|
||||
|
||||
generateFilterTitlePlaceholder( getContainer( this ) );
|
||||
|
||||
if ( wp && wp.customize ) {
|
||||
wp.customize.state( 'saved' ).set( false );
|
||||
}
|
||||
|
||||
trackAndBumpMCStats( 'changed_date_field', eventArgs );
|
||||
} );
|
||||
|
||||
widget.on( 'change', 'select.date-interval-select', function() {
|
||||
var eventArgs = {
|
||||
is_customizer: args.tracksEventData.is_customizer
|
||||
};
|
||||
|
||||
eventArgs.interval = $( this ).val();
|
||||
|
||||
generateFilterTitlePlaceholder( getContainer( this ) );
|
||||
|
||||
if ( wp && wp.customize ) {
|
||||
wp.customize.state( 'saved' ).set( false );
|
||||
}
|
||||
|
||||
trackAndBumpMCStats( 'changed_date_interval', eventArgs );
|
||||
} );
|
||||
|
||||
widget.on( 'change', 'input.filter-count', function() {
|
||||
var eventArgs = {
|
||||
is_customizer: args.tracksEventData.is_customizer
|
||||
};
|
||||
|
||||
eventArgs.count = $( this ).val();
|
||||
|
||||
if ( wp && wp.customize ) {
|
||||
wp.customize.state( 'saved' ).set( false );
|
||||
}
|
||||
|
||||
trackAndBumpMCStats( 'changed_filter_count', eventArgs );
|
||||
} );
|
||||
|
||||
// add filter button
|
||||
widget.on( 'click', '.jetpack-search-filters-widget__add-filter', function( e ) {
|
||||
e.preventDefault();
|
||||
|
||||
var filtersContainer = $( this )
|
||||
.closest( '.jetpack-search-filters-widget' )
|
||||
.find( '.jetpack-search-filters-widget__filters' );
|
||||
|
||||
addFilter( filtersContainer, {
|
||||
type: 'taxonomy',
|
||||
taxonomy: '',
|
||||
post_type: '',
|
||||
field: '',
|
||||
interval: '',
|
||||
count: defaultFilterCount,
|
||||
name_placeholder: '',
|
||||
name: ''
|
||||
} );
|
||||
|
||||
if ( wp && wp.customize ) {
|
||||
wp.customize.state( 'saved' ).set( false );
|
||||
}
|
||||
|
||||
// Trigger change event to let legacy widget admin know the widget state is "dirty"
|
||||
filtersContainer
|
||||
.find( '.jetpack-search-filters-widget__filter' )
|
||||
.find( 'input, textarea, select' )
|
||||
.change();
|
||||
|
||||
trackAndBumpMCStats( 'added_filter', args.tracksEventData );
|
||||
} );
|
||||
|
||||
widget.on( 'click', '.jetpack-search-filters-widget__controls .delete', function( e ) {
|
||||
e.preventDefault();
|
||||
var filter = $( this ).closest( '.jetpack-search-filters-widget__filter' ),
|
||||
eventArgs = {
|
||||
is_customizer: args.tracksEventData.is_customizer
|
||||
};
|
||||
|
||||
eventArgs.type = filter.find( '.filter-select' ).val();
|
||||
|
||||
switch ( eventArgs.type ) {
|
||||
case 'taxonomy':
|
||||
eventArgs.taxonomy = filter.find( '.jetpack-search-filters-widget__taxonomy-select select' ).val();
|
||||
break;
|
||||
case 'date_histogram':
|
||||
eventArgs.dateField = filter.find( '.jetpack-search-filters-widget__date-histogram-select:first select' ).val();
|
||||
eventArgs.dateInterval = filter.find( '.jetpack-search-filters-widget__date-histogram-select:nth-child( 2 ) select' ).val();
|
||||
break;
|
||||
}
|
||||
|
||||
eventArgs.filterCount = filter.find( '.filter-count' ).val();
|
||||
|
||||
trackAndBumpMCStats( 'deleted_filter', eventArgs );
|
||||
|
||||
filter.find( 'input, textarea, select' ).change();
|
||||
filter.remove();
|
||||
|
||||
if ( wp && wp.customize ) {
|
||||
wp.customize.state( 'saved' ).set( false );
|
||||
}
|
||||
} );
|
||||
|
||||
// make the filters sortable
|
||||
$( '.jetpack-search-filters-widget__filters' ).sortable( {
|
||||
placeholder: 'jetpack-search-filters-widget__filter-placeholder',
|
||||
axis: 'y',
|
||||
revert: true,
|
||||
cancel: 'input,textarea,button,select,option,.jetpack-search-filters-widget__controls a',
|
||||
change: function() {
|
||||
if ( wp && wp.customize ) {
|
||||
wp.customize.state( 'saved' ).set( false );
|
||||
}
|
||||
},
|
||||
update: function( e, ui ) {
|
||||
$( ui.item ).find( 'input, textarea, select' ).change();
|
||||
}
|
||||
} )
|
||||
.disableSelection();
|
||||
};
|
||||
|
||||
// When widgets are updated, remove and re-add listeners
|
||||
$( document ).on( 'widget-updated widget-added', function( e, widget ) {
|
||||
widget = $( widget );
|
||||
|
||||
var id = widget.attr( 'id' ),
|
||||
isJetpackSearch = ( id && ( -1 !== id.indexOf( 'jetpack-search-filters' ) ) );
|
||||
|
||||
if ( ! isJetpackSearch ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Intentionally not tracking widget additions and updates here as these events
|
||||
// seem noisy in the customizer. We'll track those via PHP.
|
||||
|
||||
widget.off( 'change', '.filter-select' );
|
||||
widget.off( 'click', '.jetpack-search-filters-widget__controls .delete' );
|
||||
widget.off( 'change', '.jetpack-search-filters-widget__use-filters' );
|
||||
widget.off( 'change', '.jetpack-search-filters-widget__search-box-enabled' );
|
||||
widget.off( 'change', '.jetpack-search-filters-widget__sort-controls-enabled' );
|
||||
widget.off( 'change', '.jetpack-search-filters-widget__sort-controls-enabled' );
|
||||
widget.off( 'change', '.jetpack-search-filters-widget__post-type-selector' );
|
||||
widget.off( 'change', '.jetpack-search-filters-widget__sort-order' );
|
||||
widget.off( 'change', '.jetpack-search-filters-widget__taxonomy-select' );
|
||||
widget.off( 'change', '.jetpack-search-filters-widget__date-histogram-select:first select' );
|
||||
widget.off( 'change', '.jetpack-search-filters-widget__date-histogram-select:eq(1) select' );
|
||||
widget.off( 'click', '.jetpack-search-filters-widget__post-types-select input[type="checkbox"]' );
|
||||
widget.off( 'click', '.jetpack-search-filters-widget__add-filter');
|
||||
|
||||
setListeners( widget );
|
||||
} );
|
||||
|
||||
/**
|
||||
* This function will fire both a Tracks and MC stat.
|
||||
*
|
||||
* Tracks: Will be prefixed by 'jetpack_widget_search_' and use underscores.
|
||||
* MC: Will not be prefixed, and will use dashes.
|
||||
*
|
||||
* Logic borrowed from `idc-notice.js`.
|
||||
*
|
||||
* @param eventName string
|
||||
* @param extraProps object
|
||||
*/
|
||||
function trackAndBumpMCStats( eventName, extraProps ) {
|
||||
if ( 'undefined' === typeof extraProps || 'object' !== typeof extraProps ) {
|
||||
extraProps = {};
|
||||
}
|
||||
|
||||
if ( eventName && eventName.length && 'undefined' !== typeof analytics && analytics.tracks && analytics.mc ) {
|
||||
// Format for Tracks
|
||||
eventName = eventName.replace( /-/g, '_' );
|
||||
eventName = eventName.indexOf( 'jetpack_widget_search_' ) !== 0 ? 'jetpack_widget_search_' + eventName : eventName;
|
||||
analytics.tracks.recordEvent( eventName, extraProps );
|
||||
|
||||
// Now format for MC stats
|
||||
eventName = eventName.replace( 'jetpack_widget_search_', '' );
|
||||
eventName = eventName.replace( /_/g, '-' );
|
||||
analytics.mc.bumpStat( 'jetpack-search-widget', eventName );
|
||||
}
|
||||
}
|
||||
} )( jQuery, jetpack_search_filter_admin );
|
||||
@@ -0,0 +1,15 @@
|
||||
jQuery( document ).ready( function() {
|
||||
var filter_list = jQuery( '.jetpack-search-filters-widget__filter-list' );
|
||||
|
||||
filter_list.on( 'click', 'a', function() {
|
||||
var checkbox = jQuery( this ).siblings( 'input[type="checkbox"]' );
|
||||
checkbox.prop( 'checked', ! checkbox.prop( 'checked' ) );
|
||||
} );
|
||||
|
||||
filter_list.find( 'input[type="checkbox"]' ).prop( 'disabled', false ).css( 'cursor', 'inherit' ).on( 'click', function() {
|
||||
var anchor = jQuery( this ).siblings( 'a' );
|
||||
if ( anchor.length ) {
|
||||
window.location.href = anchor.prop( 'href' );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
@@ -0,0 +1,673 @@
|
||||
<?php
|
||||
class Jetpack_Widget_Social_Icons extends WP_Widget {
|
||||
/**
|
||||
* @var array Default widget options.
|
||||
*/
|
||||
protected $defaults;
|
||||
|
||||
/**
|
||||
* Widget constructor.
|
||||
*/
|
||||
public function __construct() {
|
||||
$widget_ops = array(
|
||||
'classname' => 'jetpack_widget_social_icons',
|
||||
'description' => __( 'Add social-media icons to your site.', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
);
|
||||
|
||||
parent::__construct(
|
||||
'jetpack_widget_social_icons',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', __( 'Social Icons', 'jetpack' ) ),
|
||||
$widget_ops
|
||||
);
|
||||
|
||||
$this->defaults = array(
|
||||
'title' => __( 'Follow Us', 'jetpack' ),
|
||||
'icon-size' => 'medium',
|
||||
'new-tab' => false,
|
||||
'icons' => array(
|
||||
array(
|
||||
'url' => '',
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_admin_scripts' ) );
|
||||
add_action( 'admin_print_footer_scripts', array( $this, 'render_admin_js' ) );
|
||||
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_icon_scripts' ) );
|
||||
add_action( 'wp_footer', array( $this, 'include_svg_icons' ), 9999 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Script & styles for admin widget form.
|
||||
*/
|
||||
public function enqueue_admin_scripts() {
|
||||
wp_enqueue_script( 'jetpack-widget-social-icons-script', plugins_url( 'social-icons/social-icons-admin.js', __FILE__ ), array( 'jquery-ui-sortable' ), '20170506' );
|
||||
wp_enqueue_style( 'jetpack-widget-social-icons-admin', plugins_url( 'social-icons/social-icons-admin.css', __FILE__ ), array(), '20170506' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Styles for front-end widget.
|
||||
*/
|
||||
public function enqueue_icon_scripts() {
|
||||
wp_enqueue_style( 'jetpack-widget-social-icons-styles', plugins_url( 'social-icons/social-icons.css', __FILE__ ), array(), '20170506' );
|
||||
}
|
||||
|
||||
/**
|
||||
* JavaScript for admin widget form.
|
||||
*/
|
||||
public function render_admin_js() {
|
||||
global $wp_customize;
|
||||
global $pagenow;
|
||||
|
||||
if ( ! isset( $wp_customize ) && 'widgets.php' !== $pagenow ) {
|
||||
return;
|
||||
}
|
||||
?>
|
||||
<script type="text/html" id="tmpl-jetpack-widget-social-icons-template">
|
||||
<?php self::render_icons_template(); ?>
|
||||
</script>
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Add SVG definitions to the footer.
|
||||
*/
|
||||
public function include_svg_icons() {
|
||||
if ( ! is_active_widget( false, $this->id, $this->id_base, true ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Define SVG sprite file in Jetpack
|
||||
$svg_icons = dirname( dirname( __FILE__ ) ) . '/theme-tools/social-menu/social-menu.svg';
|
||||
|
||||
// Define SVG sprite file in WPCOM
|
||||
if ( defined( 'IS_WPCOM' ) && IS_WPCOM ) {
|
||||
$svg_icons = dirname( dirname( __FILE__ ) ) . '/social-menu/social-menu.svg';
|
||||
}
|
||||
|
||||
// If it exists, include it.
|
||||
if ( is_file( $svg_icons ) ) {
|
||||
require_once( $svg_icons );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Front-end display of widget.
|
||||
*
|
||||
* @see WP_Widget::widget()
|
||||
*
|
||||
* @param array $args Widget arguments.
|
||||
* @param array $instance Saved values from database.
|
||||
*/
|
||||
public function widget( $args, $instance ) {
|
||||
$instance = wp_parse_args( $instance, $this->defaults );
|
||||
|
||||
/** This filter is documented in wp-includes/widgets/class-wp-widget-pages.php */
|
||||
$title = apply_filters( 'widget_title', $instance['title'], $instance, $this->id_base );
|
||||
|
||||
echo $args['before_widget'];
|
||||
|
||||
if ( ! empty( $title ) ) {
|
||||
echo $args['before_title'] . esc_html( $title ) . $args['after_title'];
|
||||
}
|
||||
|
||||
if ( ! empty( $instance['icons'] ) ) :
|
||||
|
||||
// Get supported social icons.
|
||||
$social_icons = $this->get_supported_icons();
|
||||
$default_icon = $this->get_svg_icon( array( 'icon' => 'chain' ) );
|
||||
|
||||
// Set target attribute for the link
|
||||
if ( true === $instance['new-tab'] ) {
|
||||
$target = '_blank';
|
||||
} else {
|
||||
$target = '_self';
|
||||
}
|
||||
?>
|
||||
|
||||
<ul class="jetpack-social-widget-list size-<?php echo esc_attr( $instance['icon-size'] ); ?>">
|
||||
|
||||
<?php foreach ( $instance['icons'] as $icon ) : ?>
|
||||
|
||||
<?php if ( ! empty( $icon['url'] ) ) : ?>
|
||||
<li class="jetpack-social-widget-item">
|
||||
<a href="<?php echo esc_url( $icon['url'], array( 'http', 'https', 'mailto', 'skype' ) ); ?>" target="<?php echo $target; ?>">
|
||||
<?php
|
||||
$found_icon = false;
|
||||
|
||||
foreach( $social_icons as $social_icon ) {
|
||||
if ( false !== stripos( $icon['url'], $social_icon['url'] ) ) {
|
||||
echo '<span class="screen-reader-text">' . esc_attr( $social_icon['label'] ) . '</span>';
|
||||
echo $this->get_svg_icon( array( 'icon' => esc_attr( $social_icon['icon'] ) ) );
|
||||
$found_icon = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if ( ! $found_icon ) {
|
||||
echo $default_icon;
|
||||
}
|
||||
?>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php endforeach; ?>
|
||||
|
||||
</ul>
|
||||
|
||||
<?php
|
||||
endif;
|
||||
|
||||
echo $args['after_widget'];
|
||||
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'social_icons' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Sanitize widget form values as they are saved.
|
||||
*
|
||||
* @see WP_Widget::update()
|
||||
*
|
||||
* @param array $new_instance Values just sent to be saved.
|
||||
* @param array $old_instance Previously saved values from database.
|
||||
*
|
||||
* @return array Updated safe values to be saved.
|
||||
*/
|
||||
public function update( $new_instance, $old_instance ) {
|
||||
$instance['title'] = sanitize_text_field( $new_instance['title'] );
|
||||
$instance['icon-size'] = $this->defaults['icon-size'];
|
||||
|
||||
if ( in_array( $new_instance['icon-size'], array( 'small', 'medium', 'large' ) ) ) {
|
||||
$instance['icon-size'] = $new_instance['icon-size'];
|
||||
}
|
||||
|
||||
$instance['new-tab'] = isset( $new_instance['new-tab'] ) ? (bool) $new_instance['new-tab'] : false;
|
||||
$icon_count = count( $new_instance['url-icons'] );
|
||||
$instance['icons'] = array();
|
||||
|
||||
foreach( $new_instance['url-icons'] as $url ) {
|
||||
$url = filter_var( $url, FILTER_SANITIZE_URL );
|
||||
|
||||
if ( ! empty( $url ) ) {
|
||||
$instance['icons'][] = array(
|
||||
'url' => $url,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Back-end widget form.
|
||||
*
|
||||
* @see WP_Widget::form()
|
||||
*
|
||||
* @param array $instance Previously saved values from database.
|
||||
*
|
||||
* @return string|void
|
||||
*/
|
||||
public function form( $instance ) {
|
||||
$instance = wp_parse_args( $instance, $this->defaults );
|
||||
$title = sanitize_text_field( $instance['title'] );
|
||||
$sizes = array(
|
||||
'small' => __( 'Small', 'jetpack' ),
|
||||
'medium' => __( 'Medium', 'jetpack' ),
|
||||
'large' => __( 'Large', 'jetpack' ),
|
||||
);
|
||||
$new_tab = isset( $instance['new-tab'] ) ? (bool) $instance['new-tab'] : false;
|
||||
?>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php esc_html_e( 'Title:', 'jetpack' ); ?></label>
|
||||
<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'icon-size' ); ?>"><?php esc_html_e( 'Size:', 'jetpack' ); ?></label>
|
||||
<select class="widefat" name="<?php echo $this->get_field_name( 'icon-size' ); ?>">
|
||||
<?php foreach ( $sizes as $value => $label ) : ?>
|
||||
<option value="<?php echo esc_attr( $value ); ?>" <?php selected( $value, $instance['icon-size'] ); ?>><?php echo esc_attr( $label ); ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</p>
|
||||
|
||||
<div class="jetpack-social-icons-widget-list"
|
||||
data-url-icon-id="<?php echo $this->get_field_id( 'url-icons' ); ?>"
|
||||
data-url-icon-name="<?php echo $this->get_field_name( 'url-icons' ); ?>"
|
||||
>
|
||||
|
||||
<?php
|
||||
foreach ( $instance['icons'] as $icon ) {
|
||||
self::render_icons_template( array(
|
||||
'url-icon-id' => $this->get_field_id( 'url-icons' ),
|
||||
'url-icon-name' => $this->get_field_name( 'url-icons' ),
|
||||
'url-value' => $icon['url'],
|
||||
) );
|
||||
}
|
||||
?>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="jetpack-social-icons-widget add-button">
|
||||
<button type="button" class="button jetpack-social-icons-add-button">
|
||||
<?php esc_html_e( 'Add an icon', 'jetpack' ); ?>
|
||||
</button>
|
||||
</p>
|
||||
|
||||
<?php
|
||||
switch ( get_locale() ) {
|
||||
case 'es':
|
||||
$support = 'https://es.support.wordpress.com/social-media-icons-widget/#iconos-disponibles';
|
||||
break;
|
||||
|
||||
case 'pt-br':
|
||||
$support = 'https://br.support.wordpress.com/widgets/widget-de-icones-sociais/#ícones-disponíveis';
|
||||
break;
|
||||
|
||||
default:
|
||||
$support = 'https://en.support.wordpress.com/widgets/social-media-icons-widget/#available-icons';
|
||||
}
|
||||
?>
|
||||
|
||||
<p>
|
||||
<em><a href="<?php echo esc_url( $support ); ?>" target="_blank">
|
||||
<?php esc_html_e( 'View available icons', 'jetpack' ); ?>
|
||||
</a></em>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<input type="checkbox" class="checkbox" id="<?php echo $this->get_field_id( 'new-tab' ); ?>" name="<?php echo $this->get_field_name( 'new-tab' ); ?>" <?php checked( $new_tab ); ?> />
|
||||
<label for="<?php echo $this->get_field_id( 'new-tab' ); ?>"><?php esc_html_e( 'Open link in a new tab', 'jetpack' ); ?></label>
|
||||
</p>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Generates template to add icons.
|
||||
*
|
||||
* @param array $args Template arguments
|
||||
*/
|
||||
static function render_icons_template( $args = array() ) {
|
||||
$defaults = array(
|
||||
'url-icon-id' => '',
|
||||
'url-icon-name' => '',
|
||||
'url-value' => '',
|
||||
);
|
||||
|
||||
$args = wp_parse_args( $args, $defaults );
|
||||
?>
|
||||
|
||||
<div class="jetpack-social-icons-widget-item">
|
||||
<div class="jetpack-social-icons-widget-item-wrapper">
|
||||
<div class="handle"></div>
|
||||
|
||||
<p class="jetpack-widget-social-icons-url">
|
||||
<?php
|
||||
printf( '<input class="widefat id="%1$s" name="%2$s[]" type="text" placeholder="%3$s" value="%4$s"/>',
|
||||
esc_attr( $args['url-icon-id'] ),
|
||||
esc_attr( $args['url-icon-name'] ),
|
||||
esc_attr__( 'Account URL', 'jetpack' ),
|
||||
esc_url( $args['url-value'], array( 'http', 'https', 'mailto', 'skype' ) )
|
||||
);
|
||||
?>
|
||||
</p>
|
||||
|
||||
<p class="jetpack-widget-social-icons-remove-item">
|
||||
<a class="jetpack-widget-social-icons-remove-item-button" href="javascript:;">
|
||||
<?php esc_html_e( 'Remove', 'jetpack' ); ?>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Return SVG markup.
|
||||
*
|
||||
* @param array $args {
|
||||
* Parameters needed to display an SVG.
|
||||
*
|
||||
* @type string $icon Required SVG icon filename.
|
||||
* }
|
||||
* @return string SVG markup.
|
||||
*/
|
||||
public function get_svg_icon( $args = array() ) {
|
||||
// Make sure $args are an array.
|
||||
if ( empty( $args ) ) {
|
||||
return esc_html__( 'Please define default parameters in the form of an array.', 'jetpack' );
|
||||
}
|
||||
|
||||
// Set defaults.
|
||||
$defaults = array(
|
||||
'icon' => '',
|
||||
);
|
||||
|
||||
// Parse args.
|
||||
$args = wp_parse_args( $args, $defaults );
|
||||
|
||||
// Define an icon.
|
||||
if ( false === array_key_exists( 'icon', $args ) ) {
|
||||
return esc_html__( 'Please define an SVG icon filename.', 'jetpack' );
|
||||
}
|
||||
|
||||
// Set aria hidden.
|
||||
$aria_hidden = ' aria-hidden="true"';
|
||||
|
||||
// Begin SVG markup.
|
||||
$svg = '<svg class="icon icon-' . esc_attr( $args['icon'] ) . '"' . $aria_hidden . ' role="img">';
|
||||
|
||||
/*
|
||||
* Display the icon.
|
||||
*
|
||||
* The whitespace around `<use>` is intentional - it is a work around to a keyboard navigation bug in Safari 10.
|
||||
*
|
||||
* See https://core.trac.wordpress.org/ticket/38387.
|
||||
*/
|
||||
$svg .= ' <use href="#icon-' . esc_html( $args['icon'] ) . '" xlink:href="#icon-' . esc_html( $args['icon'] ) . '"></use> ';
|
||||
|
||||
$svg .= '</svg>';
|
||||
|
||||
return $svg;
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns an array of supported social links (URL, icon, and label).
|
||||
*
|
||||
* @return array $social_links_icons
|
||||
*/
|
||||
public function get_supported_icons() {
|
||||
$social_links_icons = array(
|
||||
array(
|
||||
'url' => '500px.com',
|
||||
'icon' => '500px',
|
||||
'label' => '500px',
|
||||
),
|
||||
array(
|
||||
'url' => 'amazon.cn',
|
||||
'icon' => 'amazon',
|
||||
'label' => 'Amazon',
|
||||
),
|
||||
array(
|
||||
'url' => 'amazon.in',
|
||||
'icon' => 'amazon',
|
||||
'label' => 'Amazon',
|
||||
),
|
||||
array(
|
||||
'url' => 'amazon.fr',
|
||||
'icon' => 'amazon',
|
||||
'label' => 'Amazon',
|
||||
),
|
||||
array(
|
||||
'url' => 'amazon.de',
|
||||
'icon' => 'amazon',
|
||||
'label' => 'Amazon',
|
||||
),
|
||||
array(
|
||||
'url' => 'amazon.it',
|
||||
'icon' => 'amazon',
|
||||
'label' => 'Amazon',
|
||||
),
|
||||
array(
|
||||
'url' => 'amazon.nl',
|
||||
'icon' => 'amazon',
|
||||
'label' => 'Amazon',
|
||||
),
|
||||
array(
|
||||
'url' => 'amazon.es',
|
||||
'icon' => 'amazon',
|
||||
'label' => 'Amazon',
|
||||
),
|
||||
array(
|
||||
'url' => 'amazon.co',
|
||||
'icon' => 'amazon',
|
||||
'label' => 'Amazon',
|
||||
),
|
||||
array(
|
||||
'url' => 'amazon.ca',
|
||||
'icon' => 'amazon',
|
||||
'label' => 'Amazon',
|
||||
),
|
||||
array(
|
||||
'url' => 'amazon.com',
|
||||
'icon' => 'amazon',
|
||||
'label' => 'Amazon',
|
||||
),
|
||||
array(
|
||||
'url' => 'apple.com',
|
||||
'icon' => 'apple',
|
||||
'label' => 'Apple',
|
||||
),
|
||||
array(
|
||||
'url' => 'itunes.com',
|
||||
'icon' => 'apple',
|
||||
'label' => 'iTunes',
|
||||
),
|
||||
array(
|
||||
'url' => 'bandcamp.com',
|
||||
'icon' => 'bandcamp',
|
||||
'label' => 'Bandcamp',
|
||||
),
|
||||
array(
|
||||
'url' => 'behance.net',
|
||||
'icon' => 'behance',
|
||||
'label' => 'Behance',
|
||||
),
|
||||
array(
|
||||
'url' => 'codepen.io',
|
||||
'icon' => 'codepen',
|
||||
'label' => 'CodePen',
|
||||
),
|
||||
array(
|
||||
'url' => 'deviantart.com',
|
||||
'icon' => 'deviantart',
|
||||
'label' => 'DeviantArt',
|
||||
),
|
||||
array(
|
||||
'url' => 'digg.com',
|
||||
'icon' => 'digg',
|
||||
'label' => 'Digg',
|
||||
),
|
||||
array(
|
||||
'url' => 'dribbble.com',
|
||||
'icon' => 'dribbble',
|
||||
'label' => 'Dribbble',
|
||||
),
|
||||
array(
|
||||
'url' => 'dropbox.com',
|
||||
'icon' => 'dropbox',
|
||||
'label' => 'Dropbox',
|
||||
),
|
||||
array(
|
||||
'url' => 'etsy.com',
|
||||
'icon' => 'etsy',
|
||||
'label' => 'Etsy',
|
||||
),
|
||||
array(
|
||||
'url' => 'facebook.com',
|
||||
'icon' => 'facebook',
|
||||
'label' => 'Facebook',
|
||||
),
|
||||
array(
|
||||
'url' => '/feed/',
|
||||
'icon' => 'feed',
|
||||
'label' => __( 'RSS Feed', 'jetpack' ),
|
||||
),
|
||||
array(
|
||||
'url' => 'flickr.com',
|
||||
'icon' => 'flickr',
|
||||
'label' => 'Flickr',
|
||||
),
|
||||
array(
|
||||
'url' => 'foursquare.com',
|
||||
'icon' => 'foursquare',
|
||||
'label' => 'Foursquare',
|
||||
),
|
||||
array(
|
||||
'url' => 'goodreads.com',
|
||||
'icon' => 'goodreads',
|
||||
'label' => 'Goodreads',
|
||||
),
|
||||
array(
|
||||
'url' => 'google.com/+',
|
||||
'icon' => 'google-plus',
|
||||
'label' => 'Google +',
|
||||
),
|
||||
array(
|
||||
'url' => 'plus.google.com',
|
||||
'icon' => 'google-plus',
|
||||
'label' => 'Google +',
|
||||
),
|
||||
array(
|
||||
'url' => 'google.com',
|
||||
'icon' => 'google',
|
||||
'label' => 'Google',
|
||||
),
|
||||
array(
|
||||
'url' => 'github.com',
|
||||
'icon' => 'github',
|
||||
'label' => 'GitHub',
|
||||
),
|
||||
array(
|
||||
'url' => 'instagram.com',
|
||||
'icon' => 'instagram',
|
||||
'label' => 'Instagram',
|
||||
),
|
||||
array(
|
||||
'url' => 'linkedin.com',
|
||||
'icon' => 'linkedin',
|
||||
'label' => 'LinkedIn',
|
||||
),
|
||||
array(
|
||||
'url' => 'mailto:',
|
||||
'icon' => 'mail',
|
||||
'label' => __( 'Email', 'jetpack' ),
|
||||
),
|
||||
array(
|
||||
'url' => 'meetup.com',
|
||||
'icon' => 'meetup',
|
||||
'label' => 'Meetup',
|
||||
),
|
||||
array(
|
||||
'url' => 'medium.com',
|
||||
'icon' => 'medium',
|
||||
'label' => 'Medium',
|
||||
),
|
||||
array(
|
||||
'url' => 'pinterest.com',
|
||||
'icon' => 'pinterest',
|
||||
'label' => 'Pinterest',
|
||||
),
|
||||
array(
|
||||
'url' => 'getpocket.com',
|
||||
'icon' => 'pocket',
|
||||
'label' => 'Pocket',
|
||||
),
|
||||
array(
|
||||
'url' => 'reddit.com',
|
||||
'icon' => 'reddit',
|
||||
'label' => 'Reddit',
|
||||
),
|
||||
array(
|
||||
'url' => 'skype.com',
|
||||
'icon' => 'skype',
|
||||
'label' => 'Skype',
|
||||
),
|
||||
array(
|
||||
'url' => 'skype:',
|
||||
'icon' => 'skype',
|
||||
'label' => 'Skype',
|
||||
),
|
||||
array(
|
||||
'url' => 'slideshare.net',
|
||||
'icon' => 'slideshare',
|
||||
'label' => 'SlideShare',
|
||||
),
|
||||
array(
|
||||
'url' => 'snapchat.com',
|
||||
'icon' => 'snapchat',
|
||||
'label' => 'Snapchat',
|
||||
),
|
||||
array(
|
||||
'url' => 'soundcloud.com',
|
||||
'icon' => 'soundcloud',
|
||||
'label' => 'SoundCloud',
|
||||
),
|
||||
array(
|
||||
'url' => 'spotify.com',
|
||||
'icon' => 'spotify',
|
||||
'label' => 'Spotify',
|
||||
),
|
||||
array(
|
||||
'url' => 'stumbleupon.com',
|
||||
'icon' => 'stumbleupon',
|
||||
'label' => 'StumbleUpon',
|
||||
),
|
||||
array(
|
||||
'url' => 'tumblr.com',
|
||||
'icon' => 'tumblr',
|
||||
'label' => 'Tumblr',
|
||||
),
|
||||
array(
|
||||
'url' => 'twitch.tv',
|
||||
'icon' => 'twitch',
|
||||
'label' => 'Twitch',
|
||||
),
|
||||
array(
|
||||
'url' => 'twitter.com',
|
||||
'icon' => 'twitter',
|
||||
'label' => 'Twitter',
|
||||
),
|
||||
array(
|
||||
'url' => 'vimeo.com',
|
||||
'icon' => 'vimeo',
|
||||
'label' => 'Vimeo',
|
||||
),
|
||||
array(
|
||||
'url' => 'vk.com',
|
||||
'icon' => 'vk',
|
||||
'label' => 'VK',
|
||||
),
|
||||
array(
|
||||
'url' => 'wordpress.com',
|
||||
'icon' => 'wordpress',
|
||||
'label' => 'WordPress.com',
|
||||
),
|
||||
array(
|
||||
'url' => 'wordpress.org',
|
||||
'icon' => 'wordpress',
|
||||
'label' => 'WordPress',
|
||||
),
|
||||
array(
|
||||
'url' => 'yelp.com',
|
||||
'icon' => 'yelp',
|
||||
'label' => 'Yelp',
|
||||
),
|
||||
array(
|
||||
'url' => 'youtube.com',
|
||||
'icon' => 'youtube',
|
||||
'label' => 'YouTube',
|
||||
),
|
||||
);
|
||||
|
||||
return $social_links_icons;
|
||||
}
|
||||
} // Jetpack_Widget_Social_Icons
|
||||
|
||||
/**
|
||||
* Register and load the widget.
|
||||
*
|
||||
* @access public
|
||||
* @return void
|
||||
*/
|
||||
function jetpack_widget_social_icons_load() {
|
||||
register_widget( 'Jetpack_Widget_Social_Icons' );
|
||||
}
|
||||
add_action( 'widgets_init', 'jetpack_widget_social_icons_load' );
|
||||
@@ -0,0 +1,94 @@
|
||||
.jetpack-social-icons-widget-item {
|
||||
background: #fff;
|
||||
border: 1px solid #e5e5e5;
|
||||
cursor: move;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
html[class*='wordpress_com'] .jetpack-social-icons-widget-item,
|
||||
.in-calypso .jetpack-social-icons-widget-item {
|
||||
border-color: #c8d7e1;
|
||||
}
|
||||
|
||||
.jetpack-social-icons-widget-item:hover {
|
||||
outline: 1px solid #999;
|
||||
outline-offset: -1px;
|
||||
}
|
||||
|
||||
html[class*='wordpress_com'] .jetpack-social-icons-widget-item:hover,
|
||||
.in-calypso .jetpack-social-icons-widget-item:hover {
|
||||
outline-color: #a8bece;
|
||||
}
|
||||
|
||||
.jetpack-social-icons-widget-item.ui-sortable-helper {
|
||||
border-color: #999;
|
||||
}
|
||||
|
||||
html[class*='wordpress_com'] .jetpack-social-icons-widget-item.ui-sortable-helper,
|
||||
.in-calypso .jetpack-social-icons-widget-item.ui-sortable-helper {
|
||||
border-color: #a8bece;
|
||||
}
|
||||
|
||||
.jetpack-social-icons-widget-item.ui-sortable-helper {
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.jetpack-social-icons-widget-item.ui-state-placeholder {
|
||||
border-color: #a0a5aa;
|
||||
border-style: dashed;
|
||||
margin: 0 0 1px;
|
||||
}
|
||||
|
||||
.jetpack-social-icons-widget-item + .jetpack-social-icons-widget-item:not(.ui-state-placeholder) {
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.jetpack-social-icons-widget-item-wrapper {
|
||||
padding: 1em;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jetpack-social-icons-widget-item .handle {
|
||||
display: block;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.jetpack-social-icons-widget-item p {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jetpack-social-icons-widget-item p + p {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.jetpack-widget-social-icons-remove-item {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.jetpack-widget-social-icons-remove-item-button {
|
||||
color: #a00;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.jetpack-widget-social-icons-remove-item-button:focus,
|
||||
.jetpack-widget-social-icons-remove-item-button:hover {
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.jetpack-social-icons-add-button:before {
|
||||
content: "\f132";
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
left: -2px;
|
||||
top: -1px;
|
||||
font: 400 20px/1 dashicons;
|
||||
vertical-align: middle;
|
||||
transition: all 0.2s;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
@@ -0,0 +1,111 @@
|
||||
( function( $ ) {
|
||||
var timeout = null;
|
||||
|
||||
// Make the list of items sortable.
|
||||
function initWidget( widget ) {
|
||||
widget.find( '.jetpack-social-icons-widget-list' ).sortable( {
|
||||
items: '> .jetpack-social-icons-widget-item',
|
||||
handle: '.handle',
|
||||
cursor: 'move',
|
||||
placeholder: 'jetpack-social-icons-widget-item ui-state-placeholder',
|
||||
containment: widget,
|
||||
forcePlaceholderSize: true,
|
||||
update: function() {
|
||||
livePreviewUpdate( $( this ).parents( '.form' ).find( '.widget-control-save' ) );
|
||||
}
|
||||
} );
|
||||
}
|
||||
|
||||
// Live preview update.
|
||||
function livePreviewUpdate( button ) {
|
||||
if ( ! $( document.body ).hasClass( 'wp-customizer' ) || ! button.length ) {
|
||||
return;
|
||||
}
|
||||
|
||||
button.trigger( 'click' ).hide();
|
||||
}
|
||||
|
||||
$( document ).ready( function() {
|
||||
// Add an item.
|
||||
$( document ).on( 'click', '.jetpack-social-icons-widget.add-button button', function( event ) {
|
||||
event.preventDefault();
|
||||
|
||||
var template, widgetContent, widgetList, widgetLastItem, urlId, urlName;
|
||||
|
||||
template = $( $.trim( $( '#tmpl-jetpack-widget-social-icons-template' ).html() ) );
|
||||
widgetContent = $( this ).parents( '.widget-content' );
|
||||
widgetList = widgetContent.find( '.jetpack-social-icons-widget-list' );
|
||||
urlId = widgetList.data( 'url-icon-id');
|
||||
urlName = widgetList.data( 'url-icon-name' );
|
||||
|
||||
template.find( '.jetpack-widget-social-icons-url input' ).attr( 'id', urlId ).attr( 'name', urlName + '[]' );
|
||||
|
||||
widgetList.append( template );
|
||||
|
||||
widgetLastItem = widgetContent.find( '.jetpack-social-icons-widget-item:last' );
|
||||
widgetLastItem.find( 'input:first' ).trigger( 'focus' );
|
||||
} );
|
||||
|
||||
// Remove an item.
|
||||
$( document ).on( 'click', '.jetpack-widget-social-icons-remove-item-button', function( event ) {
|
||||
event.preventDefault();
|
||||
|
||||
var button = $( this ).parents( '.form' ).find( '.widget-control-save' );
|
||||
|
||||
$( this ).parents( '.jetpack-social-icons-widget-item' ).remove();
|
||||
|
||||
livePreviewUpdate( button );
|
||||
} );
|
||||
|
||||
// Event handler for widget open button.
|
||||
$( document ).on( 'click', 'div.widget[id*="jetpack_widget_social_icons"] .widget-title, div.widget[id*="jetpack_widget_social_icons"] .widget-action', function() {
|
||||
if ( $( this ).parents( '#available-widgets' ).length ) {
|
||||
return;
|
||||
}
|
||||
|
||||
initWidget( $( this ).parents( '.widget[id*="jetpack_widget_social_icons"]' ) );
|
||||
} );
|
||||
|
||||
// Event handler for widget added.
|
||||
$( document ).on( 'widget-added', function( event, widget ) {
|
||||
if ( widget.is( '[id*="jetpack_widget_social_icons"]' ) ) {
|
||||
event.preventDefault();
|
||||
initWidget( widget );
|
||||
}
|
||||
} );
|
||||
|
||||
// Event handler for widget updated.
|
||||
$( document ).on( 'widget-updated', function( event, widget ) {
|
||||
if ( widget.is( '[id*="jetpack_widget_social_icons"]' ) ) {
|
||||
event.preventDefault();
|
||||
initWidget( widget );
|
||||
}
|
||||
} );
|
||||
|
||||
// Live preview update on input focus out.
|
||||
$( document ).on( 'focusout', 'input[name*="jetpack_widget_social_icons"]', function() {
|
||||
livePreviewUpdate( $( this ).parents( '.form' ).find( '.widget-control-save' ) );
|
||||
} );
|
||||
|
||||
// Live preview update on input enter key.
|
||||
$( document ).on( 'keydown', 'input[name*="jetpack_widget_social_icons"]', function( event ) {
|
||||
if ( event.keyCode === 13 ) {
|
||||
livePreviewUpdate( $( this ).parents( '.form' ).find( '.widget-control-save' ) );
|
||||
}
|
||||
} );
|
||||
|
||||
// Live preview update on input key up 1s.
|
||||
$( document ).on( 'keyup', 'input[name*="jetpack_widget_social_icons"]', function() {
|
||||
clearTimeout( timeout );
|
||||
|
||||
timeout = setTimeout( function() {
|
||||
livePreviewUpdate( $( this ).parents( '.form' ).find( '.widget-control-save' ) );
|
||||
}, 1000 );
|
||||
} );
|
||||
|
||||
// Live preview update on select change.
|
||||
$( document ).on( 'change', 'select[name*="jetpack_widget_social_icons"]', function() {
|
||||
livePreviewUpdate( $( this ).parents( '.form' ).find( '.widget-control-save' ) );
|
||||
} );
|
||||
} );
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,75 @@
|
||||
.jetpack_widget_social_icons ul,
|
||||
.jetpack_widget_social_icons li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.jetpack_widget_social_icons ul {
|
||||
display: block;
|
||||
margin: 0 0 1.5em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.jetpack_widget_social_icons ul li {
|
||||
border: 0;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.jetpack_widget_social_icons ul li:before,
|
||||
.jetpack_widget_social_icons ul li:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jetpack_widget_social_icons a {
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
display: block;
|
||||
height: 24px;
|
||||
text-decoration: none;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.jetpack_widget_social_icons svg {
|
||||
color: inherit;
|
||||
fill: currentColor;
|
||||
height: inherit;
|
||||
vertical-align: middle;
|
||||
width: inherit;
|
||||
}
|
||||
|
||||
/* Sizes */
|
||||
|
||||
.jetpack_widget_social_icons ul.size-small a {
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.jetpack_widget_social_icons ul.size-medium a {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
.jetpack_widget_social_icons ul.size-large a {
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
}
|
||||
|
||||
/*
|
||||
Text meant only for screen readers.
|
||||
Provides support for themes that do not bundle this CSS yet.
|
||||
@see https://make.wordpress.org/accessibility/2015/02/09/hiding-text-for-screen-readers-with-wordpress-core/
|
||||
***********************************/
|
||||
.screen-reader-text {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute ! important;
|
||||
width: 1px;
|
||||
word-wrap: normal ! important;
|
||||
}
|
||||
@@ -0,0 +1,347 @@
|
||||
<?php
|
||||
/*
|
||||
Plugin Name: Social Media Icons Widget
|
||||
Description: A simple widget that displays social media icons
|
||||
Author: Automattic Inc.
|
||||
|
||||
This widget is now deprecated.
|
||||
Any new features should go into modules/widgets/social-icons.php instead.
|
||||
@see https://github.com/Automattic/jetpack/pull/8498
|
||||
|
||||
*/
|
||||
|
||||
|
||||
/**
|
||||
* WPCOM_social_media_icons_widget class.
|
||||
*
|
||||
* @extends WP_Widget
|
||||
*/
|
||||
class WPCOM_social_media_icons_widget extends WP_Widget {
|
||||
|
||||
/**
|
||||
* Defaults
|
||||
*
|
||||
* @var mixed
|
||||
* @access private
|
||||
*/
|
||||
private $defaults;
|
||||
|
||||
/**
|
||||
* Services
|
||||
*
|
||||
* @var mixed
|
||||
* @access private
|
||||
*/
|
||||
private $services;
|
||||
|
||||
|
||||
/**
|
||||
* __construct function.
|
||||
*
|
||||
* @access public
|
||||
* @return void
|
||||
*/
|
||||
public function __construct() {
|
||||
parent::__construct(
|
||||
'wpcom_social_media_icons_widget',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', esc_html__( 'Social Media Icons (Deprecated)', 'jetpack' ) ),
|
||||
array(
|
||||
'description' => __( 'A simple widget that displays social media icons.', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
)
|
||||
);
|
||||
$this->defaults = array(
|
||||
'title' => __( 'Social', 'jetpack' ),
|
||||
'facebook_username' => '',
|
||||
'twitter_username' => '',
|
||||
'instagram_username' => '',
|
||||
'pinterest_username' => '',
|
||||
'linkedin_username' => '',
|
||||
'github_username' => '',
|
||||
'youtube_username' => '',
|
||||
'vimeo_username' => '',
|
||||
'googleplus_username' => '',
|
||||
'flickr_username' => '',
|
||||
'wordpress_username' => '',
|
||||
'twitch_username' => '',
|
||||
'tumblr_username' => '',
|
||||
);
|
||||
$this->services = array(
|
||||
'facebook' => array( 'Facebook', 'https://www.facebook.com/%s/' ),
|
||||
'twitter' => array( 'Twitter', 'https://twitter.com/%s/' ),
|
||||
'instagram' => array( 'Instagram', 'https://www.instagram.com/%s/' ),
|
||||
'pinterest' => array( 'Pinterest', 'https://www.pinterest.com/%s/' ),
|
||||
'linkedin' => array( 'LinkedIn', 'https://www.linkedin.com/in/%s/' ),
|
||||
'github' => array( 'GitHub', 'https://github.com/%s/' ),
|
||||
'youtube' => array( 'YouTube', 'https://www.youtube.com/%s/' ),
|
||||
'vimeo' => array( 'Vimeo', 'https://vimeo.com/%s/' ),
|
||||
'googleplus' => array( 'Google+', 'https://plus.google.com/u/0/%s/' ),
|
||||
'flickr' => array( 'Flickr', 'https://www.flickr.com/photos/%s/' ),
|
||||
'wordpress' => array( 'WordPress.org', 'https://profiles.wordpress.org/%s/' ),
|
||||
'twitch' => array( 'Twitch', 'https://www.twitch.tv/%s/' ),
|
||||
'tumblr' => array( 'Tumblr', 'https://%s.tumblr.com' ),
|
||||
);
|
||||
if ( is_active_widget( false, false, $this->id_base ) || is_customize_preview() ) {
|
||||
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_style' ) );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueue Style.
|
||||
*
|
||||
* @access public
|
||||
* @return void
|
||||
*/
|
||||
public function enqueue_style() {
|
||||
wp_register_style( 'jetpack_social_media_icons_widget', plugins_url( 'social-media-icons/style.css', __FILE__ ), array(), '20150602' );
|
||||
wp_enqueue_style( 'jetpack_social_media_icons_widget' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Check Genericons.
|
||||
*
|
||||
* @access private
|
||||
* @return Bool.
|
||||
*/
|
||||
private function check_genericons() {
|
||||
global $wp_styles;
|
||||
foreach ( $wp_styles->queue as $handle ) {
|
||||
if ( false !== stristr( $handle, 'genericons' ) ) {
|
||||
return $handle;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
/**
|
||||
* Widget Front End.
|
||||
*
|
||||
* @access public
|
||||
* @param mixed $args Arguments.
|
||||
* @param mixed $instance Instance.
|
||||
* @return void
|
||||
*/
|
||||
public function widget( $args, $instance ) {
|
||||
$instance = wp_parse_args( (array) $instance, $this->defaults );
|
||||
/** This filter is documented in core/src/wp-includes/default-widgets.php */
|
||||
$instance['title'] = apply_filters( 'widget_title', $instance['title'], $instance, $this->id_base );
|
||||
if ( ! $this->check_genericons() ) {
|
||||
wp_enqueue_style( 'genericons' );
|
||||
}
|
||||
$index = 10;
|
||||
$html = array();
|
||||
$alt_text = esc_attr__( 'View %1$s’s profile on %2$s', 'jetpack' );
|
||||
foreach ( $this->services as $service => $data ) {
|
||||
list( $service_name, $url ) = $data;
|
||||
if ( ! isset( $instance[ $service . '_username' ] ) ) {
|
||||
continue;
|
||||
}
|
||||
$username = $link_username = $instance[ $service . '_username' ];
|
||||
if ( empty( $username ) ) {
|
||||
continue;
|
||||
}
|
||||
$index += 10;
|
||||
$predefined_url = false;
|
||||
|
||||
/** Check if full URL entered in configuration, use it instead of tinkering **/
|
||||
if (
|
||||
in_array(
|
||||
parse_url( $username, PHP_URL_SCHEME ),
|
||||
array( 'http', 'https' )
|
||||
)
|
||||
) {
|
||||
$predefined_url = $username;
|
||||
|
||||
// In case of a predefined link we only display the service name
|
||||
// for screen readers
|
||||
$alt_text = '%2$s';
|
||||
}
|
||||
|
||||
|
||||
if ( 'googleplus' === $service
|
||||
&& ! is_numeric( $username )
|
||||
&& substr( $username, 0, 1 ) !== '+'
|
||||
) {
|
||||
$link_username = '+' . $username;
|
||||
}
|
||||
if ( 'youtube' === $service && 'UC' === substr( $username, 0, 2 ) ) {
|
||||
$link_username = 'channel/' . $username;
|
||||
} else if ( 'youtube' === $service ) {
|
||||
$link_username = 'user/' . $username;
|
||||
}
|
||||
|
||||
if ( ! $predefined_url ) {
|
||||
$predefined_url = sprintf( $url, $link_username );
|
||||
}
|
||||
/**
|
||||
* Fires for each profile link in the social icons widget. Can be used
|
||||
* to change the links for certain social networks if needed. All URLs
|
||||
* will be passed through `esc_attr` on output.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.8.0
|
||||
*
|
||||
* @param string $url the currently processed URL
|
||||
* @param string $service the lowercase service slug, e.g. 'facebook', 'youtube', etc.
|
||||
*/
|
||||
$link = apply_filters(
|
||||
'jetpack_social_media_icons_widget_profile_link',
|
||||
$predefined_url,
|
||||
$service
|
||||
);
|
||||
$html[ $index ] = sprintf(
|
||||
'<a href="%1$s" class="genericon genericon-%2$s" target="_blank"><span class="screen-reader-text">%3$s</span></a>',
|
||||
esc_attr( $link ),
|
||||
esc_attr( $service ),
|
||||
sprintf( $alt_text, esc_html( $username ), $service_name )
|
||||
);
|
||||
}
|
||||
/**
|
||||
* Fires at the end of the list of Social Media accounts.
|
||||
* Can be used to add a new Social Media Site to the Social Media Icons Widget.
|
||||
* The filter function passed the array of HTML entries that will be sorted
|
||||
* by key, each wrapped in a list item element and output as an unsorted list.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.8.0
|
||||
*
|
||||
* @param array $html Associative array of HTML snippets per each icon.
|
||||
*/
|
||||
$html = apply_filters( 'jetpack_social_media_icons_widget_array', $html );
|
||||
ksort( $html );
|
||||
$html = '<ul><li>' . join( '</li><li>', $html ) . '</li></ul>';
|
||||
if ( ! empty( $instance['title'] ) ) {
|
||||
$html = $args['before_title'] . esc_html( $instance['title'] ) . $args['after_title'] . $html;
|
||||
}
|
||||
$html = $args['before_widget'] . $html . $args['after_widget'];
|
||||
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'social_media_icons' );
|
||||
|
||||
/**
|
||||
* Filters the Social Media Icons widget output.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.6.0
|
||||
*
|
||||
* @param string $html Social Media Icons widget html output.
|
||||
*/
|
||||
echo apply_filters( 'jetpack_social_media_icons_widget_output', $html );
|
||||
}
|
||||
|
||||
/**
|
||||
* Widget Settings.
|
||||
*
|
||||
* @access public
|
||||
* @param mixed $instance Instance.
|
||||
* @return void
|
||||
*/
|
||||
public function form( $instance ) {
|
||||
$instance = wp_parse_args( (array) $instance, $this->defaults );
|
||||
?>
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"><?php esc_attr_e( 'Title:', 'jetpack' ); ?></label>
|
||||
<input
|
||||
class="widefat"
|
||||
id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>"
|
||||
name="<?php echo esc_attr( $this->get_field_name( 'title' ) ); ?>"
|
||||
type="text"
|
||||
value="<?php echo esc_attr( $instance['title'] ); ?>"
|
||||
/>
|
||||
</p>
|
||||
<?php
|
||||
foreach ( $this->services as $service => $data ) {
|
||||
list( $service_name, $url ) = $data;
|
||||
?>
|
||||
<p>
|
||||
<label for="<?php echo esc_attr( $this->get_field_id( $service . '_username' ) ); ?>">
|
||||
<?php
|
||||
/* translators: %s is a social network name, e.g. Facebook. */
|
||||
printf( __( '%s username:', 'jetpack' ), $service_name );
|
||||
?>
|
||||
</label>
|
||||
<input
|
||||
class="widefat"
|
||||
id="<?php echo esc_attr( $this->get_field_id( $service . '_username' ) ); ?>"
|
||||
name="<?php echo esc_attr( $this->get_field_name( $service . '_username' ) ); ?>"
|
||||
type="text"
|
||||
value="<?php echo esc_attr( $instance[ $service . '_username' ] ); ?>"
|
||||
/>
|
||||
</p>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Update Widget Settings.
|
||||
*
|
||||
* @access public
|
||||
* @param mixed $new_instance New Instance.
|
||||
* @param mixed $old_instance Old Instance.
|
||||
* @return Instance.
|
||||
*/
|
||||
public function update( $new_instance, $old_instance ) {
|
||||
$instance = (array) $old_instance;
|
||||
foreach ( $new_instance as $field => $value ) {
|
||||
$instance[ $field ] = sanitize_text_field( $new_instance[ $field ] );
|
||||
}
|
||||
// Stats.
|
||||
$stats = $instance;
|
||||
unset( $stats['title'] );
|
||||
$stats = array_filter( $stats );
|
||||
$stats = array_keys( $stats );
|
||||
$stats = array_map( array( $this, 'remove_username' ), $stats );
|
||||
foreach ( $stats as $val ) {
|
||||
/**
|
||||
* Fires for each Social Media account being saved in the Social Media Widget settings.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.6.0
|
||||
*
|
||||
* @param string social-media-links-widget-svcs Type of action to track.
|
||||
* @param string $val Name of the Social Media account being saved.
|
||||
*/
|
||||
do_action( 'jetpack_bump_stats_extras', 'social-media-links-widget-svcs', $val );
|
||||
}
|
||||
return $instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove username from value before to save stats.
|
||||
*
|
||||
* @access public
|
||||
* @param mixed $val Value.
|
||||
* @return Value.
|
||||
*/
|
||||
public function remove_username( $val ) {
|
||||
return str_replace( '_username', '', $val );
|
||||
}
|
||||
} // End Class.
|
||||
|
||||
/**
|
||||
* Register and load the widget.
|
||||
*
|
||||
* @access public
|
||||
* @return void
|
||||
*/
|
||||
function wpcom_social_media_icons_widget_load_widget() {
|
||||
$transient = 'wpcom_social_media_icons_widget::is_active';
|
||||
$has_widget = get_transient( $transient );
|
||||
|
||||
if ( false === $has_widget ) {
|
||||
$is_active_widget = is_active_widget( false, false, 'wpcom_social_media_icons_widget', false );
|
||||
$has_widget = (int) ! empty( $is_active_widget );
|
||||
set_transient( $transient, $has_widget, 1 * HOUR_IN_SECONDS );
|
||||
}
|
||||
|
||||
// [DEPRECATION]: Only register widget if active widget exists already
|
||||
if ( $has_widget ) {
|
||||
register_widget( 'wpcom_social_media_icons_widget' );
|
||||
}
|
||||
}
|
||||
add_action( 'widgets_init', 'wpcom_social_media_icons_widget_load_widget' );
|
||||
@@ -0,0 +1,49 @@
|
||||
.widget_wpcom_social_media_icons_widget ul {
|
||||
list-style-type: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.widget_wpcom_social_media_icons_widget ul li {
|
||||
border: 0 none;
|
||||
display: inline;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
.widget_wpcom_social_media_icons_widget li a {
|
||||
border: 0 none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.widget_wpcom_social_media_icons_widget .genericon {
|
||||
font-family: 'Genericons';
|
||||
}
|
||||
|
||||
.widget_wpcom_social_media_icons_widget .screen-reader-text {
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
position: absolute !important;
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.widget_wpcom_social_media_icons_widget .screen-reader-text:hover,
|
||||
.widget_wpcom_social_media_icons_widget .screen-reader-text:active,
|
||||
.widget_wpcom_social_media_icons_widget .screen-reader-text:focus {
|
||||
background-color: #f1f1f1;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||||
clip: auto !important;
|
||||
color: #21759b;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
font-size: 0.875rem;
|
||||
font-weight: bold;
|
||||
height: auto;
|
||||
left: 5px;
|
||||
line-height: normal;
|
||||
padding: 15px 23px 14px;
|
||||
text-decoration: none;
|
||||
top: 5px;
|
||||
width: auto;
|
||||
z-index: 100000; /* Above WP toolbar. */
|
||||
}
|
||||
@@ -0,0 +1,649 @@
|
||||
<?php
|
||||
|
||||
/*
|
||||
* Currently, this widget depends on the Stats Module. To not load this file
|
||||
* when the Stats Module is not active would potentially bypass Jetpack's
|
||||
* fatal error detection on module activation, so we always load this file.
|
||||
* Instead, we don't register the widget if the Stats Module isn't active.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Register the widget for use in Appearance -> Widgets
|
||||
*/
|
||||
add_action( 'widgets_init', 'jetpack_top_posts_widget_init' );
|
||||
|
||||
function jetpack_top_posts_widget_init() {
|
||||
// Currently, this widget depends on the Stats Module
|
||||
if (
|
||||
( ! defined( 'IS_WPCOM' ) || ! IS_WPCOM )
|
||||
&&
|
||||
! function_exists( 'stats_get_from_restapi' )
|
||||
) {
|
||||
return;
|
||||
}
|
||||
|
||||
register_widget( 'Jetpack_Top_Posts_Widget' );
|
||||
}
|
||||
|
||||
class Jetpack_Top_Posts_Widget extends WP_Widget {
|
||||
public $alt_option_name = 'widget_stats_topposts';
|
||||
public $default_title = '';
|
||||
|
||||
function __construct() {
|
||||
parent::__construct(
|
||||
'top-posts',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', __( 'Top Posts & Pages', 'jetpack' ) ),
|
||||
array(
|
||||
'description' => __( 'Shows your most viewed posts and pages.', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
)
|
||||
);
|
||||
|
||||
$this->default_title = __( 'Top Posts & Pages', 'jetpack' );
|
||||
|
||||
if ( is_active_widget( false, false, $this->id_base ) || is_customize_preview() ) {
|
||||
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_style' ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Add explanation about how the statistics are calculated.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.9.3
|
||||
*/
|
||||
add_action( 'jetpack_widget_top_posts_after_fields', array( $this, 'stats_explanation' ) );
|
||||
}
|
||||
|
||||
function enqueue_style() {
|
||||
wp_register_style( 'jetpack-top-posts-widget', plugins_url( 'top-posts/style.css', __FILE__ ), array(), '20141013' );
|
||||
wp_enqueue_style( 'jetpack-top-posts-widget' );
|
||||
}
|
||||
|
||||
function form( $instance ) {
|
||||
$instance = wp_parse_args( (array) $instance, $this->defaults() );
|
||||
|
||||
if ( false === $instance['title'] ) {
|
||||
$instance['title'] = $this->default_title;
|
||||
}
|
||||
$title = stripslashes( $instance['title'] );
|
||||
|
||||
$count = isset( $instance['count'] ) ? (int) $instance['count'] : 10;
|
||||
if ( $count < 1 || 10 < $count ) {
|
||||
$count = 10;
|
||||
}
|
||||
|
||||
$allowed_post_types = array_values( get_post_types( array( 'public' => true ) ) );
|
||||
$types = isset( $instance['types'] ) ? (array) $instance['types'] : array( 'post', 'page' );
|
||||
|
||||
// 'likes' are not available in Jetpack
|
||||
$ordering = isset( $instance['ordering'] ) && 'likes' === $instance['ordering'] ? 'likes' : 'views';
|
||||
|
||||
if ( isset( $instance['display'] ) && in_array( $instance['display'], array( 'grid', 'list', 'text' ) ) ) {
|
||||
$display = $instance['display'];
|
||||
} else {
|
||||
$display = 'text';
|
||||
}
|
||||
|
||||
?>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php esc_html_e( 'Title:', 'jetpack' ); ?></label>
|
||||
<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'count' ); ?>"><?php esc_html_e( 'Maximum number of posts to show (no more than 10):', 'jetpack' ); ?></label>
|
||||
<input id="<?php echo $this->get_field_id( 'count' ); ?>" name="<?php echo $this->get_field_name( 'count' ); ?>" type="number" value="<?php echo (int) $count; ?>" min="1" max="10" />
|
||||
</p>
|
||||
|
||||
<?php if ( defined( 'IS_WPCOM' ) && IS_WPCOM ) : ?>
|
||||
<p>
|
||||
<label><?php esc_html_e( 'Order Top Posts & Pages By:', 'jetpack' ); ?></label>
|
||||
<ul>
|
||||
<li><label><input id="<?php echo $this->get_field_id( 'ordering' ); ?>-likes" name="<?php echo $this->get_field_name( 'ordering' ); ?>" type="radio" value="likes" <?php checked( 'likes', $ordering ); ?> /> <?php esc_html_e( 'Likes', 'jetpack' ); ?></label></li>
|
||||
<li><label><input id="<?php echo $this->get_field_id( 'ordering' ); ?>-views" name="<?php echo $this->get_field_name( 'ordering' ); ?>" type="radio" value="views" <?php checked( 'views', $ordering ); ?> /> <?php esc_html_e( 'Views', 'jetpack' ); ?></label></li>
|
||||
</ul>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'types' ); ?>"><?php esc_html_e( 'Types of pages to display:', 'jetpack' ); ?></label>
|
||||
<ul>
|
||||
<?php foreach( $allowed_post_types as $type ) {
|
||||
// Get the Post Type name to display next to the checkbox
|
||||
$post_type_object = get_post_type_object( $type );
|
||||
$label = $post_type_object->labels->name;
|
||||
|
||||
$checked = '';
|
||||
if ( in_array( $type, $types ) ) {
|
||||
$checked = 'checked="checked" ';
|
||||
} ?>
|
||||
|
||||
<li><label>
|
||||
<input value="<?php echo esc_attr( $type ); ?>" name="<?php echo $this->get_field_name( 'types' ); ?>[]" id="<?php echo $this->get_field_id( 'types' ); ?>-<?php echo $type; ?>" type="checkbox" <?php echo $checked; ?>>
|
||||
<?php echo esc_html( $label ); ?>
|
||||
</label></li>
|
||||
|
||||
<?php } // End foreach ?>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label><?php esc_html_e( 'Display as:', 'jetpack' ); ?></label>
|
||||
<ul>
|
||||
<li><label><input id="<?php echo $this->get_field_id( 'display' ); ?>-text" name="<?php echo $this->get_field_name( 'display' ); ?>" type="radio" value="text" <?php checked( 'text', $display ); ?> /> <?php esc_html_e( 'Text List', 'jetpack' ); ?></label></li>
|
||||
<li><label><input id="<?php echo $this->get_field_id( 'display' ); ?>-list" name="<?php echo $this->get_field_name( 'display' ); ?>" type="radio" value="list" <?php checked( 'list', $display ); ?> /> <?php esc_html_e( 'Image List', 'jetpack' ); ?></label></li>
|
||||
<li><label><input id="<?php echo $this->get_field_id( 'display' ); ?>-grid" name="<?php echo $this->get_field_name( 'display' ); ?>" type="radio" value="grid" <?php checked( 'grid', $display ); ?> /> <?php esc_html_e( 'Image Grid', 'jetpack' ); ?></label></li>
|
||||
</ul>
|
||||
</p><?php
|
||||
|
||||
/**
|
||||
* Fires after the fields are displayed in the Top Posts Widget settings in wp-admin.
|
||||
*
|
||||
* Allow adding extra content after the fields are displayed.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.9.3
|
||||
*
|
||||
* @param array $args {
|
||||
* @param array $instance The widget instance.
|
||||
* @param object $this The class object.
|
||||
* }
|
||||
*/
|
||||
do_action( 'jetpack_widget_top_posts_after_fields', array( $instance, $this ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Explains how the statics are calculated.
|
||||
*/
|
||||
function stats_explanation() {
|
||||
?>
|
||||
|
||||
<p><?php esc_html_e( 'Top Posts & Pages by views are calculated from 24-48 hours of stats. They take a while to change.', 'jetpack' ); ?></p><?php
|
||||
}
|
||||
|
||||
function update( $new_instance, $old_instance ) {
|
||||
$instance = array();
|
||||
$instance['title'] = wp_kses( $new_instance['title'], array() );
|
||||
if ( $instance['title'] === $this->default_title ) {
|
||||
$instance['title'] = false; // Store as false in case of language change
|
||||
}
|
||||
|
||||
$instance['count'] = (int) $new_instance['count'];
|
||||
if ( $instance['count'] < 1 || 10 < $instance['count'] ) {
|
||||
$instance['count'] = 10;
|
||||
}
|
||||
|
||||
// 'likes' are not available in Jetpack
|
||||
$instance['ordering'] = isset( $new_instance['ordering'] ) && 'likes' == $new_instance['ordering'] ? 'likes' : 'views';
|
||||
|
||||
$allowed_post_types = array_values( get_post_types( array( 'public' => true ) ) );
|
||||
$instance['types'] = $new_instance['types'];
|
||||
foreach( $new_instance['types'] as $key => $type ) {
|
||||
if ( ! in_array( $type, $allowed_post_types ) ) {
|
||||
unset( $new_instance['types'][ $key ] );
|
||||
}
|
||||
}
|
||||
|
||||
if ( isset( $new_instance['display'] ) && in_array( $new_instance['display'], array( 'grid', 'list', 'text' ) ) ) {
|
||||
$instance['display'] = $new_instance['display'];
|
||||
} else {
|
||||
$instance['display'] = 'text';
|
||||
}
|
||||
|
||||
/**
|
||||
* Filters Top Posts Widget settings before they're saved.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.9.3
|
||||
*
|
||||
* @param array $instance The santized widget instance. Only contains data processed by the current widget.
|
||||
* @param array $new_instance The new widget instance before sanitization.
|
||||
*/
|
||||
$instance = apply_filters( 'jetpack_top_posts_saving', $instance, $new_instance );
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
function widget( $args, $instance ) {
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'top_posts' );
|
||||
|
||||
$instance = wp_parse_args( (array) $instance, $this->defaults() );
|
||||
|
||||
$title = isset( $instance['title' ] ) ? $instance['title'] : false;
|
||||
if ( false === $title ) {
|
||||
$title = $this->default_title;
|
||||
}
|
||||
/** This filter is documented in core/src/wp-includes/default-widgets.php */
|
||||
$title = apply_filters( 'widget_title', $title );
|
||||
|
||||
$count = isset( $instance['count'] ) ? (int) $instance['count'] : false;
|
||||
if ( $count < 1 || 10 < $count ) {
|
||||
$count = 10;
|
||||
}
|
||||
/**
|
||||
* Control the number of displayed posts.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.3.0
|
||||
*
|
||||
* @param string $count Number of Posts displayed in the Top Posts widget. Default is 10.
|
||||
*/
|
||||
$count = apply_filters( 'jetpack_top_posts_widget_count', $count );
|
||||
|
||||
$types = isset( $instance['types'] ) ? (array) $instance['types'] : array( 'post', 'page' );
|
||||
|
||||
// 'likes' are not available in Jetpack
|
||||
$ordering = isset( $instance['ordering'] ) && 'likes' == $instance['ordering'] ? 'likes' : 'views';
|
||||
|
||||
if ( isset( $instance['display'] ) && in_array( $instance['display'], array( 'grid', 'list', 'text' ) ) ) {
|
||||
$display = $instance['display'];
|
||||
} else {
|
||||
$display = 'text';
|
||||
}
|
||||
|
||||
if ( 'text' != $display ) {
|
||||
$get_image_options = array(
|
||||
'fallback_to_avatars' => true,
|
||||
/** This filter is documented in modules/stats.php */
|
||||
'gravatar_default' => apply_filters( 'jetpack_static_url', set_url_scheme( 'https://en.wordpress.com/i/logo/white-gray-80.png' ) ),
|
||||
'avatar_size' => 40,
|
||||
'width' => null,
|
||||
'height' => null,
|
||||
);
|
||||
if ( 'grid' == $display ) {
|
||||
$get_image_options['avatar_size'] = 200;
|
||||
}
|
||||
/**
|
||||
* Top Posts Widget Image options.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 1.8.0
|
||||
*
|
||||
* @param array $get_image_options {
|
||||
* Array of Image options.
|
||||
* @type bool true Should we default to Gravatars when no image is found? Default is true.
|
||||
* @type string $gravatar_default Default Image URL if no Gravatar is found.
|
||||
* @type int $avatar_size Default Image size.
|
||||
* @type mixed $width Image width, not set by default and $avatar_size is used instead.
|
||||
* @type mixed $height Image height, not set by default and $avatar_size is used instead.
|
||||
* }
|
||||
*/
|
||||
$get_image_options = apply_filters( 'jetpack_top_posts_widget_image_options', $get_image_options );
|
||||
}
|
||||
|
||||
if ( function_exists( 'wpl_get_blogs_most_liked_posts' ) && 'likes' == $ordering ) {
|
||||
$posts = $this->get_by_likes( $count );
|
||||
} else {
|
||||
$posts = $this->get_by_views( $count, $args );
|
||||
}
|
||||
|
||||
// Filter the returned posts. Remove all posts that do not match the chosen Post Types.
|
||||
if ( isset( $types ) ) {
|
||||
foreach ( $posts as $k => $post ) {
|
||||
if ( ! in_array( $post['post_type'], $types ) ) {
|
||||
unset( $posts[$k] );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if ( ! $posts ) {
|
||||
$posts = $this->get_fallback_posts();
|
||||
}
|
||||
|
||||
echo $args['before_widget'];
|
||||
if ( ! empty( $title ) )
|
||||
echo $args['before_title'] . $title . $args['after_title'];
|
||||
|
||||
if ( ! $posts ) {
|
||||
$link = 'https://jetpack.com/support/getting-more-views-and-traffic/';
|
||||
if ( defined( 'IS_WPCOM' ) && IS_WPCOM ) {
|
||||
$link = 'http://en.support.wordpress.com/getting-more-site-traffic/';
|
||||
}
|
||||
|
||||
if ( current_user_can( 'edit_theme_options' ) ) {
|
||||
echo '<p>' . sprintf(
|
||||
__( 'There are no posts to display. <a href="%s" target="_blank">Want more traffic?</a>', 'jetpack' ),
|
||||
esc_url( $link )
|
||||
) . '</p>';
|
||||
}
|
||||
|
||||
echo $args['after_widget'];
|
||||
return;
|
||||
}
|
||||
|
||||
switch ( $display ) {
|
||||
case 'list' :
|
||||
case 'grid' :
|
||||
// Keep the avatar_size as default dimensions for backward compatibility.
|
||||
$width = (int) $get_image_options['avatar_size'];
|
||||
$height = (int) $get_image_options['avatar_size'];
|
||||
|
||||
// Check if the user has changed the width.
|
||||
if ( ! empty( $get_image_options['width'] ) ) {
|
||||
$width = (int) $get_image_options['width'];
|
||||
}
|
||||
|
||||
// Check if the user has changed the height.
|
||||
if ( ! empty( $get_image_options['height'] ) ) {
|
||||
$height = (int) $get_image_options['height'];
|
||||
}
|
||||
|
||||
foreach ( $posts as &$post ) {
|
||||
$image = Jetpack_PostImages::get_image(
|
||||
$post['post_id'],
|
||||
array(
|
||||
'fallback_to_avatars' => true,
|
||||
'width' => (int) $width,
|
||||
'height' => (int) $height,
|
||||
'avatar_size' => (int) $get_image_options['avatar_size'],
|
||||
)
|
||||
);
|
||||
$post['image'] = $image['src'];
|
||||
if ( 'blavatar' != $image['from'] && 'gravatar' != $image['from'] ) {
|
||||
$post['image'] = jetpack_photon_url( $post['image'], array( 'resize' => "$width,$height" ) );
|
||||
}
|
||||
}
|
||||
|
||||
unset( $post );
|
||||
|
||||
if ( 'grid' == $display ) {
|
||||
echo "<div class='widgets-grid-layout no-grav'>\n";
|
||||
foreach ( $posts as $post ) :
|
||||
?>
|
||||
<div class="widget-grid-view-image">
|
||||
<?php
|
||||
/**
|
||||
* Fires before each Top Post result, inside <li>.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.2.0
|
||||
*
|
||||
* @param string $post['post_id'] Post ID.
|
||||
*/
|
||||
do_action( 'jetpack_widget_top_posts_before_post', $post['post_id'] );
|
||||
|
||||
/**
|
||||
* Filter the permalink of items in the Top Posts widget.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 4.4.0
|
||||
*
|
||||
* @param string $post['permalink'] Post permalink.
|
||||
* @param array $post Post array.
|
||||
*/
|
||||
$filtered_permalink = apply_filters( 'jetpack_top_posts_widget_permalink', $post['permalink'], $post );
|
||||
|
||||
?>
|
||||
<a href="<?php echo esc_url( $filtered_permalink ); ?>" title="<?php echo esc_attr( wp_kses( $post['title'], array() ) ); ?>" class="bump-view" data-bump-view="tp">
|
||||
<img width="<?php echo absint( $width ); ?>" height="<?php echo absint( $height ); ?>" src="<?php echo esc_url( $post['image'] ); ?>" alt="<?php echo esc_attr( wp_kses( $post['title'], array() ) ); ?>" data-pin-nopin="true" />
|
||||
</a>
|
||||
<?php
|
||||
/**
|
||||
* Fires after each Top Post result, inside <li>.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.2.0
|
||||
*
|
||||
* @param string $post['post_id'] Post ID.
|
||||
*/
|
||||
do_action( 'jetpack_widget_top_posts_after_post', $post['post_id'] );
|
||||
?>
|
||||
</div>
|
||||
<?php
|
||||
endforeach;
|
||||
echo "</div>\n";
|
||||
} else {
|
||||
echo "<ul class='widgets-list-layout no-grav'>\n";
|
||||
foreach ( $posts as $post ) :
|
||||
?>
|
||||
<li>
|
||||
<?php
|
||||
/** This action is documented in modules/widgets/top-posts.php */
|
||||
do_action( 'jetpack_widget_top_posts_before_post', $post['post_id'] );
|
||||
|
||||
/** This filter is documented in modules/widgets/top-posts.php */
|
||||
$filtered_permalink = apply_filters( 'jetpack_top_posts_widget_permalink', $post['permalink'], $post );
|
||||
?>
|
||||
<a href="<?php echo esc_url( $filtered_permalink ); ?>" title="<?php echo esc_attr( wp_kses( $post['title'], array() ) ); ?>" class="bump-view" data-bump-view="tp">
|
||||
<img width="<?php echo absint( $width ); ?>" height="<?php echo absint( $height ); ?>" src="<?php echo esc_url( $post['image'] ); ?>" class='widgets-list-layout-blavatar' alt="<?php echo esc_attr( wp_kses( $post['title'], array() ) ); ?>" data-pin-nopin="true" />
|
||||
</a>
|
||||
<div class="widgets-list-layout-links">
|
||||
<a href="<?php echo esc_url( $filtered_permalink ); ?>" class="bump-view" data-bump-view="tp">
|
||||
<?php echo esc_html( wp_kses( $post['title'], array() ) ); ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php
|
||||
/** This action is documented in modules/widgets/top-posts.php */
|
||||
do_action( 'jetpack_widget_top_posts_after_post', $post['post_id'] );
|
||||
?>
|
||||
</li>
|
||||
<?php
|
||||
endforeach;
|
||||
echo "</ul>\n";
|
||||
}
|
||||
break;
|
||||
default :
|
||||
echo '<ul>';
|
||||
foreach ( $posts as $post ) :
|
||||
?>
|
||||
<li>
|
||||
<?php
|
||||
/** This action is documented in modules/widgets/top-posts.php */
|
||||
do_action( 'jetpack_widget_top_posts_before_post', $post['post_id'] );
|
||||
|
||||
/** This filter is documented in modules/widgets/top-posts.php */
|
||||
$filtered_permalink = apply_filters( 'jetpack_top_posts_widget_permalink', $post['permalink'], $post );
|
||||
?>
|
||||
<a href="<?php echo esc_url( $filtered_permalink ); ?>" class="bump-view" data-bump-view="tp">
|
||||
<?php echo esc_html( wp_kses( $post['title'], array() ) ); ?>
|
||||
</a>
|
||||
<?php
|
||||
/** This action is documented in modules/widgets/top-posts.php */
|
||||
do_action( 'jetpack_widget_top_posts_after_post', $post['post_id'] );
|
||||
?>
|
||||
</li>
|
||||
<?php
|
||||
endforeach;
|
||||
echo '</ul>';
|
||||
}
|
||||
|
||||
echo $args['after_widget'];
|
||||
}
|
||||
|
||||
public static function defaults() {
|
||||
return array(
|
||||
'title' => esc_html__( 'Top Posts & Pages', 'jetpack' ),
|
||||
'count' => absint( 10 ),
|
||||
'types' => array( 'post', 'page' ),
|
||||
'ordering' => 'views',
|
||||
'display' => 'text',
|
||||
);
|
||||
}
|
||||
|
||||
/*
|
||||
* Get most liked posts
|
||||
*
|
||||
* ONLY TO BE USED IN WPCOM
|
||||
*/
|
||||
function get_by_likes( $count ) {
|
||||
$post_likes = wpl_get_blogs_most_liked_posts();
|
||||
if ( !$post_likes ) {
|
||||
return array();
|
||||
}
|
||||
|
||||
return $this->get_posts( array_keys( $post_likes ), $count );
|
||||
}
|
||||
|
||||
function get_by_views( $count, $args ) {
|
||||
if ( defined( 'IS_WPCOM' ) && IS_WPCOM ) {
|
||||
global $wpdb;
|
||||
|
||||
$post_views = wp_cache_get( "get_top_posts_$count", 'stats' );
|
||||
if ( false === $post_views ) {
|
||||
$post_views = array_shift( stats_get_daily_history( false, get_current_blog_id(), 'postviews', 'post_id', false, 2, '', $count * 2 + 10, true ) );
|
||||
unset( $post_views[0] );
|
||||
wp_cache_add( "get_top_posts_$count", $post_views, 'stats', 1200);
|
||||
}
|
||||
|
||||
return $this->get_posts( array_keys( $post_views ), $count );
|
||||
}
|
||||
|
||||
/**
|
||||
* Filter the number of days used to calculate Top Posts for the Top Posts widget.
|
||||
* We do not recommend accessing more than 10 days of results at one.
|
||||
* When more than 10 days of results are accessed at once, results should be cached via the WordPress transients API.
|
||||
* Querying for -1 days will give results for an infinite number of days.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.9.3
|
||||
*
|
||||
* @param int 2 Number of days. Default is 2.
|
||||
* @param array $args The widget arguments.
|
||||
*/
|
||||
$days = (int) apply_filters( 'jetpack_top_posts_days', 2, $args );
|
||||
|
||||
/** Handling situations where the number of days makes no sense - allows for unlimited days where $days = -1 */
|
||||
if ( 0 == $days || false == $days ) {
|
||||
$days = 2;
|
||||
}
|
||||
|
||||
$post_view_posts = stats_get_from_restapi( array(), 'top-posts?max=11&summarize=1&num=' . absint( $days ) );
|
||||
|
||||
if ( ! isset( $post_view_posts->summary ) || empty( $post_view_posts->summary->postviews ) ) {
|
||||
return array();
|
||||
}
|
||||
|
||||
$post_view_ids = array_filter( wp_list_pluck( $post_view_posts->summary->postviews, 'id' ) );
|
||||
|
||||
if ( ! $post_view_ids ) {
|
||||
return array();
|
||||
}
|
||||
|
||||
return $this->get_posts( $post_view_ids, $count );
|
||||
}
|
||||
|
||||
function get_fallback_posts() {
|
||||
if ( current_user_can( 'edit_theme_options' ) ) {
|
||||
return array();
|
||||
}
|
||||
|
||||
$post_query = new WP_Query;
|
||||
|
||||
$posts = $post_query->query( array(
|
||||
'posts_per_page' => 1,
|
||||
'post_status' => 'publish',
|
||||
'post_type' => array( 'post', 'page' ),
|
||||
'no_found_rows' => true,
|
||||
) );
|
||||
|
||||
if ( ! $posts ) {
|
||||
return array();
|
||||
}
|
||||
|
||||
$post = array_pop( $posts );
|
||||
|
||||
return $this->get_posts( $post->ID, 1 );
|
||||
}
|
||||
|
||||
function get_posts( $post_ids, $count ) {
|
||||
$counter = 0;
|
||||
|
||||
$posts = array();
|
||||
foreach ( (array) $post_ids as $post_id ) {
|
||||
$post = get_post( $post_id );
|
||||
|
||||
if ( ! $post ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
/**
|
||||
* Attachment pages use the 'inherit' post status by default.
|
||||
* To be able to remove attachment pages from private and password protect posts,
|
||||
* we need to replace their post status by the parent post' status.
|
||||
*/
|
||||
if ( 'inherit' == $post->post_status && 'attachment' == $post->post_type ) {
|
||||
$post->post_status = get_post_status( $post_id );
|
||||
}
|
||||
|
||||
// hide private and password protected posts
|
||||
if ( 'publish' != $post->post_status || ! empty( $post->post_password ) ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
// Both get HTML stripped etc on display
|
||||
if ( empty( $post->post_title ) ) {
|
||||
$title_source = $post->post_content;
|
||||
$title = wp_html_excerpt( $title_source, 50 );
|
||||
$title .= '…';
|
||||
} else {
|
||||
$title = $post->post_title;
|
||||
}
|
||||
|
||||
$permalink = get_permalink( $post->ID );
|
||||
|
||||
$post_type = $post->post_type;
|
||||
|
||||
$posts[] = compact( 'title', 'permalink', 'post_id', 'post_type' );
|
||||
$counter++;
|
||||
|
||||
if ( $counter == $count ) {
|
||||
break; // only need to load and show x number of likes
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Filter the Top Posts and Pages.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.0.0
|
||||
*
|
||||
* @param array $posts Array of the most popular posts.
|
||||
* @param array $post_ids Array of Post IDs.
|
||||
* @param string $count Number of Top Posts we want to display.
|
||||
*/
|
||||
return apply_filters( 'jetpack_widget_get_top_posts', $posts, $post_ids, $count );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Create a shortcode to display the widget anywhere.
|
||||
*
|
||||
* @since 3.9.2
|
||||
*/
|
||||
function jetpack_do_top_posts_widget( $instance ) {
|
||||
// Post Types can't be entered as an array in the shortcode parameters.
|
||||
if ( isset( $instance['types'] ) && is_array( $instance['types'] ) ) {
|
||||
$instance['types'] = implode( ',', $instance['types'] );
|
||||
}
|
||||
|
||||
$instance = shortcode_atts(
|
||||
Jetpack_Top_Posts_Widget::defaults(),
|
||||
$instance,
|
||||
'jetpack_top_posts_widget'
|
||||
);
|
||||
|
||||
// Add a class to allow styling
|
||||
$args = array(
|
||||
'before_widget' => sprintf( '<div class="%s">', 'jetpack_top_posts_widget' ),
|
||||
);
|
||||
|
||||
ob_start();
|
||||
the_widget( 'Jetpack_Top_Posts_Widget', $instance, $args );
|
||||
$output = ob_get_clean();
|
||||
|
||||
return $output;
|
||||
}
|
||||
add_shortcode( 'jetpack_top_posts_widget', 'jetpack_do_top_posts_widget' );
|
||||
@@ -0,0 +1,114 @@
|
||||
/*
|
||||
* Top Posts Widget styles for Jetpack
|
||||
*/
|
||||
|
||||
/* 2-Column Grid Layout */
|
||||
|
||||
.widgets-grid-layout {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.widgets-grid-layout:before,
|
||||
.widgets-grid-layout:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.widgets-grid-layout:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.widget-grid-view-image {
|
||||
float: left;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.widget-grid-view-image a {
|
||||
display: block;
|
||||
margin: 0 2px 4px 0;
|
||||
}
|
||||
|
||||
.widget-grid-view-image:nth-child(even) {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.widget-grid-view-image:nth-child(even) a {
|
||||
margin: 0 0 4px 2px;
|
||||
}
|
||||
|
||||
.widgets-grid-layout .widget-grid-view-image img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* Multi-Column Grid Layout */
|
||||
|
||||
.widgets-multi-column-grid ul {
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.widgets-multi-column-grid ul li {
|
||||
background: none;
|
||||
clear: none;
|
||||
float: left;
|
||||
margin: 0 -5px -3px 0;
|
||||
padding: 0 8px 6px 0;
|
||||
border: none;
|
||||
list-style-type: none !important;
|
||||
}
|
||||
|
||||
.widgets-multi-column-grid ul li a {
|
||||
background: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.widgets-multi-column-grid .avatar {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* List Layout */
|
||||
|
||||
.widgets-list-layout {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.widgets-list-layout li:before,
|
||||
.widgets-list-layout li:after {
|
||||
content:"";
|
||||
display:table;
|
||||
}
|
||||
.widgets-list-layout li:after {
|
||||
clear:both;
|
||||
}
|
||||
.widgets-list-layout li {
|
||||
zoom:1;
|
||||
margin-bottom: 1em;
|
||||
list-style-type: none !important;
|
||||
}
|
||||
|
||||
.widgets-list-layout .widgets-list-layout-blavatar {
|
||||
float: left;
|
||||
width: 21.276596%;
|
||||
max-width: 40px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.widgets-list-layout-links {
|
||||
float: right;
|
||||
width: 73.404255%;
|
||||
}
|
||||
|
||||
.widgets-list-layout span {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.widgets-list-layout span:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
jQuery( function( $ ) {
|
||||
function twitterWidgetTypeChanged( widgetTypeSelector ) {
|
||||
var selectedType = $( widgetTypeSelector ).val();
|
||||
$( widgetTypeSelector )
|
||||
.closest( '.jetpack-twitter-timeline-widget-type-container' )
|
||||
.next( '.jetpack-twitter-timeline-widget-id-container' )
|
||||
.find( 'label' )
|
||||
.css( 'display', function() {
|
||||
var labelType = $( this ).data( 'widget-type' );
|
||||
if ( selectedType === labelType ) {
|
||||
return '';
|
||||
} else {
|
||||
return 'none';
|
||||
}
|
||||
} );
|
||||
}
|
||||
|
||||
// We could either be in wp-admin/widgets.php or the Customizer.
|
||||
var $container = $( '#customize-controls' );
|
||||
if ( ! $container.length ) {
|
||||
$container = $( '#wpbody' );
|
||||
}
|
||||
|
||||
// Observe widget settings for 'change' events of the 'type' property for
|
||||
// current and future Twitter timeline widgets.
|
||||
$container.on( 'change', '.jetpack-twitter-timeline-widget-type', function() {
|
||||
twitterWidgetTypeChanged( this );
|
||||
} );
|
||||
|
||||
// Set the labels for currently existing widgets (including the "template"
|
||||
// version that is copied when a new widget is added).
|
||||
$container.find( '.jetpack-twitter-timeline-widget-type' ).each( function() {
|
||||
twitterWidgetTypeChanged( this );
|
||||
} );
|
||||
} );
|
||||
@@ -0,0 +1,489 @@
|
||||
<?php
|
||||
|
||||
/*
|
||||
* Based on Evolution Twitter Timeline
|
||||
* (https://wordpress.org/extend/plugins/evolution-twitter-timeline/)
|
||||
* For details on Twitter Timelines see:
|
||||
* - https://twitter.com/settings/widgets
|
||||
* - https://dev.twitter.com/docs/embedded-timelines
|
||||
*/
|
||||
|
||||
/**
|
||||
* Register the widget for use in Appearance -> Widgets
|
||||
*/
|
||||
add_action( 'widgets_init', 'jetpack_twitter_timeline_widget_init' );
|
||||
|
||||
function jetpack_twitter_timeline_widget_init() {
|
||||
register_widget( 'Jetpack_Twitter_Timeline_Widget' );
|
||||
}
|
||||
|
||||
class Jetpack_Twitter_Timeline_Widget extends WP_Widget {
|
||||
/**
|
||||
* Register widget with WordPress.
|
||||
*/
|
||||
public function __construct() {
|
||||
parent::__construct(
|
||||
'twitter_timeline',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', esc_html__( 'Twitter Timeline', 'jetpack' ) ),
|
||||
array(
|
||||
'classname' => 'widget_twitter_timeline',
|
||||
'description' => __( 'Display an official Twitter Embedded Timeline widget.', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
)
|
||||
);
|
||||
|
||||
if ( is_active_widget( false, false, $this->id_base ) || is_active_widget( false, false, 'monster' ) || is_customize_preview() ) {
|
||||
add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_scripts' ) );
|
||||
}
|
||||
|
||||
add_action( 'admin_enqueue_scripts', array( $this, 'admin_scripts' ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueue scripts.
|
||||
*/
|
||||
public function enqueue_scripts() {
|
||||
wp_enqueue_script( 'jetpack-twitter-timeline' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueue Twitter's widget library.
|
||||
*
|
||||
* @deprecated
|
||||
*/
|
||||
public function library() {
|
||||
_deprecated_function( __METHOD__, '4.0.0' );
|
||||
wp_print_scripts( array( 'jetpack-twitter-timeline' ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueue script to improve admin UI
|
||||
*/
|
||||
public function admin_scripts( $hook ) {
|
||||
// This is still 'widgets.php' when managing widgets via the Customizer.
|
||||
if ( 'widgets.php' === $hook ) {
|
||||
wp_enqueue_script(
|
||||
'twitter-timeline-admin',
|
||||
Jetpack::get_file_url_for_environment(
|
||||
'_inc/build/widgets/twitter-timeline-admin.min.js',
|
||||
'modules/widgets/twitter-timeline-admin.js'
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Front-end display of widget.
|
||||
*
|
||||
* @see WP_Widget::widget()
|
||||
*
|
||||
* @param array $args Widget arguments.
|
||||
* @param array $instance Saved values from database.
|
||||
*/
|
||||
public function widget( $args, $instance ) {
|
||||
// Twitter deprecated `data-widget-id` on 2018-05-25,
|
||||
// with cease support deadline on 2018-07-27.
|
||||
// 1532563200 is 2018-07-26, one day early.
|
||||
if ( 'widget-id' === $instance['type'] && time() > 1532563200 ) {
|
||||
if ( current_user_can( 'edit_theme_options' ) ) {
|
||||
echo $args['before_widget'];
|
||||
echo $args['before_title'] . esc_html__( 'Twitter Timeline', 'jetpack' ) . $args['after_title'];
|
||||
echo '<p>' . esc_html__( "The Twitter Timeline widget can't display tweets based on searches or hashtags. To display a simple list of tweets instead, change the Widget ID to a Twitter username. Otherwise, delete this widget.", 'jetpack' ) . '</p>';
|
||||
echo '<p>' . esc_html__( '(Only administrators will see this message.)', 'jetpack' ) . '</p>';
|
||||
echo $args['after_widget'];
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
$instance['lang'] = substr( strtoupper( get_locale() ), 0, 2 );
|
||||
|
||||
echo $args['before_widget'];
|
||||
|
||||
$title = isset( $instance['title'] ) ? $instance['title'] : '';
|
||||
|
||||
/** This filter is documented in core/src/wp-includes/default-widgets.php */
|
||||
$title = apply_filters( 'widget_title', $title );
|
||||
if ( ! empty( $title ) ) {
|
||||
echo $args['before_title'] . $title . $args['after_title'];
|
||||
}
|
||||
|
||||
if ( 'widget-id' === $instance['type'] && current_user_can( 'edit_theme_options' ) ) {
|
||||
echo '<p>' . esc_html__( 'As of July 27, 2018, the Twitter Timeline widget will no longer display tweets based on searches or hashtags. To display a simple list of tweets instead, change the Widget ID to a Twitter username.', 'jetpack' ) . '</p>';
|
||||
echo '<p>' . esc_html__( '(Only administrators will see this message.)', 'jetpack' ) . '</p>';
|
||||
}
|
||||
|
||||
// Start tag output
|
||||
// This tag is transformed into the widget markup by Twitter's
|
||||
// widgets.js code
|
||||
echo '<a class="twitter-timeline"';
|
||||
|
||||
$data_attribs = array(
|
||||
'width',
|
||||
'height',
|
||||
'theme',
|
||||
'link-color',
|
||||
'border-color',
|
||||
'tweet-limit',
|
||||
'lang'
|
||||
);
|
||||
foreach ( $data_attribs as $att ) {
|
||||
if ( ! empty( $instance[ $att ] ) && ! is_array( $instance[ $att ] ) ) {
|
||||
echo ' data-' . esc_attr( $att ) . '="' . esc_attr( $instance[ $att ] ) . '"';
|
||||
}
|
||||
}
|
||||
|
||||
/** This filter is documented in modules/shortcodes/tweet.php */
|
||||
$partner = apply_filters( 'jetpack_twitter_partner_id', 'jetpack' );
|
||||
if ( ! empty( $partner ) ) {
|
||||
echo ' data-partner="' . esc_attr( $partner ) . '"';
|
||||
}
|
||||
|
||||
if ( ! empty( $instance['chrome'] ) && is_array( $instance['chrome'] ) ) {
|
||||
echo ' data-chrome="' . esc_attr( join( ' ', $instance['chrome'] ) ) . '"';
|
||||
}
|
||||
|
||||
$type = ( isset( $instance['type'] ) ? $instance['type'] : '' );
|
||||
$widget_id = ( isset( $instance['widget-id'] ) ? $instance['widget-id'] : '' );
|
||||
switch ( $type ) {
|
||||
case 'profile':
|
||||
echo ' href="https://twitter.com/' . esc_attr( $widget_id ) . '"';
|
||||
break;
|
||||
case 'widget-id':
|
||||
default:
|
||||
echo ' data-widget-id="' . esc_attr( $widget_id ) . '"';
|
||||
break;
|
||||
}
|
||||
echo ' href="https://twitter.com/' . esc_attr( $widget_id ) . '"';
|
||||
|
||||
// End tag output
|
||||
echo '>';
|
||||
|
||||
$timeline_placeholder = __( 'My Tweets', 'jetpack' );
|
||||
|
||||
/**
|
||||
* Filter the Timeline placeholder text.
|
||||
*
|
||||
* @module widgets
|
||||
*
|
||||
* @since 3.4.0
|
||||
*
|
||||
* @param string $timeline_placeholder Timeline placeholder text.
|
||||
*/
|
||||
$timeline_placeholder = apply_filters( 'jetpack_twitter_timeline_placeholder', $timeline_placeholder );
|
||||
|
||||
echo esc_html( $timeline_placeholder ) . '</a>';
|
||||
|
||||
// End tag output
|
||||
|
||||
echo $args['after_widget'];
|
||||
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'twitter_timeline' );
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Sanitize widget form values as they are saved.
|
||||
*
|
||||
* @see WP_Widget::update()
|
||||
*
|
||||
* @param array $new_instance Values just sent to be saved.
|
||||
* @param array $old_instance Previously saved values from database.
|
||||
*
|
||||
* @return array Updated safe values to be saved.
|
||||
*/
|
||||
public function update( $new_instance, $old_instance ) {
|
||||
$instance = array();
|
||||
|
||||
$instance['title'] = sanitize_text_field( $new_instance['title'] );
|
||||
|
||||
$width = (int) $new_instance['width'];
|
||||
if ( $width ) {
|
||||
// From publish.twitter.com: 220 <= width <= 1200
|
||||
$instance['width'] = min( max( $width, 220 ), 1200 );
|
||||
} else {
|
||||
$instance['width'] = '';
|
||||
}
|
||||
|
||||
$height = (int) $new_instance['height'];
|
||||
if ( $height ) {
|
||||
// From publish.twitter.com: height >= 200
|
||||
$instance['height'] = max( $height, 200 );
|
||||
} else {
|
||||
$instance['height'] = '';
|
||||
}
|
||||
|
||||
$tweet_limit = (int) $new_instance['tweet-limit'];
|
||||
if ( $tweet_limit ) {
|
||||
$instance['tweet-limit'] = min( max( $tweet_limit, 1 ), 20 );
|
||||
/**
|
||||
* A timeline with a specified limit is expanded to the height of those Tweets.
|
||||
* The specified height value no longer applies, so reject the height value
|
||||
* when a valid limit is set: a widget attempting to save both limit 5 and
|
||||
* height 400 would be saved with just limit 5.
|
||||
*/
|
||||
$instance['height'] = '';
|
||||
} else {
|
||||
$instance['tweet-limit'] = null;
|
||||
}
|
||||
|
||||
// If they entered something that might be a full URL, try to parse it out
|
||||
if ( is_string( $new_instance['widget-id'] ) ) {
|
||||
if ( preg_match(
|
||||
'#https?://twitter\.com/settings/widgets/(\d+)#s',
|
||||
$new_instance['widget-id'],
|
||||
$matches
|
||||
) ) {
|
||||
$new_instance['widget-id'] = $matches[1];
|
||||
}
|
||||
}
|
||||
|
||||
$instance['widget-id'] = sanitize_text_field( $new_instance['widget-id'] );
|
||||
|
||||
$hex_regex = '/#([a-f]|[A-F]|[0-9]){3}(([a-f]|[A-F]|[0-9]){3})?\b/';
|
||||
foreach ( array( 'link-color', 'border-color' ) as $color ) {
|
||||
$new_color = sanitize_text_field( $new_instance[ $color ] );
|
||||
if ( preg_match( $hex_regex, $new_color ) ) {
|
||||
$instance[ $color ] = $new_color;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
$instance['type'] = 'profile';
|
||||
|
||||
$instance['theme'] = 'light';
|
||||
if ( in_array( $new_instance['theme'], array( 'light', 'dark' ) ) ) {
|
||||
$instance['theme'] = $new_instance['theme'];
|
||||
}
|
||||
|
||||
$instance['chrome'] = array();
|
||||
$chrome_settings = array(
|
||||
'noheader',
|
||||
'nofooter',
|
||||
'noborders',
|
||||
'transparent',
|
||||
'noscrollbar',
|
||||
);
|
||||
if ( isset( $new_instance['chrome'] ) ) {
|
||||
foreach ( $new_instance['chrome'] as $chrome ) {
|
||||
if ( in_array( $chrome, $chrome_settings ) ) {
|
||||
$instance['chrome'][] = $chrome;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return $instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns a link to the documentation for a feature of this widget on
|
||||
* Jetpack or WordPress.com.
|
||||
*/
|
||||
public function get_docs_link( $hash = '' ) {
|
||||
if ( defined( 'IS_WPCOM' ) && IS_WPCOM ) {
|
||||
$base_url = 'https://support.wordpress.com/widgets/twitter-timeline-widget/';
|
||||
} else {
|
||||
$base_url = 'https://jetpack.com/support/extra-sidebar-widgets/twitter-timeline-widget/';
|
||||
}
|
||||
return '<a href="' . $base_url . $hash . '" target="_blank">( ? )</a>';
|
||||
}
|
||||
|
||||
/**
|
||||
* Back end widget form.
|
||||
*
|
||||
* @see WP_Widget::form()
|
||||
*
|
||||
* @param array $instance Previously saved values from database.
|
||||
*/
|
||||
public function form( $instance ) {
|
||||
$defaults = array(
|
||||
'title' => esc_html__( 'Follow me on Twitter', 'jetpack' ),
|
||||
'width' => '',
|
||||
'height' => '400',
|
||||
'type' => 'profile',
|
||||
'widget-id' => '',
|
||||
'link-color' => '#f96e5b',
|
||||
'border-color' => '#e8e8e8',
|
||||
'theme' => 'light',
|
||||
'chrome' => array(),
|
||||
'tweet-limit' => null,
|
||||
);
|
||||
|
||||
$instance = wp_parse_args( (array) $instance, $defaults );
|
||||
|
||||
if ( 'widget-id' === $instance['type'] ) {
|
||||
$instance['widget-id'] = '';
|
||||
}
|
||||
|
||||
$instance['type'] = 'profile';
|
||||
?>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'title' ); ?>">
|
||||
<?php esc_html_e( 'Title:', 'jetpack' ); ?>
|
||||
</label>
|
||||
<input
|
||||
class="widefat"
|
||||
id="<?php echo $this->get_field_id( 'title' ); ?>"
|
||||
name="<?php echo $this->get_field_name( 'title' ); ?>"
|
||||
type="text"
|
||||
value="<?php echo esc_attr( $instance['title'] ); ?>"
|
||||
/>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'width' ); ?>">
|
||||
<?php esc_html_e( 'Maximum Width (px; 220 to 1200):', 'jetpack' ); ?>
|
||||
</label>
|
||||
<input
|
||||
class="widefat"
|
||||
id="<?php echo $this->get_field_id( 'width' ); ?>"
|
||||
name="<?php echo $this->get_field_name( 'width' ); ?>"
|
||||
type="number" min="220" max="1200"
|
||||
value="<?php echo esc_attr( $instance['width'] ); ?>"
|
||||
/>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'height' ); ?>">
|
||||
<?php esc_html_e( 'Height (px; at least 200):', 'jetpack' ); ?>
|
||||
</label>
|
||||
<input
|
||||
class="widefat"
|
||||
id="<?php echo $this->get_field_id( 'height' ); ?>"
|
||||
name="<?php echo $this->get_field_name( 'height' ); ?>"
|
||||
type="number" min="200"
|
||||
value="<?php echo esc_attr( $instance['height'] ); ?>"
|
||||
/>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'tweet-limit' ); ?>">
|
||||
<?php esc_html_e( '# of Tweets Shown (1 to 20):', 'jetpack' ); ?>
|
||||
</label>
|
||||
<input
|
||||
class="widefat"
|
||||
id="<?php echo $this->get_field_id( 'tweet-limit' ); ?>"
|
||||
name="<?php echo $this->get_field_name( 'tweet-limit' ); ?>"
|
||||
type="number" min="1" max="20"
|
||||
value="<?php echo esc_attr( $instance['tweet-limit'] ); ?>"
|
||||
/>
|
||||
</p>
|
||||
|
||||
<p class="jetpack-twitter-timeline-widget-id-container">
|
||||
<label for="<?php echo $this->get_field_id( 'widget-id' ); ?>">
|
||||
<?php esc_html_e( 'Twitter Username:', 'jetpack' ); ?>
|
||||
<?php echo $this->get_docs_link( '#twitter-username' ); ?>
|
||||
</label>
|
||||
<input
|
||||
class="widefat"
|
||||
id="<?php echo $this->get_field_id( 'widget-id' ); ?>"
|
||||
name="<?php echo $this->get_field_name( 'widget-id' ); ?>"
|
||||
type="text"
|
||||
value="<?php echo esc_attr( $instance['widget-id'] ); ?>"
|
||||
/>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'chrome-noheader' ); ?>">
|
||||
<?php esc_html_e( 'Layout Options:', 'jetpack' ); ?>
|
||||
</label>
|
||||
<br />
|
||||
<input
|
||||
type="checkbox"<?php checked( in_array( 'noheader', $instance['chrome'] ) ); ?>
|
||||
id="<?php echo $this->get_field_id( 'chrome-noheader' ); ?>"
|
||||
name="<?php echo $this->get_field_name( 'chrome' ); ?>[]"
|
||||
value="noheader"
|
||||
/>
|
||||
<label for="<?php echo $this->get_field_id( 'chrome-noheader' ); ?>">
|
||||
<?php esc_html_e( 'No Header', 'jetpack' ); ?>
|
||||
</label>
|
||||
<br />
|
||||
<input
|
||||
type="checkbox"<?php checked( in_array( 'nofooter', $instance['chrome'] ) ); ?>
|
||||
id="<?php echo $this->get_field_id( 'chrome-nofooter' ); ?>"
|
||||
name="<?php echo $this->get_field_name( 'chrome' ); ?>[]"
|
||||
value="nofooter"
|
||||
/>
|
||||
<label for="<?php echo $this->get_field_id( 'chrome-nofooter' ); ?>">
|
||||
<?php esc_html_e( 'No Footer', 'jetpack' ); ?>
|
||||
</label>
|
||||
<br />
|
||||
<input
|
||||
type="checkbox"<?php checked( in_array( 'noborders', $instance['chrome'] ) ); ?>
|
||||
id="<?php echo $this->get_field_id( 'chrome-noborders' ); ?>"
|
||||
name="<?php echo $this->get_field_name( 'chrome' ); ?>[]"
|
||||
value="noborders"
|
||||
/>
|
||||
<label for="<?php echo $this->get_field_id( 'chrome-noborders' ); ?>">
|
||||
<?php esc_html_e( 'No Borders', 'jetpack' ); ?>
|
||||
</label>
|
||||
<br />
|
||||
<input
|
||||
type="checkbox"<?php checked( in_array( 'noscrollbar', $instance['chrome'] ) ); ?>
|
||||
id="<?php echo $this->get_field_id( 'chrome-noscrollbar' ); ?>"
|
||||
name="<?php echo $this->get_field_name( 'chrome' ); ?>[]"
|
||||
value="noscrollbar"
|
||||
/>
|
||||
<label for="<?php echo $this->get_field_id( 'chrome-noscrollbar' ); ?>">
|
||||
<?php esc_html_e( 'No Scrollbar', 'jetpack' ); ?>
|
||||
</label>
|
||||
<br />
|
||||
<input
|
||||
type="checkbox"<?php checked( in_array( 'transparent', $instance['chrome'] ) ); ?>
|
||||
id="<?php echo $this->get_field_id( 'chrome-transparent' ); ?>"
|
||||
name="<?php echo $this->get_field_name( 'chrome' ); ?>[]"
|
||||
value="transparent"
|
||||
/>
|
||||
<label for="<?php echo $this->get_field_id( 'chrome-transparent' ); ?>">
|
||||
<?php esc_html_e( 'Transparent Background', 'jetpack' ); ?>
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'link-color' ); ?>">
|
||||
<?php _e( 'Link Color (hex):', 'jetpack' ); ?>
|
||||
</label>
|
||||
<input
|
||||
class="widefat"
|
||||
id="<?php echo $this->get_field_id( 'link-color' ); ?>"
|
||||
name="<?php echo $this->get_field_name( 'link-color' ); ?>"
|
||||
type="text"
|
||||
value="<?php echo esc_attr( $instance['link-color'] ); ?>"
|
||||
/>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'border-color' ); ?>">
|
||||
<?php _e( 'Border Color (hex):', 'jetpack' ); ?>
|
||||
</label>
|
||||
<input
|
||||
class="widefat"
|
||||
id="<?php echo $this->get_field_id( 'border-color' ); ?>"
|
||||
name="<?php echo $this->get_field_name( 'border-color' ); ?>"
|
||||
type="text"
|
||||
value="<?php echo esc_attr( $instance['border-color'] ); ?>"
|
||||
/>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'theme' ); ?>">
|
||||
<?php _e( 'Timeline Theme:', 'jetpack' ); ?>
|
||||
</label>
|
||||
<select
|
||||
name="<?php echo $this->get_field_name( 'theme' ); ?>"
|
||||
id="<?php echo $this->get_field_id( 'theme' ); ?>"
|
||||
class="widefat"
|
||||
>
|
||||
<option value="light"<?php selected( $instance['theme'], 'light' ); ?>>
|
||||
<?php esc_html_e( 'Light', 'jetpack' ); ?>
|
||||
</option>
|
||||
<option value="dark"<?php selected( $instance['theme'], 'dark' ); ?>>
|
||||
<?php esc_html_e( 'Dark', 'jetpack' ); ?>
|
||||
</option>
|
||||
</select>
|
||||
</p>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,129 @@
|
||||
<?php
|
||||
|
||||
class Jetpack_Upcoming_Events_Widget extends WP_Widget {
|
||||
function __construct() {
|
||||
parent::__construct(
|
||||
'upcoming_events_widget',
|
||||
/** This filter is documented in modules/widgets/facebook-likebox.php */
|
||||
apply_filters( 'jetpack_widget_name', __( 'Upcoming Events', 'jetpack' ) ),
|
||||
array(
|
||||
'description' => __( 'Display upcoming events from an iCalendar feed.', 'jetpack' ),
|
||||
'customize_selective_refresh' => true,
|
||||
)
|
||||
);
|
||||
if ( is_active_widget( false, false, $this->id_base ) ) {
|
||||
add_action( 'wp_head', array( $this, 'css' ) );
|
||||
}
|
||||
}
|
||||
|
||||
function css() {
|
||||
?>
|
||||
<style type="text/css">
|
||||
.upcoming-events li {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.upcoming-events li span {
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
<?php
|
||||
}
|
||||
|
||||
function form( $instance ) {
|
||||
$defaults = array(
|
||||
'title' => __( 'Upcoming Events', 'jetpack' ),
|
||||
'feed-url' => '',
|
||||
'count' => 3
|
||||
);
|
||||
$instance = array_merge( $defaults, (array) $instance );
|
||||
?>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:', 'jetpack' ); ?></label>
|
||||
<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $instance['title'] ); ?>" />
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'feed-url' ); ?>"><?php _e( 'iCalendar Feed URL:', 'jetpack' ); ?></label>
|
||||
<input class="widefat" id="<?php echo $this->get_field_id( 'feed-url' ); ?>" name="<?php echo $this->get_field_name( 'feed-url' ); ?>" type="text" value="<?php echo esc_attr( $instance['feed-url'] ); ?>" />
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<label for="<?php echo $this->get_field_id( 'count' ); ?>"><?php _e( 'Items to show:', 'jetpack' ); ?></label>
|
||||
<select id="<?php echo $this->get_field_id( 'count' ); ?>" name="<?php echo $this->get_field_name( 'count' ); ?>">
|
||||
<?php $i = 1;
|
||||
while ( $i <= 10 ) { ?>
|
||||
<option <?php selected( $instance['count'], $i ) ?>><?php echo $i; ?></option>
|
||||
<?php $i++; } ?>
|
||||
<option value="0" <?php selected( $instance['count'], 0 ) ?>><?php _e( 'All' , 'jetpack' ) ?></option>
|
||||
</select>
|
||||
</p>
|
||||
<?php
|
||||
}
|
||||
|
||||
function update( $new_instance, $old_instance ) {
|
||||
$instance['title'] = strip_tags( $new_instance['title'] );
|
||||
$instance['feed-url'] = strip_tags( $new_instance['feed-url'] );
|
||||
$instance['count'] = min( absint( $new_instance['count'] ), 10 ); // 10 or less
|
||||
return $instance;
|
||||
}
|
||||
|
||||
function widget( $args, $instance ) {
|
||||
jetpack_require_lib( 'icalendar-reader' );
|
||||
|
||||
$ical = new iCalendarReader();
|
||||
$events = $ical->get_events( $instance['feed-url'], $instance['count'] );
|
||||
$events = $this->apply_timezone_offset( $events );
|
||||
$ical->timezone = null;
|
||||
|
||||
echo $args['before_widget'];
|
||||
if ( ! empty( $instance['title'] ) ) {
|
||||
echo $args['before_title'];
|
||||
echo esc_html( $instance['title'] );
|
||||
echo $args['after_title'];
|
||||
}
|
||||
|
||||
if ( ! $events ) : // nothing to display?
|
||||
?>
|
||||
<p><?php echo __( 'No upcoming events', 'jetpack' ) ?></p>
|
||||
<?php
|
||||
else :
|
||||
?>
|
||||
<ul class="upcoming-events">
|
||||
<?php foreach ( $events as $event ) : ?>
|
||||
<li>
|
||||
<strong class="event-summary"><?php echo $ical->escape( stripslashes( $event['SUMMARY'] ) ); ?></strong>
|
||||
<span class="event-when"><?php echo $ical->formatted_date( $event ); ?></span>
|
||||
<?php if ( ! empty( $event['LOCATION'] ) ) : ?>
|
||||
<span class="event-location"><?php echo $ical->escape( stripslashes( $event['LOCATION'] ) ); ?></span>
|
||||
<?php endif; ?>
|
||||
<?php if ( ! empty( $event['DESCRIPTION'] ) ) : ?>
|
||||
<span class="event-description"><?php echo wp_trim_words( $ical->escape( stripcslashes( $event['DESCRIPTION'] ) ) ); ?></span>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
<?php
|
||||
endif;
|
||||
|
||||
echo $args['after_widget'];
|
||||
|
||||
/** This action is documented in modules/widgets/gravatar-profile.php */
|
||||
do_action( 'jetpack_stats_extra', 'widget_view', 'grofile' );
|
||||
}
|
||||
|
||||
// Left this function here for backward compatibility
|
||||
// just incase a site using jetpack is also using this function
|
||||
function apply_timezone_offset( $events ) {
|
||||
jetpack_require_lib( 'icalendar-reader' );
|
||||
|
||||
$ical = new iCalendarReader();
|
||||
return $ical->apply_timezone_offset( $events );
|
||||
}
|
||||
}
|
||||
|
||||
function upcoming_events_register_widgets() {
|
||||
register_widget( 'Jetpack_Upcoming_Events_Widget' );
|
||||
}
|
||||
|
||||
add_action( 'widgets_init', 'upcoming_events_register_widgets' );
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,24 @@
|
||||
.jetpack-display-remote-posts {
|
||||
margin: 5px 0 20px 0;
|
||||
}
|
||||
|
||||
.jetpack-display-remote-posts h4 {
|
||||
font-size: 90%;
|
||||
margin: 5px 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.jetpack-display-remote-posts h4 a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.jetpack-display-remote-posts p {
|
||||
margin: 0 !important;
|
||||
padding: 0;
|
||||
line-height: 1.4em !important;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
.jetpack-display-remote-posts img {
|
||||
max-width: 100%;
|
||||
}
|
||||
Reference in New Issue
Block a user