init
This commit is contained in:
emmymayo
@@ -0,0 +1,59 @@
|
||||
<?php
|
||||
/**
|
||||
* Jetpack likes iframe.
|
||||
*
|
||||
* @package jetpack
|
||||
*/
|
||||
|
||||
/**
|
||||
* This function needs to get loaded after the like scripts get added to the page.
|
||||
*/
|
||||
function jetpack_likes_master_iframe() {
|
||||
$version = gmdate( 'Ymd' );
|
||||
|
||||
$_locale = get_locale();
|
||||
|
||||
if ( ! defined( 'JETPACK__GLOTPRESS_LOCALES_PATH' ) || ! file_exists( JETPACK__GLOTPRESS_LOCALES_PATH ) ) {
|
||||
return false;
|
||||
}
|
||||
|
||||
require_once JETPACK__GLOTPRESS_LOCALES_PATH;
|
||||
|
||||
$gp_locale = GP_Locales::by_field( 'wp_locale', $_locale );
|
||||
$_locale = isset( $gp_locale->slug ) ? $gp_locale->slug : '';
|
||||
|
||||
$likes_locale = ( '' === $_locale || 'en' === $_locale ) ? '' : '&lang=' . strtolower( $_locale );
|
||||
/** This filter is documented in projects/plugins/jetpack/modules/likes.php */
|
||||
$new_layout = apply_filters( 'likes_new_layout', true ) ? '&n=1' : '';
|
||||
$new_layout_class = $new_layout ? 'wpl-new-layout' : '';
|
||||
|
||||
$src = sprintf(
|
||||
'https://widgets.wp.com/likes/master.html?ver=%1$s#ver=%1$s%2$s%3$s',
|
||||
$version,
|
||||
$likes_locale,
|
||||
$new_layout
|
||||
);
|
||||
|
||||
/**
|
||||
* Filters the Likes iframe src, if any parameters need to be overridden or tracked.
|
||||
*
|
||||
* @module likes
|
||||
*
|
||||
* @since 14.1
|
||||
*
|
||||
* @param string URL to https://widgets.wp.com/ with various arguments appended to the get string and fragment.
|
||||
*/
|
||||
$src = apply_filters( 'jetpack_likes_iframe_src', $src );
|
||||
|
||||
if ( $new_layout ) {
|
||||
// The span content is replaced by queuehandler when showOtherGravatars is called.
|
||||
$likers_text = wp_kses( '<span>%d</span>', array( 'span' => array() ) );
|
||||
} else {
|
||||
/* translators: The value of %d is not available at the time of output */
|
||||
$likers_text = wp_kses( __( '<span>%d</span> bloggers like this:', 'jetpack' ), array( 'span' => array() ) );
|
||||
}
|
||||
?>
|
||||
<iframe src='<?php echo esc_url( $src ); ?>' scrolling='no' id='likes-master' name='likes-master' style='display:none;'></iframe>
|
||||
<div id='likes-other-gravatars' class='<?php echo esc_attr( $new_layout_class ); ?>' role="dialog" aria-hidden="true" tabindex="-1"><div class="likes-text"><?php echo $likers_text; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></div><ul class="wpl-avatars sd-like-gravatars"></ul></div>
|
||||
<?php
|
||||
}
|
||||
@@ -0,0 +1,817 @@
|
||||
<?php // phpcs:ignore WordPress.Files.FileName.InvalidClassFileName
|
||||
|
||||
use Automattic\Jetpack\Sync\Settings;
|
||||
|
||||
/**
|
||||
* Jetpack likes settings class.
|
||||
*/
|
||||
class Jetpack_Likes_Settings {
|
||||
|
||||
/**
|
||||
* False if running on WPCOM Simple
|
||||
*
|
||||
* @var bool
|
||||
*/
|
||||
public $in_jetpack;
|
||||
|
||||
/**
|
||||
* Constructor function.
|
||||
*/
|
||||
public function __construct() {
|
||||
$this->in_jetpack = ! ( defined( 'IS_WPCOM' ) && IS_WPCOM );
|
||||
}
|
||||
|
||||
/**
|
||||
* Replaces the "Sharing" title for the post screen metabox with "Likes and Shares"
|
||||
*/
|
||||
public function add_likes_to_sharing_meta_box_title() {
|
||||
return __( 'Likes and Shares', 'jetpack' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Adds a metabox to the post screen if the sharing one doesn't currently exist.
|
||||
*/
|
||||
public function add_meta_box() {
|
||||
if (
|
||||
/**
|
||||
* Allow disabling of the Likes metabox on the post editor screen.
|
||||
*
|
||||
* @module likes
|
||||
*
|
||||
* @since 2.2.0
|
||||
*
|
||||
* @param bool false Should the Likes metabox be disabled? Default to false.
|
||||
*/
|
||||
apply_filters( 'post_flair_disable', false )
|
||||
) {
|
||||
return;
|
||||
}
|
||||
|
||||
$post_types = get_post_types( array( 'public' => true ) );
|
||||
/**
|
||||
* Filters the Likes metabox title.
|
||||
*
|
||||
* @module likes
|
||||
*
|
||||
* @since 2.2.0
|
||||
*
|
||||
* @param string Likes metabox title. Default to "Likes".
|
||||
*/
|
||||
$title = apply_filters( 'likes_meta_box_title', __( 'Likes', 'jetpack' ) );
|
||||
foreach ( $post_types as $post_type ) {
|
||||
add_meta_box( 'likes_meta', $title, array( $this, 'meta_box_content' ), $post_type, 'side', 'default', array( '__back_compat_meta_box' => true ) );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Shows the likes option in the post screen metabox.
|
||||
*
|
||||
* @param object $post - the post object.
|
||||
*/
|
||||
public function meta_box_content( $post ) {
|
||||
$post_id = ! empty( $post->ID ) ? (int) $post->ID : get_the_ID();
|
||||
$checked = true;
|
||||
$disabled = ! $this->is_enabled_sitewide();
|
||||
$switched_status = get_post_meta( $post_id, 'switch_like_status', true );
|
||||
|
||||
if ( $disabled && empty( $switched_status ) || ! $disabled && $switched_status === '0' ) {
|
||||
$checked = false;
|
||||
}
|
||||
|
||||
/**
|
||||
* Fires before the Likes meta box content in the post editor.
|
||||
*
|
||||
* @module likes
|
||||
*
|
||||
* @since 2.2.0
|
||||
*
|
||||
* @param WP_Post|array|null $post Post data.
|
||||
*/
|
||||
do_action( 'start_likes_meta_box_content', $post );
|
||||
?>
|
||||
|
||||
<p>
|
||||
<label for="wpl_enable_post_likes">
|
||||
<input type="checkbox" name="wpl_enable_post_likes" id="wpl_enable_post_likes" value="1" <?php checked( $checked ); ?>>
|
||||
<?php esc_html_e( 'Show likes.', 'jetpack' ); ?>
|
||||
</label>
|
||||
<input type="hidden" name="wpl_like_status_hidden" value="1" />
|
||||
<?php wp_nonce_field( 'likes-and-shares', '_likesharenonce' ); ?>
|
||||
</p>
|
||||
<?php
|
||||
/**
|
||||
* Fires after the Likes meta box content in the post editor.
|
||||
*
|
||||
* @module likes
|
||||
*
|
||||
* @since 2.2.0
|
||||
*
|
||||
* @param WP_Post|array|null $post Post data.
|
||||
*/
|
||||
do_action( 'end_likes_meta_box_content', $post );
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns the current state of the "WordPress.com Likes are" option.
|
||||
*
|
||||
* @return boolean true if enabled sitewide, false if not
|
||||
*/
|
||||
public function is_enabled_sitewide() {
|
||||
/**
|
||||
* Filters whether Likes are enabled by default on all posts.
|
||||
* true if enabled sitewide, false if not.
|
||||
*
|
||||
* @module likes
|
||||
*
|
||||
* @since 2.2.0
|
||||
*
|
||||
* @param bool $option Are Likes enabled sitewide.
|
||||
*/
|
||||
return (bool) apply_filters( 'wpl_is_enabled_sitewide', ! Jetpack_Options::get_option_and_ensure_autoload( 'disabled_likes', 0 ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Handle meta box saving.
|
||||
*
|
||||
* @param int $post_id - the post ID.
|
||||
*/
|
||||
public function meta_box_save( $post_id ) {
|
||||
if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
|
||||
return $post_id;
|
||||
}
|
||||
|
||||
if ( empty( $_POST['wpl_like_status_hidden'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification.Missing -- we're not changing anything on the site.
|
||||
return $post_id;
|
||||
}
|
||||
|
||||
if ( ! isset( $_POST['_likesharenonce'] ) || ! wp_verify_nonce( $_POST['_likesharenonce'], 'likes-and-shares' ) ) { // phpcs:ignore WordPress.Security.ValidatedSanitizedInput -- WordPress core doesn't unslash or verify nonces either.
|
||||
return $post_id;
|
||||
}
|
||||
|
||||
// Record sharing disable. Only needs to be done for WPCOM.
|
||||
if ( ! $this->in_jetpack ) {
|
||||
if ( isset( $_POST['post_type'] ) && in_array( $_POST['post_type'], get_post_types( array( 'public' => true ) ), true ) ) {
|
||||
if ( ! isset( $_POST['wpl_enable_post_sharing'] ) ) {
|
||||
update_post_meta( $post_id, 'sharing_disabled', 1 );
|
||||
} else {
|
||||
delete_post_meta( $post_id, 'sharing_disabled' );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if ( 'post' === $_POST['post_type'] ) {
|
||||
if ( ! current_user_can( 'edit_post', $post_id ) ) {
|
||||
return $post_id;
|
||||
}
|
||||
}
|
||||
|
||||
// Record a change in like status for this post - only if it contradicts the
|
||||
// site like setting. If it doesn't contradict, then we delete the new individual status.
|
||||
if ( ! $this->is_enabled_sitewide() && ! empty( $_POST['wpl_enable_post_likes'] ) ) {
|
||||
// Likes turned on for individual posts. User wants to add the button to a single post.
|
||||
update_post_meta( $post_id, 'switch_like_status', 1 );
|
||||
} elseif ( $this->is_enabled_sitewide() && empty( $_POST['wpl_enable_post_likes'] ) ) {
|
||||
// Likes turned on for all posts. User wants to remove the button from a single post.
|
||||
update_post_meta( $post_id, 'switch_like_status', 0 );
|
||||
} elseif (
|
||||
( ! $this->is_enabled_sitewide() && empty( $_POST['wpl_enable_post_likes'] ) ) ||
|
||||
( $this->is_enabled_sitewide() && ! empty( $_POST['wpl_enable_post_likes'] ) )
|
||||
) {
|
||||
// User wants to update the likes button status for an individual post, but the new status
|
||||
// is the same as if they're asking for the default behavior according to the current Likes setting.
|
||||
// So we delete the meta.
|
||||
delete_post_meta( $post_id, 'switch_like_status' );
|
||||
}
|
||||
|
||||
return $post_id;
|
||||
}
|
||||
|
||||
/**
|
||||
* WordPress.com: Metabox option for sharing (sharedaddy will handle this on the JP blog).
|
||||
*
|
||||
* @param object $post - the post object.
|
||||
*/
|
||||
public function sharing_meta_box_content( $post ) {
|
||||
$post_id = ! empty( $post->ID ) ? (int) $post->ID : get_the_ID();
|
||||
$disabled = get_post_meta( $post_id, 'sharing_disabled', true );
|
||||
?>
|
||||
<p>
|
||||
<label for="wpl_enable_post_sharing">
|
||||
<input type="checkbox" name="wpl_enable_post_sharing" id="wpl_enable_post_sharing" value="1" <?php checked( ! $disabled ); ?>>
|
||||
<?php esc_html_e( 'Show sharing buttons.', 'jetpack' ); ?>
|
||||
</label>
|
||||
<input type="hidden" name="wpl_sharing_status_hidden" value="1" />
|
||||
</p>
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Adds the 'sharing' menu to the settings menu.
|
||||
* Only ran if sharedaddy and publicize are not already active.
|
||||
*
|
||||
* @deprecated 13.2
|
||||
*/
|
||||
public function sharing_menu() {
|
||||
add_submenu_page( 'options-general.php', esc_html__( 'Sharing Settings', 'jetpack' ), esc_html__( 'Sharing', 'jetpack' ), 'manage_options', 'sharing', array( $this, 'sharing_page' ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Provides a sharing page with the sharing_global_options hook
|
||||
* so we can display the setting.
|
||||
* Only ran if sharedaddy and publicize are not already active.
|
||||
*
|
||||
* @deprecated 13.2
|
||||
*/
|
||||
public function sharing_page() {
|
||||
$this->updated_message();
|
||||
?>
|
||||
<div class="wrap">
|
||||
<div class="icon32" id="icon-options-general"><br /></div>
|
||||
<h1><?php esc_html_e( 'Sharing Settings', 'jetpack' ); ?></h1>
|
||||
<?php
|
||||
/** This action is documented in modules/sharedaddy/sharing.php */
|
||||
do_action( 'pre_admin_screen_sharing' );
|
||||
?>
|
||||
<?php $this->sharing_block(); ?>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns the settings have been saved message.
|
||||
*
|
||||
* @deprecated 13.2
|
||||
*/
|
||||
public function updated_message() {
|
||||
// phpcs:ignore WordPress.Security.NonceVerification.Recommended -- ignoring since we are just displaying that the settings have been saved and not making any other changes to the site.
|
||||
if ( isset( $_GET['update'] ) && 'saved' === $_GET['update'] ) {
|
||||
echo '<div class="updated"><p>' . esc_html__( 'Settings have been saved', 'jetpack' ) . '</p></div>';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns just the "sharing buttons" w/ like option block, so it can be inserted into different sharing page contexts
|
||||
*
|
||||
* @deprecated 13.2
|
||||
*/
|
||||
public function sharing_block() {
|
||||
?>
|
||||
<h2><?php esc_html_e( 'Sharing Buttons', 'jetpack' ); ?></h2>
|
||||
<form method="post" action="">
|
||||
<table class="form-table">
|
||||
<tbody>
|
||||
<?php
|
||||
/** This action is documented in modules/sharedaddy/sharing.php */
|
||||
do_action( 'sharing_global_options' );
|
||||
?>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<p class="submit">
|
||||
<input type="submit" name="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'jetpack' ); ?>" />
|
||||
<?php wp_nonce_field( 'sharing-options' ); ?>
|
||||
</form>
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Are likes enabled for this post?
|
||||
*
|
||||
* @param int $post_id - the post ID.
|
||||
* @return bool
|
||||
*/
|
||||
public function is_post_likeable( $post_id = 0 ) {
|
||||
$post = get_post( $post_id );
|
||||
if ( ! $post || is_wp_error( $post ) ) {
|
||||
return false;
|
||||
}
|
||||
|
||||
$sitewide_likes_enabled = (bool) $this->is_enabled_sitewide();
|
||||
$post_likes_switched = get_post_meta( $post->ID, 'switch_like_status', true );
|
||||
|
||||
/*
|
||||
* On WPCOM, headstart was inserting bad data for post_likes_switched.
|
||||
* it was wrapping the boolean value in an array. The array is always truthy regardless of its contents.
|
||||
* There was another bug where truthy values were ignored if the global like setting was false.
|
||||
* So in effect, the values for headstart never had an inpact.
|
||||
* Delete the $post_likes_switched flag in this case in order to keep the behaviour as it was.
|
||||
*/
|
||||
if ( is_array( $post_likes_switched ) ) {
|
||||
$post_likes_switched = null;
|
||||
}
|
||||
|
||||
/*
|
||||
* on WPCOM, we need to look at post edit date so we don't break old posts
|
||||
* if post edit date predates this code, stick with the former (buggy) behavior
|
||||
* see: p7DVsv-64H-p2
|
||||
*/
|
||||
$last_modified_time = strtotime( $post->post_modified_gmt );
|
||||
|
||||
$behavior_was_changed_at = strtotime( '2019-02-22 00:40:42' );
|
||||
|
||||
if ( $this->in_jetpack || $last_modified_time > $behavior_was_changed_at ) {
|
||||
/*
|
||||
* the new and improved behavior on Jetpack and recent WPCOM posts:
|
||||
* $post_likes_switched is empty to follow site setting,
|
||||
* 0 if we want likes disabled, 1 if we want likes enabled.
|
||||
*/
|
||||
return $post_likes_switched || ( $sitewide_likes_enabled && $post_likes_switched !== '0' );
|
||||
}
|
||||
|
||||
// implicit else (old behavior): $post_likes_switched simply inverts the global setting.
|
||||
return ( (bool) $post_likes_switched ) xor $sitewide_likes_enabled;
|
||||
}
|
||||
|
||||
/**
|
||||
* Is the like button itself visible (as opposed to the reblog button)
|
||||
*
|
||||
* If called from within The Loop or if called with a $post_id set, then the post will be checked.
|
||||
* Otherwise the sitewide setting will be used.
|
||||
*
|
||||
* @param int $post_id The ID of the post being rendered. Defaults to the current post if called from within The Loop.
|
||||
* @return bool
|
||||
*/
|
||||
public function is_likes_button_visible( $post_id = 0 ) {
|
||||
if ( in_the_loop() || $post_id ) {
|
||||
// If in The Loop, is_post_likeable will check the current post.
|
||||
return $this->is_post_likeable( $post_id );
|
||||
} else {
|
||||
// Otherwise, check and see if likes are enabled sitewide.
|
||||
return $this->is_enabled_sitewide();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Are likes visible in this context?
|
||||
*
|
||||
* Some of this code was taken and modified from sharing_display() to ensure
|
||||
* similar logic and filters apply here, too.
|
||||
*/
|
||||
public function is_likes_visible() {
|
||||
if ( Settings::is_syncing() ) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return $this->is_likes_button_visible() && $this->is_likes_module_enabled();
|
||||
}
|
||||
|
||||
/**
|
||||
* Apply filters to determine if the likes module itself is enabled
|
||||
*
|
||||
* @return bool
|
||||
*/
|
||||
public function is_likes_module_enabled() {
|
||||
global $wp_current_filter; // Used to apply 'sharing_show' filter.
|
||||
|
||||
$post = get_post();
|
||||
$enabled = true;
|
||||
|
||||
// Never show on feeds or previews.
|
||||
if ( is_feed() || is_preview() ) {
|
||||
$enabled = false;
|
||||
// Not a feed or preview, so what is it?
|
||||
} else {
|
||||
if ( post_password_required() ) {
|
||||
$enabled = false;
|
||||
}
|
||||
|
||||
if ( in_array( 'get_the_excerpt', (array) $wp_current_filter, true ) ) {
|
||||
$enabled = false;
|
||||
}
|
||||
// Sharing Setting Overrides ****************************************
|
||||
// Single post including custom post types.
|
||||
if ( is_single() ) {
|
||||
if ( ! $this->is_single_post_enabled( ( $post instanceof WP_Post ) ? $post->post_type : 'post' ) ) {
|
||||
$enabled = false;
|
||||
}
|
||||
|
||||
// Single page.
|
||||
} elseif ( is_page() && ! is_front_page() ) {
|
||||
if ( ! $this->is_single_page_enabled() ) {
|
||||
$enabled = false;
|
||||
}
|
||||
|
||||
// Attachment.
|
||||
} elseif ( is_attachment() ) {
|
||||
if ( ! $this->is_attachment_enabled() ) {
|
||||
$enabled = false;
|
||||
}
|
||||
|
||||
// All other loops.
|
||||
} elseif ( ! $this->is_index_enabled() ) {
|
||||
$enabled = false;
|
||||
}
|
||||
}
|
||||
|
||||
if ( $post instanceof WP_Post ) {
|
||||
// Check that the post is a public, published post.
|
||||
if ( 'attachment' === $post->post_type ) {
|
||||
$post_status = get_post_status( $post->post_parent );
|
||||
} else {
|
||||
$post_status = $post->post_status;
|
||||
}
|
||||
if ( 'publish' !== $post_status ) {
|
||||
$enabled = false;
|
||||
}
|
||||
}
|
||||
|
||||
// Run through the sharing filters.
|
||||
/** This filter is documented in modules/sharedaddy/sharing-service.php */
|
||||
$enabled = apply_filters( 'sharing_show', $enabled, $post );
|
||||
|
||||
/**
|
||||
* Filters whether the Likes should be visible or not.
|
||||
* Allows overwriting the options set in Settings > Sharing.
|
||||
*
|
||||
* @module likes
|
||||
*
|
||||
* @since 2.2.0
|
||||
*
|
||||
* @param bool $enabled Should the Likes be visible?
|
||||
*/
|
||||
return (bool) apply_filters( 'wpl_is_likes_visible', $enabled );
|
||||
}
|
||||
|
||||
/**
|
||||
* Are Post Likes enabled on single posts?
|
||||
*
|
||||
* @param string $post_type custom post type identifier.
|
||||
* @return bool
|
||||
*/
|
||||
public function is_single_post_enabled( $post_type = 'post' ) {
|
||||
$options = $this->get_options();
|
||||
return (bool) apply_filters(
|
||||
/**
|
||||
* Filters whether Likes should be enabled on single posts.
|
||||
*
|
||||
* The dynamic part of the filter, {$post_type}, allows you to specific the post type where Likes should be enabled.
|
||||
*
|
||||
* @module likes
|
||||
*
|
||||
* @since 2.2.0
|
||||
*
|
||||
* @param bool $enabled Are Post Likes enabled on single posts?
|
||||
*/
|
||||
"wpl_is_single_{$post_type}_disabled",
|
||||
(bool) in_array( $post_type, $options['show'], true )
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the 'disabled_likes' option from the DB of the current blog.
|
||||
*
|
||||
* @return array
|
||||
*/
|
||||
public function get_options() {
|
||||
$setting = array();
|
||||
$setting['disabled'] = get_option( 'disabled_likes' );
|
||||
$sharing = get_option( 'sharing-options', array() );
|
||||
|
||||
// Default visibility settings
|
||||
if ( ! isset( $sharing['global']['show'] ) ) {
|
||||
$sharing['global']['show'] = array( 'post', 'page' );
|
||||
|
||||
// Scalar check
|
||||
} elseif ( is_scalar( $sharing['global']['show'] ) ) {
|
||||
switch ( $sharing['global']['show'] ) {
|
||||
case 'posts':
|
||||
$sharing['global']['show'] = array( 'post', 'page' );
|
||||
break;
|
||||
case 'index':
|
||||
$sharing['global']['show'] = array( 'index' );
|
||||
break;
|
||||
case 'posts-index':
|
||||
$sharing['global']['show'] = array( 'post', 'page', 'index' );
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// Ensure it's always an array (even if not previously empty or scalar)
|
||||
$setting['show'] = ! empty( $sharing['global']['show'] ) ? (array) $sharing['global']['show'] : array();
|
||||
|
||||
/**
|
||||
* Filters where the Likes are displayed.
|
||||
*
|
||||
* @module likes
|
||||
*
|
||||
* @since 2.2.0
|
||||
*
|
||||
* @param array $setting Array of Likes display settings.
|
||||
*/
|
||||
return apply_filters( 'wpl_get_options', $setting );
|
||||
}
|
||||
|
||||
/**
|
||||
* Are Post Likes enabled on archive/front/search pages?
|
||||
*
|
||||
* @return bool
|
||||
*/
|
||||
public function is_index_enabled() {
|
||||
$options = $this->get_options();
|
||||
/**
|
||||
* Filters whether Likes should be enabled on archive/front/search pages.
|
||||
*
|
||||
* @module likes
|
||||
*
|
||||
* @since 2.2.0
|
||||
*
|
||||
* @param bool $enabled Are Post Likes enabled on archive/front/search pages?
|
||||
*/
|
||||
return (bool) apply_filters( 'wpl_is_index_disabled', (bool) in_array( 'index', $options['show'], true ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Are Post Likes enabled on single pages?
|
||||
*
|
||||
* @return bool
|
||||
*/
|
||||
public function is_single_page_enabled() {
|
||||
$options = $this->get_options();
|
||||
/**
|
||||
* Filters whether Likes should be enabled on single pages.
|
||||
*
|
||||
* @module likes
|
||||
*
|
||||
* @since 2.2.0
|
||||
*
|
||||
* @param bool $enabled Are Post Likes enabled on single pages?
|
||||
*/
|
||||
return (bool) apply_filters( 'wpl_is_single_page_disabled', (bool) in_array( 'page', $options['show'], true ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Are Media Likes enabled on single pages?
|
||||
*
|
||||
* @return bool
|
||||
*/
|
||||
public function is_attachment_enabled() {
|
||||
$options = $this->get_options();
|
||||
/**
|
||||
* Filters whether Likes should be enabled on attachment pages.
|
||||
*
|
||||
* @module likes
|
||||
*
|
||||
* @since 2.2.0
|
||||
*
|
||||
* @param bool $enabled Are Post Likes enabled on attachment pages?
|
||||
*/
|
||||
return (bool) apply_filters( 'wpl_is_attachment_disabled', (bool) in_array( 'attachment', $options['show'], true ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* The actual options block to be inserted into the sharing page.
|
||||
*/
|
||||
public function admin_settings_init() {
|
||||
?>
|
||||
<tr>
|
||||
<th scope="row">
|
||||
<label><?php esc_html_e( 'WordPress.com Likes are', 'jetpack' ); ?></label>
|
||||
</th>
|
||||
<td>
|
||||
<div>
|
||||
<label>
|
||||
<input type="radio" class="code" name="wpl_default" value="on" <?php checked( $this->is_enabled_sitewide(), true ); ?> />
|
||||
<?php esc_html_e( 'On for all posts', 'jetpack' ); ?>
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<label>
|
||||
<input type="radio" class="code" name="wpl_default" value="off" <?php checked( $this->is_enabled_sitewide(), false ); ?> />
|
||||
<?php esc_html_e( 'Turned on per post', 'jetpack' ); ?>
|
||||
</label>
|
||||
<div>
|
||||
</td>
|
||||
</tr>
|
||||
<?php if ( ! $this->in_jetpack ) : ?>
|
||||
<tr>
|
||||
<th scope="row">
|
||||
<label><?php esc_html_e( 'WordPress.com Reblog Button', 'jetpack' ); ?></label>
|
||||
</th>
|
||||
<td>
|
||||
<div>
|
||||
<label>
|
||||
<input type="radio" class="code" name="jetpack_reblogs_enabled" value="on" <?php checked( $this->reblogs_enabled_sitewide(), true ); ?> />
|
||||
<?php esc_html_e( 'Show the Reblog button on posts', 'jetpack' ); ?>
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<label>
|
||||
<input type="radio" class="code" name="jetpack_reblogs_enabled" value="off" <?php checked( $this->reblogs_enabled_sitewide(), false ); ?> />
|
||||
<?php esc_html_e( 'Don\'t show the Reblog button on posts', 'jetpack' ); ?>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- WPCOM only: Comment Likes -->
|
||||
<?php if ( ! $this->in_jetpack ) : ?>
|
||||
<tr>
|
||||
<th scope="row">
|
||||
<label><?php esc_html_e( 'Comment Likes are', 'jetpack' ); ?></label>
|
||||
</th>
|
||||
<td>
|
||||
<div>
|
||||
<label>
|
||||
<input type="checkbox" class="code" name="jetpack_comment_likes_enabled" value="1" <?php checked( $this->is_comments_enabled(), true ); ?> />
|
||||
<?php esc_html_e( 'On for all comments', 'jetpack' ); ?>
|
||||
</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
</tbody> <?php // closes the tbody attached to sharing_show_buttons_on_row_start... ?>
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns the current state of the "WordPress.com Reblogs are" option.
|
||||
*
|
||||
* @return bool true if enabled sitewide, false if not
|
||||
*/
|
||||
public function reblogs_enabled_sitewide() {
|
||||
/**
|
||||
* Filters whether Reblogs are enabled by default on all posts.
|
||||
* true if enabled sitewide, false if not.
|
||||
*
|
||||
* @module likes
|
||||
*
|
||||
* @since 3.0.0
|
||||
*
|
||||
* @param bool $option Are Reblogs enabled sitewide.
|
||||
*/
|
||||
return (bool) apply_filters( 'wpl_reblogging_enabled_sitewide', ! get_option( 'disabled_reblogs' ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Used for WPCOM ONLY. Comment likes are in their own module in Jetpack.
|
||||
* Returns if comment likes are enabled. Defaults to 'off'
|
||||
*
|
||||
* @return boolean true if we should show comment likes, false if not
|
||||
*/
|
||||
public function is_comments_enabled() {
|
||||
/**
|
||||
* Filters whether Comment Likes are enabled.
|
||||
* true if enabled, false if not.
|
||||
*
|
||||
* @module comment-likes
|
||||
*
|
||||
* @since 2.2.0
|
||||
*
|
||||
* @param bool $option Are Comment Likes enabled sitewide.
|
||||
*/
|
||||
return (bool) apply_filters( 'jetpack_comment_likes_enabled', get_option( 'jetpack_comment_likes_enabled', false ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Saves the setting in the database.
|
||||
*/
|
||||
public function admin_settings_callback() {
|
||||
if ( ! isset( $_POST['_wpnonce'] ) || ! wp_verify_nonce( $_POST['_wpnonce'], 'sharing-options' ) ) { // phpcs:ignore WordPress.Security.ValidatedSanitizedInput -- WordPress core doesn't unslash or verify nonces either.
|
||||
return;
|
||||
}
|
||||
|
||||
// We're looking for these, and doing a dance to set some stats and save
|
||||
// them together in array option.
|
||||
if ( ! empty( $_POST['wpl_default'] ) ) {
|
||||
$new_state = sanitize_text_field( wp_unslash( $_POST['wpl_default'] ) );
|
||||
} else {
|
||||
$new_state = 'on';
|
||||
}
|
||||
|
||||
if ( ! empty( $_POST['jetpack_reblogs_enabled'] ) ) {
|
||||
$reblogs_new_state = sanitize_text_field( wp_unslash( $_POST['jetpack_reblogs_enabled'] ) );
|
||||
} else {
|
||||
$reblogs_new_state = 'on';
|
||||
}
|
||||
|
||||
// Checked (enabled)
|
||||
switch ( $new_state ) {
|
||||
case 'off':
|
||||
update_option( 'disabled_likes', 1 );
|
||||
break;
|
||||
case 'on':
|
||||
default:
|
||||
delete_option( 'disabled_likes' );
|
||||
break;
|
||||
}
|
||||
|
||||
switch ( $reblogs_new_state ) {
|
||||
case 'off':
|
||||
update_option( 'disabled_reblogs', 1 );
|
||||
break;
|
||||
case 'on':
|
||||
default:
|
||||
delete_option( 'disabled_reblogs' );
|
||||
break;
|
||||
}
|
||||
|
||||
// WPCOM only: Comment Likes
|
||||
if ( ! $this->in_jetpack ) {
|
||||
if ( ! empty( $_POST['jetpack_comment_likes_enabled'] ) ) {
|
||||
$new_comments_state = sanitize_text_field( wp_unslash( $_POST['jetpack_comment_likes_enabled'] ) );
|
||||
} else {
|
||||
$new_comments_state = false;
|
||||
}
|
||||
switch ( (bool) $new_comments_state ) {
|
||||
case true:
|
||||
update_option( 'jetpack_comment_likes_enabled', 1 );
|
||||
break;
|
||||
case false:
|
||||
default:
|
||||
update_option( 'jetpack_comment_likes_enabled', 0 );
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Adds the admin update hook so we can save settings even if Sharedaddy is not enabled.
|
||||
*/
|
||||
public function process_update_requests_if_sharedaddy_not_loaded() {
|
||||
if ( isset( $_GET['page'] ) && ( $_GET['page'] === 'sharing.php' || $_GET['page'] === 'sharing' ) ) {
|
||||
if ( isset( $_POST['_wpnonce'] ) && wp_verify_nonce( $_POST['_wpnonce'], 'sharing-options' ) ) { // phpcs:ignore WordPress.Security.ValidatedSanitizedInput -- WordPress core doesn't unslash or verify nonces either.
|
||||
/** This action is documented in modules/sharedaddy/sharing.php */
|
||||
do_action( 'sharing_admin_update' );
|
||||
wp_safe_redirect( admin_url( 'options-general.php?page=sharing&update=saved' ) );
|
||||
die( 0 );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* If sharedaddy is not loaded, we don't have the "Show buttons on" yet, so we need to add that since it affects likes too.
|
||||
*/
|
||||
public function admin_settings_showbuttonon_init() {
|
||||
/** This action is documented in modules/sharedaddy/sharing.php */
|
||||
echo apply_filters( 'sharing_show_buttons_on_row_start', '<tr valign="top">' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
?>
|
||||
<th scope="row"><label><?php esc_html_e( 'Show buttons on', 'jetpack' ); ?></label></th>
|
||||
<td>
|
||||
<?php
|
||||
$br = false;
|
||||
$shows = array_values( get_post_types( array( 'public' => true ) ) );
|
||||
array_unshift( $shows, 'index' );
|
||||
$global = $this->get_options();
|
||||
foreach ( $shows as $show ) :
|
||||
if ( 'index' === $show ) {
|
||||
$label = __( 'Front Page, Archive Pages, and Search Results', 'jetpack' );
|
||||
} else {
|
||||
$post_type_object = get_post_type_object( $show );
|
||||
$label = $post_type_object->labels->name;
|
||||
}
|
||||
|
||||
if ( $br ) {
|
||||
echo '<br />';
|
||||
}
|
||||
?>
|
||||
<label><input type="checkbox"<?php checked( in_array( $show, $global['show'], true ) ); ?> name="show[]" value="<?php echo esc_attr( $show ); ?>" /> <?php echo esc_html( $label ); ?></label>
|
||||
<?php
|
||||
$br = true;
|
||||
endforeach;
|
||||
?>
|
||||
</td>
|
||||
<?php
|
||||
/** This action is documented in modules/sharedaddy/sharing.php */
|
||||
echo apply_filters( 'sharing_show_buttons_on_row_end', '</tr>' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
}
|
||||
|
||||
/**
|
||||
* If sharedaddy is not loaded, we still need to save the the settings of the "Show buttons on" option.
|
||||
*/
|
||||
public function admin_settings_showbuttonon_callback() {
|
||||
$options = get_option( 'sharing-options' );
|
||||
if ( ! is_array( $options ) ) {
|
||||
$options = array();
|
||||
}
|
||||
|
||||
$shows = array_values( get_post_types( array( 'public' => true ) ) );
|
||||
$shows[] = 'index';
|
||||
// phpcs:ignore WordPress.Security.NonceVerification.Missing -- triggered due to the 'sharing_admin_update' action, but the code in sharing.php checks for the nonce before firing the action.
|
||||
$data = $_POST;
|
||||
|
||||
if ( isset( $data['show'] ) ) {
|
||||
if ( is_scalar( $data['show'] ) ) {
|
||||
switch ( $data['show'] ) {
|
||||
case 'posts':
|
||||
$data['show'] = array( 'post', 'page' );
|
||||
break;
|
||||
case 'index':
|
||||
$data['show'] = array( 'index' );
|
||||
break;
|
||||
case 'posts-index':
|
||||
$data['show'] = array( 'post', 'page', 'index' );
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
$data['show'] = array_intersect( $data['show'], $shows );
|
||||
if ( $data['show'] ) {
|
||||
$options['global']['show'] = $data['show'];
|
||||
}
|
||||
} else {
|
||||
$options['global']['show'] = array();
|
||||
}
|
||||
|
||||
update_option( 'sharing-options', $options );
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
window.wpPostLikeCount = window.wpPostLikeCount || {};
|
||||
|
||||
( function ( $ ) {
|
||||
window.wpPostLikeCount = jQuery.extend( window.wpPostLikeCount, {
|
||||
request: function ( options ) {
|
||||
return $.ajax( {
|
||||
type: 'GET',
|
||||
url: window.wpPostLikeCount.jsonAPIbase + options.path,
|
||||
dataType: 'jsonp',
|
||||
data: options.data,
|
||||
success: function ( response ) {
|
||||
options.success( response );
|
||||
},
|
||||
error: function ( response ) {
|
||||
options.error( response );
|
||||
},
|
||||
} );
|
||||
},
|
||||
} );
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,64 @@
|
||||
window.wpPostLikeCount = window.wpPostLikeCount || {};
|
||||
|
||||
( function ( $ ) {
|
||||
window.wpPostLikeCount = jQuery.extend( window.wpPostLikeCount, {
|
||||
jsonAPIbase: 'https://public-api.wordpress.com/rest/v1',
|
||||
APIqueue: [],
|
||||
|
||||
wpPostLikeCount: function () {
|
||||
$( '.post-like-count' ).each( function () {
|
||||
var post_id = $( this ).attr( 'data-post-id' );
|
||||
var blog_id = $( this ).attr( 'data-blog-id' );
|
||||
window.wpPostLikeCount.APIqueue.push(
|
||||
'/sites/' + blog_id + '/posts/' + post_id + '/likes'
|
||||
);
|
||||
} );
|
||||
window.wpPostLikeCount.getCounts();
|
||||
},
|
||||
|
||||
showCount: function ( post_id, count ) {
|
||||
if ( count > 0 ) {
|
||||
$( '#post-like-count-' + post_id )
|
||||
.find( '.comment-count' )
|
||||
.hide();
|
||||
$( '#post-like-count-' + post_id )
|
||||
.find( '.comment-count' )
|
||||
.text( count );
|
||||
$( '#post-like-count-' + post_id )
|
||||
.find( '.comment-count' )
|
||||
.fadeIn();
|
||||
}
|
||||
},
|
||||
|
||||
getCounts: function () {
|
||||
var batchRequest = {
|
||||
path: '/batch',
|
||||
data: '',
|
||||
success: function ( response ) {
|
||||
for ( var path in response ) {
|
||||
if ( ! response[ path ].error_data ) {
|
||||
var urlPieces = path.split( '/' ); // pieces[4] = post id;
|
||||
var post_id = urlPieces[ 4 ];
|
||||
window.wpPostLikeCount.showCount( post_id, response[ path ].found );
|
||||
}
|
||||
}
|
||||
},
|
||||
error: function ( /*response*/ ) {},
|
||||
};
|
||||
|
||||
var amp = '';
|
||||
for ( var i = 0; i < window.wpPostLikeCount.APIqueue.length; i++ ) {
|
||||
if ( i > 0 ) {
|
||||
amp = '&';
|
||||
}
|
||||
batchRequest.data += amp + 'urls[]=' + window.wpPostLikeCount.APIqueue[ i ];
|
||||
}
|
||||
|
||||
window.wpPostLikeCount.request( batchRequest );
|
||||
},
|
||||
} );
|
||||
} )( jQuery );
|
||||
|
||||
jQuery( document ).ready( function ( /*$*/ ) {
|
||||
window.wpPostLikeCount.wpPostLikeCount();
|
||||
} );
|
||||
@@ -0,0 +1,548 @@
|
||||
/* global wpcom_reblog */
|
||||
|
||||
var jetpackLikesWidgetBatch = [];
|
||||
var jetpackLikesMasterReady = false;
|
||||
|
||||
// Due to performance problems on pages with a large number of widget iframes that need to be loaded,
|
||||
// we are limiting the processing at any instant to unloaded widgets that are currently in viewport,
|
||||
// plus this constant that will allow processing of widgets above and bellow the current fold.
|
||||
// This aim of it is to improve the UX and hide the transition from unloaded to loaded state from users.
|
||||
var jetpackLikesLookAhead = 2000; // pixels
|
||||
|
||||
// Keeps track of loaded comment likes widget so we can unload them when they are scrolled out of view.
|
||||
var jetpackCommentLikesLoadedWidgets = [];
|
||||
|
||||
var jetpackLikesDocReadyPromise = new Promise( resolve => {
|
||||
if ( document.readyState !== 'loading' ) {
|
||||
resolve();
|
||||
} else {
|
||||
window.addEventListener( 'DOMContentLoaded', () => resolve() );
|
||||
}
|
||||
} );
|
||||
|
||||
function JetpackLikesPostMessage( message, target ) {
|
||||
if ( typeof message === 'string' ) {
|
||||
try {
|
||||
message = JSON.parse( message );
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if ( target && typeof target.postMessage === 'function' ) {
|
||||
try {
|
||||
target.postMessage(
|
||||
JSON.stringify( {
|
||||
type: 'likesMessage',
|
||||
data: message,
|
||||
} ),
|
||||
'*'
|
||||
);
|
||||
} catch {
|
||||
// Ignore error
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function JetpackLikesBatchHandler() {
|
||||
const requests = [];
|
||||
document.querySelectorAll( 'div.jetpack-likes-widget-unloaded' ).forEach( widget => {
|
||||
if ( jetpackLikesWidgetBatch.indexOf( widget.id ) > -1 ) {
|
||||
return;
|
||||
}
|
||||
|
||||
if ( ! jetpackIsScrolledIntoView( widget ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
jetpackLikesWidgetBatch.push( widget.id );
|
||||
|
||||
var regex = /like-(post|comment)-wrapper-(\d+)-(\d+)-(\w+)/,
|
||||
match = regex.exec( widget.id ),
|
||||
info;
|
||||
|
||||
if ( ! match || match.length !== 5 ) {
|
||||
return;
|
||||
}
|
||||
|
||||
info = {
|
||||
blog_id: match[ 2 ],
|
||||
width: widget.width,
|
||||
};
|
||||
|
||||
if ( 'post' === match[ 1 ] ) {
|
||||
info.post_id = match[ 3 ];
|
||||
} else if ( 'comment' === match[ 1 ] ) {
|
||||
info.comment_id = match[ 3 ];
|
||||
}
|
||||
|
||||
info.obj_id = match[ 4 ];
|
||||
|
||||
requests.push( info );
|
||||
} );
|
||||
|
||||
if ( requests.length > 0 ) {
|
||||
JetpackLikesPostMessage(
|
||||
{ event: 'initialBatch', requests: requests },
|
||||
window.frames[ 'likes-master' ]
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
function JetpackLikesMessageListener( event ) {
|
||||
let message = event && event.data;
|
||||
if ( typeof message === 'string' ) {
|
||||
try {
|
||||
message = JSON.parse( message );
|
||||
} catch {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
const type = message && message.type;
|
||||
const data = message && message.data;
|
||||
|
||||
if ( type !== 'likesMessage' || typeof data.event === 'undefined' ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// We only allow messages from one origin
|
||||
const allowedOrigin = 'https://widgets.wp.com';
|
||||
if ( allowedOrigin !== event.origin ) {
|
||||
return;
|
||||
}
|
||||
|
||||
switch ( data.event ) {
|
||||
case 'masterReady':
|
||||
jetpackLikesDocReadyPromise.then( () => {
|
||||
jetpackLikesMasterReady = true;
|
||||
|
||||
const stylesData = {
|
||||
event: 'injectStyles',
|
||||
};
|
||||
const sdTextColor = document.querySelector( '.sd-text-color' );
|
||||
const sdLinkColor = document.querySelector( '.sd-link-color' );
|
||||
const sdTextColorStyles = ( sdTextColor && getComputedStyle( sdTextColor ) ) || {};
|
||||
const sdLinkColorStyles = ( sdLinkColor && getComputedStyle( sdLinkColor ) ) || {};
|
||||
|
||||
// enable reblogs if we're on a single post page
|
||||
if ( document.body.classList.contains( 'single' ) ) {
|
||||
JetpackLikesPostMessage( { event: 'reblogsEnabled' }, window.frames[ 'likes-master' ] );
|
||||
}
|
||||
|
||||
stylesData.textStyles = {
|
||||
color: sdTextColorStyles.color,
|
||||
fontFamily: sdTextColorStyles[ 'font-family' ],
|
||||
fontSize: sdTextColorStyles[ 'font-size' ],
|
||||
direction: sdTextColorStyles.direction,
|
||||
fontWeight: sdTextColorStyles[ 'font-weight' ],
|
||||
fontStyle: sdTextColorStyles[ 'font-style' ],
|
||||
textDecoration: sdTextColorStyles[ 'text-decoration' ],
|
||||
};
|
||||
|
||||
stylesData.linkStyles = {
|
||||
color: sdLinkColorStyles.color,
|
||||
fontFamily: sdLinkColorStyles[ 'font-family' ],
|
||||
fontSize: sdLinkColorStyles[ 'font-size' ],
|
||||
textDecoration: sdLinkColorStyles[ 'text-decoration' ],
|
||||
fontWeight: sdLinkColorStyles[ 'font-weight' ],
|
||||
fontStyle: sdLinkColorStyles[ 'font-style' ],
|
||||
};
|
||||
|
||||
JetpackLikesPostMessage( stylesData, window.frames[ 'likes-master' ] );
|
||||
|
||||
JetpackLikesBatchHandler();
|
||||
} );
|
||||
|
||||
break;
|
||||
|
||||
case 'showLikeWidget': {
|
||||
const placeholder = document.querySelector( `#${ data.id } .likes-widget-placeholder` );
|
||||
if ( placeholder ) {
|
||||
placeholder.style.display = 'none';
|
||||
}
|
||||
|
||||
// Add a `liked` class to the wrapper if the post already has likes.
|
||||
if ( data.total > 0 ) {
|
||||
document.querySelector( `#${ data.id }` ).classList.add( 'liked' );
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
case 'showCommentLikeWidget': {
|
||||
const placeholder = document.querySelector( `#${ data.id } .likes-widget-placeholder` );
|
||||
if ( placeholder ) {
|
||||
placeholder.style.display = 'none';
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
||||
case 'killCommentLikes':
|
||||
// If kill switch for comment likes is enabled remove all widgets wrappers and `Loading...` placeholders.
|
||||
document
|
||||
.querySelectorAll( '.jetpack-comment-likes-widget-wrapper' )
|
||||
.forEach( wrapper => wrapper.remove() );
|
||||
break;
|
||||
|
||||
case 'clickReblogFlair':
|
||||
if ( wpcom_reblog && typeof wpcom_reblog.toggle_reblog_box_flair === 'function' ) {
|
||||
wpcom_reblog.toggle_reblog_box_flair( data.obj_id );
|
||||
}
|
||||
break;
|
||||
|
||||
case 'hideOtherGravatars': {
|
||||
hideLikersPopover();
|
||||
break;
|
||||
}
|
||||
|
||||
case 'clickPostLike':
|
||||
// Add or remove the wrapper `liked` class based on the total likes.
|
||||
if ( data.total > 0 ) {
|
||||
document.querySelector( `#${ data.id }` ).classList.add( 'liked' );
|
||||
} else {
|
||||
document.querySelector( `#${ data.id }` ).classList.remove( 'liked' );
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
case 'showOtherGravatars': {
|
||||
const container = document.querySelector( '#likes-other-gravatars' );
|
||||
|
||||
if ( ! container ) {
|
||||
break;
|
||||
}
|
||||
|
||||
const newLayout = container.classList.contains( 'wpl-new-layout' );
|
||||
|
||||
const list = container.querySelector( 'ul' );
|
||||
|
||||
container.style.display = 'none';
|
||||
list.innerHTML = '';
|
||||
|
||||
if ( newLayout ) {
|
||||
container
|
||||
.querySelectorAll( '.likes-text span' )
|
||||
.forEach( item => ( item.textContent = data.totalLikesLabel ) );
|
||||
} else {
|
||||
container
|
||||
.querySelectorAll( '.likes-text span' )
|
||||
.forEach( item => ( item.textContent = data.total ) );
|
||||
}
|
||||
|
||||
( data.likers || [] ).forEach( async ( liker, index ) => {
|
||||
if ( liker.profile_URL.substr( 0, 4 ) !== 'http' ) {
|
||||
// We only display gravatars with http or https schema
|
||||
return;
|
||||
}
|
||||
|
||||
const element = document.createElement( 'li' );
|
||||
list.append( element );
|
||||
|
||||
if ( newLayout ) {
|
||||
element.innerHTML = `
|
||||
<a href="${ encodeURI( liker.profile_URL ) }" rel="nofollow" target="_parent" class="wpl-liker">
|
||||
<img src="${ encodeURI( liker.avatar_URL ) }"
|
||||
alt=""
|
||||
style="width: 28px; height: 28px;" />
|
||||
<span></span>
|
||||
</a>
|
||||
`;
|
||||
} else {
|
||||
element.innerHTML = `
|
||||
<a href="${ encodeURI( liker.profile_URL ) }" rel="nofollow" target="_parent" class="wpl-liker">
|
||||
<img src="${ encodeURI( liker.avatar_URL ) }"
|
||||
alt=""
|
||||
style="width: 30px; height: 30px; padding-right: 3px;" />
|
||||
</a>
|
||||
`;
|
||||
}
|
||||
|
||||
// Add some extra attributes through native methods, to ensure strings are sanitized.
|
||||
element.classList.add( liker.css_class );
|
||||
element.querySelector( 'img' ).alt = data.avatarAltTitle.replace( '%s', liker.name );
|
||||
|
||||
if ( newLayout ) {
|
||||
element.querySelector( 'span' ).innerText = liker.name;
|
||||
}
|
||||
|
||||
if ( index === data.likers.length - 1 ) {
|
||||
element.addEventListener( 'keydown', e => {
|
||||
if ( e.key === 'Tab' && ! e.shiftKey ) {
|
||||
e.preventDefault();
|
||||
hideLikersPopover();
|
||||
|
||||
JetpackLikesPostMessage(
|
||||
{ event: 'focusLikesCount', parent: data.parent },
|
||||
window.frames[ 'likes-master' ]
|
||||
);
|
||||
}
|
||||
} );
|
||||
}
|
||||
} );
|
||||
|
||||
const positionPopup = function () {
|
||||
const containerStyle = getComputedStyle( container );
|
||||
const isRtl = containerStyle.direction === 'rtl';
|
||||
|
||||
const el = document.querySelector( `*[name='${ data.parent }']` );
|
||||
const rect = el.getBoundingClientRect();
|
||||
const win = el.ownerDocument.defaultView;
|
||||
const offset = {
|
||||
top: rect.top + win.pageYOffset,
|
||||
left: rect.left + win.pageXOffset,
|
||||
};
|
||||
|
||||
let containerLeft = 0;
|
||||
if ( newLayout ) {
|
||||
container.style.top = offset.top + data.position.top - 1 + 'px';
|
||||
|
||||
if ( isRtl ) {
|
||||
const visibleAvatarsCount = data && data.likers ? Math.min( data.likers.length, 5 ) : 0;
|
||||
// 24px is the width of the avatar + 4px is the padding between avatars
|
||||
containerLeft = offset.left + data.position.left + 24 * visibleAvatarsCount + 4;
|
||||
container.style.transform = 'translateX(-100%)';
|
||||
} else {
|
||||
containerLeft = offset.left + data.position.left;
|
||||
}
|
||||
container.style.left = containerLeft + 'px';
|
||||
} else {
|
||||
container.style.left = offset.left + data.position.left - 10 + 'px';
|
||||
container.style.top = offset.top + data.position.top - 33 + 'px';
|
||||
}
|
||||
|
||||
// Container width - padding
|
||||
const initContainerWidth = data.width - 20;
|
||||
const rowLength = Math.floor( initContainerWidth / 37 );
|
||||
// # of rows + (avatar + avatar padding) + text above + container padding
|
||||
let height = Math.ceil( data.likers.length / rowLength ) * 37 + 17 + 22;
|
||||
if ( height > 204 ) {
|
||||
height = 204;
|
||||
}
|
||||
|
||||
if ( ! newLayout ) {
|
||||
// Avatars + padding
|
||||
const containerWidth = rowLength * 37 + 13;
|
||||
container.style.height = height + 'px';
|
||||
container.style.width = containerWidth + 'px';
|
||||
|
||||
const listWidth = rowLength * 37;
|
||||
list.style.width = listWidth + 'px';
|
||||
}
|
||||
|
||||
// If the popup is overflows viewport width, we should show it on the next line
|
||||
if ( newLayout ) {
|
||||
// Push it offscreen to calculated rendered width
|
||||
container.style.left = '-9999px';
|
||||
container.style.display = 'block';
|
||||
|
||||
// If the popup exceeds the viewport width,
|
||||
// flip the position of the popup.
|
||||
const containerWidth = container.offsetWidth;
|
||||
const containerRight = containerLeft + containerWidth;
|
||||
if ( containerRight > win.innerWidth ) {
|
||||
containerLeft = rect.right - containerWidth;
|
||||
}
|
||||
|
||||
// Set the container left
|
||||
container.style.left = containerLeft + 'px';
|
||||
} else {
|
||||
container.style.display = 'block';
|
||||
}
|
||||
container.setAttribute( 'aria-hidden', 'false' );
|
||||
};
|
||||
|
||||
positionPopup();
|
||||
container.focus();
|
||||
|
||||
const debounce = function ( func, wait ) {
|
||||
var timeout;
|
||||
return function () {
|
||||
var context = this;
|
||||
var args = arguments;
|
||||
clearTimeout( timeout );
|
||||
timeout = setTimeout( function () {
|
||||
func.apply( context, args );
|
||||
}, wait );
|
||||
};
|
||||
};
|
||||
|
||||
const debouncedPositionPopup = debounce( positionPopup, 100 );
|
||||
|
||||
// Keep a reference of this function in the element itself
|
||||
// so that we can destroy it later
|
||||
container.__resizeHandler = debouncedPositionPopup;
|
||||
|
||||
// When window is resized, resize the popup.
|
||||
window.addEventListener( 'resize', debouncedPositionPopup );
|
||||
|
||||
container.focus();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener( 'message', JetpackLikesMessageListener );
|
||||
|
||||
function hideLikersPopover() {
|
||||
const container = document.querySelector( '#likes-other-gravatars' );
|
||||
|
||||
if ( container ) {
|
||||
container.style.display = 'none';
|
||||
container.setAttribute( 'aria-hidden', 'true' );
|
||||
|
||||
// Remove the resize event listener and cleanup.
|
||||
const resizeHandler = container.__resizeHandler;
|
||||
if ( resizeHandler ) {
|
||||
window.removeEventListener( 'resize', resizeHandler );
|
||||
delete container.__resizeHandler;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.addEventListener( 'click', hideLikersPopover );
|
||||
|
||||
function JetpackLikesWidgetQueueHandler() {
|
||||
var wrapperID;
|
||||
|
||||
if ( ! jetpackLikesMasterReady ) {
|
||||
setTimeout( JetpackLikesWidgetQueueHandler, 500 );
|
||||
return;
|
||||
}
|
||||
|
||||
// Restore widgets to initial unloaded state when they are scrolled out of view.
|
||||
jetpackUnloadScrolledOutWidgets();
|
||||
|
||||
var unloadedWidgetsInView = jetpackGetUnloadedWidgetsInView();
|
||||
|
||||
if ( unloadedWidgetsInView.length > 0 ) {
|
||||
// Grab any unloaded widgets for a batch request
|
||||
JetpackLikesBatchHandler();
|
||||
}
|
||||
|
||||
for ( var i = 0, length = unloadedWidgetsInView.length; i <= length - 1; i++ ) {
|
||||
wrapperID = unloadedWidgetsInView[ i ].id;
|
||||
|
||||
if ( ! wrapperID ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
jetpackLoadLikeWidgetIframe( wrapperID );
|
||||
}
|
||||
}
|
||||
|
||||
function jetpackLoadLikeWidgetIframe( wrapperID ) {
|
||||
if ( typeof wrapperID === 'undefined' ) {
|
||||
return;
|
||||
}
|
||||
|
||||
const wrapper = document.querySelector( '#' + wrapperID );
|
||||
wrapper.querySelectorAll( 'iframe' ).forEach( iFrame => iFrame.remove() );
|
||||
|
||||
const placeholder = wrapper.querySelector( '.likes-widget-placeholder' );
|
||||
|
||||
// Post like iframe
|
||||
if ( placeholder && placeholder.classList.contains( 'post-likes-widget-placeholder' ) ) {
|
||||
const postLikesFrame = document.createElement( 'iframe' );
|
||||
|
||||
postLikesFrame.classList.add( 'post-likes-widget', 'jetpack-likes-widget' );
|
||||
postLikesFrame.name = wrapper.dataset.name;
|
||||
postLikesFrame.src = wrapper.dataset.src;
|
||||
postLikesFrame.height = '55px';
|
||||
postLikesFrame.width = '100%';
|
||||
postLikesFrame.frameBorder = '0';
|
||||
postLikesFrame.scrolling = 'no';
|
||||
postLikesFrame.title = wrapper.dataset.title;
|
||||
|
||||
placeholder.after( postLikesFrame );
|
||||
}
|
||||
|
||||
// Comment like iframe
|
||||
if ( placeholder.classList.contains( 'comment-likes-widget-placeholder' ) ) {
|
||||
const commentLikesFrame = document.createElement( 'iframe' );
|
||||
|
||||
commentLikesFrame.class = 'comment-likes-widget-frame jetpack-likes-widget-frame';
|
||||
commentLikesFrame.name = wrapper.dataset.name;
|
||||
commentLikesFrame.src = wrapper.dataset.src;
|
||||
commentLikesFrame.height = '18px';
|
||||
commentLikesFrame.width = '100%';
|
||||
commentLikesFrame.frameBorder = '0';
|
||||
commentLikesFrame.scrolling = 'no';
|
||||
|
||||
wrapper.querySelector( '.comment-like-feedback' ).after( commentLikesFrame );
|
||||
|
||||
jetpackCommentLikesLoadedWidgets.push( commentLikesFrame );
|
||||
}
|
||||
|
||||
wrapper.classList.remove( 'jetpack-likes-widget-unloaded' );
|
||||
wrapper.classList.add( 'jetpack-likes-widget-loading' );
|
||||
|
||||
wrapper.querySelector( 'iframe' ).addEventListener( 'load', e => {
|
||||
JetpackLikesPostMessage(
|
||||
{ event: 'loadLikeWidget', name: e.target.name, width: e.target.width },
|
||||
window.frames[ 'likes-master' ]
|
||||
);
|
||||
|
||||
wrapper.classList.remove( 'jetpack-likes-widget-loading' );
|
||||
wrapper.classList.add( 'jetpack-likes-widget-loaded' );
|
||||
} );
|
||||
}
|
||||
|
||||
function jetpackGetUnloadedWidgetsInView() {
|
||||
const unloadedWidgets = document.querySelectorAll( 'div.jetpack-likes-widget-unloaded' );
|
||||
|
||||
return [ ...unloadedWidgets ].filter( item => jetpackIsScrolledIntoView( item ) );
|
||||
}
|
||||
|
||||
function jetpackIsScrolledIntoView( element ) {
|
||||
const top = element.getBoundingClientRect().top;
|
||||
const bottom = element.getBoundingClientRect().bottom;
|
||||
|
||||
// Allow some slack above and bellow the fold with jetpackLikesLookAhead,
|
||||
// with the aim of hiding the transition from unloaded to loaded widget from users.
|
||||
return top + jetpackLikesLookAhead >= 0 && bottom <= window.innerHeight + jetpackLikesLookAhead;
|
||||
}
|
||||
|
||||
function jetpackUnloadScrolledOutWidgets() {
|
||||
for ( let i = jetpackCommentLikesLoadedWidgets.length - 1; i >= 0; i-- ) {
|
||||
const currentWidgetIframe = jetpackCommentLikesLoadedWidgets[ i ];
|
||||
|
||||
if ( ! jetpackIsScrolledIntoView( currentWidgetIframe ) ) {
|
||||
const widgetWrapper =
|
||||
currentWidgetIframe &&
|
||||
currentWidgetIframe.parentElement &&
|
||||
currentWidgetIframe.parentElement.parentElement;
|
||||
|
||||
// Restore parent class to 'unloaded' so this widget can be picked up by queue manager again if needed.
|
||||
widgetWrapper.classList.remove( 'jetpack-likes-widget-loaded' );
|
||||
widgetWrapper.classList.remove( 'jetpack-likes-widget-loading' );
|
||||
widgetWrapper.classList.add( 'jetpack-likes-widget-unloaded' );
|
||||
|
||||
// Bring back the loading placeholder into view.
|
||||
widgetWrapper
|
||||
.querySelectorAll( '.comment-likes-widget-placeholder' )
|
||||
.forEach( item => ( item.style.display = 'block' ) );
|
||||
|
||||
// Remove it from the list of loaded widgets.
|
||||
jetpackCommentLikesLoadedWidgets.splice( i, 1 );
|
||||
|
||||
// Remove comment like widget iFrame.
|
||||
currentWidgetIframe.remove();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var jetpackWidgetsDelayedExec = function ( after, fn ) {
|
||||
var timer;
|
||||
return function () {
|
||||
clearTimeout( timer );
|
||||
timer = setTimeout( fn, after );
|
||||
};
|
||||
};
|
||||
|
||||
var jetpackOnScrollStopped = jetpackWidgetsDelayedExec( 250, JetpackLikesWidgetQueueHandler );
|
||||
|
||||
// Load initial batch of widgets, prior to any scrolling events.
|
||||
JetpackLikesWidgetQueueHandler();
|
||||
|
||||
// Add event listener to execute queue handler after scroll.
|
||||
window.addEventListener( 'scroll', jetpackOnScrollStopped, true );
|
||||
@@ -0,0 +1,267 @@
|
||||
/**
|
||||
* Like Button toolbar button, loading text & container styles
|
||||
*/
|
||||
|
||||
/* Master container */
|
||||
#jp-post-flair {
|
||||
padding-top: .5em;
|
||||
}
|
||||
|
||||
/* Overall Sharedaddy block title */
|
||||
div.sharedaddy,
|
||||
#content div.sharedaddy,
|
||||
#main div.sharedaddy {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
div.sharedaddy h3.sd-title {
|
||||
margin: 0 0 1em 0;
|
||||
display: inline-block;
|
||||
line-height: 1.2;
|
||||
font-size: 9pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div.sharedaddy h3.sd-title:before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 30px;
|
||||
border-top: 1px solid #dcdcde;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
|
||||
/* Toolbar */
|
||||
div.jetpack-likes-widget-wrapper {
|
||||
width: 100%;
|
||||
min-height: 50px; /* Previous height, 60px */
|
||||
position: relative; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
|
||||
}
|
||||
|
||||
div.jetpack-likes-widget-wrapper .sd-link-color {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
div.jetpack-comment-likes-widget-wrapper {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
min-height: 31px;
|
||||
}
|
||||
|
||||
div.jetpack-comment-likes-widget-wrapper iframe {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#likes-other-gravatars {
|
||||
display: none;
|
||||
position: absolute;
|
||||
padding: 10px 10px 12px 10px;
|
||||
background-color: #2e4453;
|
||||
border-width: 0;
|
||||
box-shadow: 0 0 10px #2e4453;
|
||||
box-shadow: 0 0 10px rgba(46,68,83,.6);
|
||||
min-width: 130px;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
#likes-other-gravatars.wpl-new-layout {
|
||||
display: none;
|
||||
position: absolute;
|
||||
padding: 9px 12px 10px 12px;
|
||||
background-color: #fff;
|
||||
border: solid 1px #dcdcde;
|
||||
border-radius: 4px;
|
||||
box-shadow: none;
|
||||
min-width: 220px;
|
||||
max-height: 240px;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
#likes-other-gravatars * {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
#likes-other-gravatars .likes-text {
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
#likes-other-gravatars.wpl-new-layout .likes-text {
|
||||
color: #101517;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
#likes-other-gravatars ul,
|
||||
#likes-other-gravatars li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-indent: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
#likes-other-gravatars li::before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
#likes-other-gravatars ul.wpl-avatars {
|
||||
overflow: auto;
|
||||
display: block;
|
||||
max-height: 190px;
|
||||
}
|
||||
|
||||
#likes-other-gravatars ul.wpl-avatars li {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
float: left;
|
||||
margin: 0 5px 5px 0;
|
||||
}
|
||||
|
||||
#likes-other-gravatars.wpl-new-layout ul.wpl-avatars li {
|
||||
width: 196px;
|
||||
height: 28px;
|
||||
float: none;
|
||||
margin: 0 0 4px 0;
|
||||
}
|
||||
|
||||
#likes-other-gravatars ul.wpl-avatars li a {
|
||||
margin: 0 2px 0 0;
|
||||
border-bottom: none !important;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#likes-other-gravatars.wpl-new-layout ul.wpl-avatars li a {
|
||||
margin: 0 2px 0 0;
|
||||
border-bottom: none !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#likes-other-gravatars.wpl-new-layout ul.wpl-avatars li a span {
|
||||
font-size: 12px;
|
||||
color: #2C3338;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#likes-other-gravatars ul.wpl-avatars li a img {
|
||||
background: none;
|
||||
border: none;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
position: static;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#likes-other-gravatars.wpl-new-layout ul.wpl-avatars li a img {
|
||||
background: none;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
margin: 0 !important;
|
||||
padding: 1px !important;
|
||||
position: static;
|
||||
}
|
||||
|
||||
div.sd-box {
|
||||
border-top: 1px solid #dcdcde;
|
||||
border-top: 1px solid rgba(0,0,0,.13);
|
||||
}
|
||||
|
||||
.entry-content .post-likes-widget, .post-likes-widget,
|
||||
.comment-likes-widget {
|
||||
margin: 0;
|
||||
border-width: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Loading text */
|
||||
.post-likes-widget-placeholder,
|
||||
.comment-likes-widget-placeholder {
|
||||
margin: 0;
|
||||
border-width: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.comment-likes-widget-placeholder {
|
||||
height: 18px;
|
||||
position: absolute;
|
||||
display: flex;
|
||||
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
||||
}
|
||||
|
||||
.comment-likes-widget-placeholder::before {
|
||||
color: #2EA2CC;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
padding-right: 5px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px 16px;
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='0' fill='none' width='24' height='24'/%3E%3Cg%3E%3Cpath fill='%232EA2CC' d='M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304'/%3E%3C/g%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.post-likes-widget-placeholder .button {
|
||||
display: none; /* Let's not show a dummy like button, let's just make a great button experience once it's loaded */
|
||||
}
|
||||
|
||||
.post-likes-widget-placeholder .button span {
|
||||
}
|
||||
|
||||
.post-likes-widget-placeholder .loading,
|
||||
.comment-likes-widget-placeholder .loading {
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.comment-likes-widget-placeholder .loading {
|
||||
padding-left: 5px;
|
||||
margin-top: 4px;
|
||||
align-self: center;
|
||||
color: #4E4E4E;
|
||||
}
|
||||
|
||||
/* Like Special cases (display on it's own) */
|
||||
div.sharedaddy.sd-like-enabled .sd-like h3 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget {
|
||||
width: 100%;
|
||||
float: none;
|
||||
position: absolute; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.comment-likes-widget {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* Make ratings block. @todo: make !important unnecessary by removing inline style */
|
||||
.pd-rating,
|
||||
.cs-rating {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
|
||||
/* Hide G+ title */
|
||||
.sd-gplus .sd-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media print {
|
||||
.jetpack-likes-widget-wrapper {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user