'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', Assets::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() { if ( Jetpack_AMP_Support::is_amp_request() ) { return; } wp_enqueue_script( 'milestone', Assets::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', ) ); ?> get_widget_data( $instance ); self::$config_js['instances'][] = array( 'id' => $args['widget_id'], 'message' => $data['message'], 'refresh' => $data['refresh'] ); echo '
'; echo '
'; echo '' . esc_html( $instance['event'] ) . ''; echo '' . esc_html( date_i18n( get_option( 'date_format' ), $data['milestone'] ) ) . ''; echo '
'; echo $data['message']; echo '
'; 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'] = '
' . $instance['message'] . '
'; $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( '%s year ago.', '%s years ago.', $interval, 'jetpack' ), $interval_text ); break; case 'months': $data['message'] = sprintf( _n( '%s month ago.', '%s months ago.', $interval, 'jetpack' ), $interval_text ); break; case 'days': $data['message'] = sprintf( _n( '%s day ago.', '%s days ago.', $interval, 'jetpack' ), $interval_text ); break; case 'hours': $data['message'] = sprintf( _n( '%s hour ago.', '%s hours ago.', $interval, 'jetpack' ), $interval_text ); break; case 'minutes': $data['message'] = sprintf( _n( '%s minute ago.', '%s minutes ago.', $interval, 'jetpack' ), $interval_text ); break; case 'seconds': $data['message'] = sprintf( _n( '%s second ago.', '%s seconds ago.', $interval, 'jetpack' ), $interval_text ); break; } } else { switch ( $this->get_unit( $diff, $instance['unit'] ) ) { case 'years': $data['message'] = sprintf( _n( '%s year to go.', '%s years to go.', $interval, 'jetpack' ), $interval_text ); break; case 'months': $data['message'] = sprintf( _n( '%s month to go.', '%s months to go.', $interval, 'jetpack' ), $interval_text ); break; case 'days': $data['message'] = sprintf( _n( '%s day to go.', '%s days to go.', $interval, 'jetpack' ), $interval_text ); break; case 'hours': $data['message'] = sprintf( _n( '%s hour to go.', '%s hours to go.', $interval, 'jetpack' ), $interval_text ); break; case 'minutes': $data['message'] = sprintf( _n( '%s minute to go.', '%s minutes to go.', $interval, 'jetpack' ), $interval_text ); break; case 'seconds': $data['message'] = sprintf( _n( '%s second to go.', '%s seconds to go.', $interval, 'jetpack' ), $interval_text ); break; } } $data['message'] = '
' . $data['message'] . '
'; } 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' ), ); ?>

,
: