Jetpack_Connection_Banner::enqueue_connect_button_scripts() - Code Metrics - Inspection of "Update dependency debug to v4" - Automattic/jetpack - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Push — renovate/debug-4.x ( f92d53...830252 )

unknown

created 2019-10-19 00:05 UTC

enqueue_connect_button_scripts() B

↳ Parent: Jetpack_Connection_Banner

Complexity

Conditions	4
Paths	4

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
cc	4
nc	4
nop	0
dl	0
loc	57
rs	8.9381
c	0
b	0
f	0

How to fix Long Method

<?php

use Automattic\Jetpack\Assets;
use Automattic\Jetpack\Assets\Logo;
use Automattic\Jetpack\Constants;

class Jetpack_Connection_Banner {
	/**
	 * @var Jetpack_Connection_Banner
	 **/
	private static $instance = null;

	static function init() {
		if ( is_null( self::$instance ) ) {
			self::$instance = new Jetpack_Connection_Banner();
		}

		return self::$instance;
	}

	/**
	 * Jetpack_Connection_Banner constructor.
	 *
	 * Since we call the Jetpack_Connection_Banner:init() method from the `Jetpack` class, and after
	 * the admin_init action fires, we know that the admin is initialized at this point.
	 */
	private function __construct() {
		add_action( 'current_screen', array( $this, 'maybe_initialize_hooks' ) );
	}

	/**
	 * Given a string for the the banner was added, and an int that represents the slide to
	 * a URL for, this function returns a connection URL with a from parameter that will
	 * support split testing.
	 *
	 * @since 7.2   Event key format is now banner-connect-banner-72-dashboard or connect-banner-72-plugins.
	 *              The param $slide_num was removed since we removed all slides but the first one.
	 * @since 4.4.0
	 *
	 * @param string $jp_version_banner_added A short version of when the banner was added. Ex. 44
	 *
	 * @return string
	 */
	function build_connect_url_for_slide( $jp_version_banner_added ) {
		global $current_screen;
		$url = Jetpack::init()->build_connect_url(
			true,
			false,
			sprintf( 'connect-banner-%s-%s', $jp_version_banner_added, $current_screen->base )
		);
		// Add a tracks event corresponding to the A/B version displayed
		$ab_test = Jetpack_Options::get_option( 'ab_connect_banner_green_bar' );
		if ( in_array( $ab_test, array( 'a', 'b' ), true ) ) {
			$url = add_query_arg( 'ab_connect_banner_green_bar', $ab_test, $url );
		}
		return add_query_arg( 'auth_approved', 'true', $url );
	}

	/**
	 * Will initialize hooks to display the new (as of 4.4) connection banner if the current user can
	 * connect Jetpack, if Jetpack has not been deactivated, and if the current page is the plugins page.
	 *
	 * This method should not be called if the site is connected to WordPress.com or if the site is in development mode.
	 *
	 * @since 4.4.0
	 * @since 4.5.0 Made the new (as of 4.4) connection banner display to everyone by default.
	 * @since 5.3.0 Running another split test between 4.4 banner and a new one in 5.3.
	 * @since 7.2   B test was removed.
	 *
	 * @param $current_screen
	 */
	function maybe_initialize_hooks( $current_screen ) {

		// Kill if banner has been dismissed
		if ( Jetpack_Options::get_option( 'dismissed_connection_banner' ) ) {
			return;
		}

		// Don't show the connect notice anywhere but the plugins.php after activating
		if ( 'plugins' !== $current_screen->base && 'dashboard' !== $current_screen->base ) {
			return;
		}

		if ( ! current_user_can( 'jetpack_connect' ) ) {
			return;
		}

		add_action( 'admin_notices', array( $this, 'render_banner' ) );
		add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_banner_scripts' ) );
		add_action( 'admin_print_styles', array( Jetpack::init(), 'admin_banner_styles' ) );

		if ( Jetpack::state( 'network_nag' ) ) {
			add_action( 'network_admin_notices', array( $this, 'network_connect_notice' ) );
		}

		// Only fires immediately after plugin activation
		if ( get_transient( 'activated_jetpack' ) ) {
			add_action( 'admin_notices', array( $this, 'render_connect_prompt_full_screen' ) );
			delete_transient( 'activated_jetpack' );
		}
	}

	/**
	 * Enqueues JavaScript for new connection banner.
	 *
	 * @since 4.4.0
	 */
	public static function enqueue_banner_scripts() {
		wp_enqueue_script(
			'jetpack-connection-banner-js',
			Assets::get_file_url_for_environment(
				'_inc/build/jetpack-connection-banner.min.js',
				'_inc/jetpack-connection-banner.js'
			),
			array( 'jquery' ),
			JETPACK__VERSION,
			true
		);

		wp_localize_script(
			'jetpack-connection-banner-js',
			'jp_banner',
			array(
				'ajax_url'              => admin_url( 'admin-ajax.php' ),
				'connectionBannerNonce' => wp_create_nonce( 'jp-connection-banner-nonce' ),
			)
		);
	}

	/**
	 * Enqueues JavaScript and CSS for new connect-in-place flow.
	 *
	 * @since 7.7
	 */
	public static function enqueue_connect_button_scripts() {
		global $is_safari;

		wp_enqueue_script(
			'jetpack-connect-button',
			Assets::get_file_url_for_environment(
				'_inc/build/connect-button.min.js',
				'_inc/connect-button.js'
			),
			array( 'jquery' ),
			JETPACK__VERSION,
			true
		);

		wp_enqueue_style(
			'jetpack-connect-button',
			Assets::get_file_url_for_environment(
				'css/jetpack-connect.min.css',
				'css/jetpack-connect.css'
			)
		);

		$jetpackApiUrl = wp_parse_url( Jetpack::connection()->api_url( '' ) );

		// Due to the limitation in how 3rd party cookies are handled in Safari,
		// we're falling back to the original flow on Safari desktop and mobile.
		if ( $is_safari ) {
			$force_variation = 'original';
		} elseif ( Constants::is_true( 'JETPACK_SHOULD_USE_CONNECTION_IFRAME' ) ) {
			$force_variation = 'in_place';
		} elseif ( Constants::is_defined( 'JETPACK_SHOULD_USE_CONNECTION_IFRAME' ) ) {
			$force_variation = 'original';
		} else {
			$force_variation = null;
		}

		$tracking = new Automattic\Jetpack\Tracking();
		$identity = $tracking->tracks_get_identity( get_current_user_id() );

		wp_localize_script(
			'jetpack-connect-button',
			'jpConnect',
			array(
				'apiBaseUrl'            => esc_url_raw( rest_url( 'jetpack/v4' ) ),
				'registrationNonce'     => wp_create_nonce( 'jetpack-registration-nonce' ),
				'apiNonce'              => wp_create_nonce( 'wp_rest' ),
				'apiSiteDataNonce'      => wp_create_nonce( 'wp_rest' ),
				'buttonTextRegistering' => __( 'Loading...', 'jetpack' ),
				'jetpackApiDomain'      => $jetpackApiUrl['scheme'] . '://' . $jetpackApiUrl['host'],
				'forceVariation'        => $force_variation,
				'connectInPlaceUrl'     => Jetpack::admin_url( 'page=jetpack#/setup' ),
				'dashboardUrl'          => Jetpack::admin_url( 'page=jetpack#/dashboard' ),
				'plansPromptUrl'        => Jetpack::admin_url( 'page=jetpack#/plans-prompt' ),
				'identity'              => $identity,
			)
		);
	}

	/**
	 * Performs an A/B test showing or hiding the green bar at the top of the connection dialog displayed in Dashboard or Plugins.
	 * We save which version we're showing so we always show the same to the same user.
	 * The "A" version displays the green bar at the top.
	 * The "B" version doesn't display it.
	 *
	 * @return void
	 */
	function get_ab_banner_top_bar() {
		$ab_test = Jetpack_Options::get_option( 'ab_connect_banner_green_bar' );
		// If it doesn't exist yet, generate it for later use and save it, so we always show the same to this user
		if ( ! $ab_test ) {
			$ab_test = 1 === rand( 1, 2 ) ? 'a' : 'b';
			Jetpack_Options::update_option( 'ab_connect_banner_green_bar', $ab_test );
		}
		if ( 'a' === $ab_test ) {
			?>
			<div class="jp-wpcom-connect__container-top-text">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="0" fill="none" width="24" height="24"/><g><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 15h-2v-2h2v2zm0-4h-2l-.5-6h3l-.5 6z"/></g></svg>
				<span>
					<?php esc_html_e( 'You’re almost done. Set up Jetpack to enable powerful security and performance tools for WordPress.', 'jetpack' ); ?>
				</span>
			</div>
			<?php
		}
	}

	/**
	 * Renders the new connection banner as of 4.4.0.
	 *
	 * @since 7.2   Copy and visual elements reduced to show the new focus of Jetpack on Security and Performance.
	 * @since 4.4.0
	 */
	function render_banner() {
		?>
		<div id="message" class="updated jp-wpcom-connect__container">
			<?php $this->get_ab_banner_top_bar(); ?>
			<div class="jp-wpcom-connect__inner-container">
				<span
					class="notice-dismiss connection-banner-dismiss"
					title="<?php esc_attr_e( 'Dismiss this notice', 'jetpack' ); ?>">
				</span>

				<div class="jp-wpcom-connect__content-container">

					<!-- slide 1: intro -->
					<div class="jp-wpcom-connect__slide jp-wpcom-connect__slide-one jp__slide-is-active">

						<div class="jp-wpcom-connect__content-icon jp-connect-illo">
							<?php
							$logo = new Logo();
							echo $logo->render();
							?>
							<img
								src="<?php echo plugins_url( 'images/jetpack-powering-up.svg', JETPACK__PLUGIN_FILE ); ?>"
								class="jp-wpcom-connect__hide-phone-and-smaller"
								alt="
								<?php
								esc_attr_e(
									'Jetpack premium services offer even more powerful performance, security, ' .
									'and revenue tools to help you keep your site safe, fast, and help generate income.',
									'jetpack'
								);
								?>
								"
								height="auto"
								width="225"
								/>
						</div>

						<div class="jp-wpcom-connect__slide-text">
							<h2><?php esc_html_e( 'Simplify your site security and performance with Jetpack', 'jetpack' ); ?></h2>

							<p>
								<?php
								esc_html_e(
									'Jetpack protects you against brute force attacks and unauthorized logins. Basic protection ' .
									'is always free, while premium plans add unlimited backups of your whole site, spam protection, ' .
									'malware scanning, and automated fixes.',
									'jetpack'
								);
								?>
							</p>

							<p>
								<?php
								esc_html_e(
									'Activate site accelerator tools and watch your page load times decrease—we’ll ' .
									'optimize your images and serve them from our own powerful global network of servers, ' .
									'and speed up your mobile site to reduce bandwidth usage.',
									'jetpack'
								);
								?>
							</p>

							<div class="jp-banner__button-container">
								<span class="jp-banner__tos-blurb"><?php jetpack_render_tos_blurb(); ?></span>
								<a
										href="<?php echo esc_url( $this->build_connect_url_for_slide( '72' ) ); ?>"
										class="dops-button is-primary jp-banner__alt-connect-button">
									<?php esc_html_e( 'Set up Jetpack', 'jetpack' ); ?>
								</a>
							</div>

						</div>
					</div> <!-- end slide 1 -->
				</div>
			</div>
		</div>
		<?php
	}

	/**
	 * Renders the full-screen connection prompt.  Only shown once and on plugin activation.
	 */
	public static function render_connect_prompt_full_screen() {
		$current_screen = get_current_screen();
		if ( 'plugins' === $current_screen->base ) {
			$bottom_connect_url_from = 'full-screen-prompt';
		} else {
			$bottom_connect_url_from = 'landing-page-bottom';
		}
		?>
		<div class="jp-connect-full__container"><div class="jp-connect-full__container-card">

				<?php if ( 'plugins' === $current_screen->base ) : ?>
					<?php
					$logo = new Logo();
					echo $logo->render();
					?>

					<div class="jp-connect-full__dismiss">
						<svg class="jp-connect-full__svg-dismiss" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Dismiss Jetpack Connection Window</title><rect x="0" fill="none" /><g><path d="M17.705 7.705l-1.41-1.41L12 10.59 7.705 6.295l-1.41 1.41L10.59 12l-4.295 4.295 1.41 1.41L12 13.41l4.295 4.295 1.41-1.41L13.41 12l4.295-4.295z"/></g></svg>
					</div>
				<?php endif; ?>

				<div class="jp-connect-full__step-header">
					<h2 class="jp-connect-full__step-header-title"><?php esc_html_e( 'Activate essential WordPress security and performance tools by setting up Jetpack', 'jetpack' ); ?></h2>
				</div>

				<p class="jp-connect-full__tos-blurb">
					<?php jetpack_render_tos_blurb(); ?>
				</p>

				<p class="jp-connect-full__button-container">
					<a href="<?php echo esc_url( Jetpack::init()->build_connect_url( true, false, $bottom_connect_url_from ) ); ?>"
					   class="dops-button is-primary jp-connect-button">
						<?php esc_html_e( 'Set up Jetpack', 'jetpack' ); ?>
					</a>
				</p>

				<div class="jp-connect-full__row" id="jetpack-connection-cards">
					<div class="jp-connect-full__slide">
						<div class="jp-connect-full__slide-card illustration">
							<img
									src="<?php echo plugins_url( 'images/security.svg', JETPACK__PLUGIN_FILE ); ?>"
									alt="<?php esc_attr_e( 'Security & Backups', 'jetpack' ); ?>"
							/>
						</div>
						<div class="jp-connect-full__slide-card">
							<p>
							<?php
								esc_html_e(
									'Jetpack protects you against brute force attacks and unauthorized logins. ' .
									'Basic protection is always free, while premium plans add unlimited backups of your whole site, ' .
									'spam protection, malware scanning, and automated fixes.',
									'jetpack'
								);
							?>
								</p>
						</div>
					</div>
					<div class="jp-connect-full__slide">
						<div class="jp-connect-full__slide-card illustration">
							<img
									src="<?php echo plugins_url( 'images/jetpack-speed.svg', JETPACK__PLUGIN_FILE ); ?>"
									alt="<?php esc_attr_e( 'Built-in Performance', 'jetpack' ); ?>"
							/>
						</div>
						<div class="jp-connect-full__slide-card">
							<p>
							<?php
								esc_html_e(
									'Activate site accelerator tools and watch your page load times decrease—' .
									"we'll optimize your images and serve them from our own powerful global network of servers, " .
									'and speed up your mobile site to reduce bandwidth usage.',
									'jetpack'
								);
							?>
								</p>
						</div>
					</div>
				</div>

				<?php if ( 'plugins' === $current_screen->base ) : ?>
					<p class="jp-connect-full__dismiss-paragraph">
						<a>
							<?php
							echo esc_html_x(
								'Not now, thank you.',
								'a link that closes the modal window that offers to connect Jetpack',
								'jetpack'
							);
							?>
						</a>
					</p>
				<?php endif; ?>
			</div>
		</div>
		<?php
	}

	/**
	 * Renders the legacy network connection banner.
	 */
	function network_connect_notice() {
		?>
		<div id="message" class="updated jetpack-message">
			<div class="squeezer">
				<h2>
					<?php
						echo wp_kses(
							__(
								'<strong>Jetpack is activated!</strong> Each site on your network must be connected individually by an admin on that site.',
								'jetpack'
							),
							array( 'strong' => array() )
						);
					?>
				</h2>
			</div>
		</div>
		<?php
	}
}


1		<?php
2
3		use Automattic\Jetpack\Assets;
4		use Automattic\Jetpack\Assets\Logo;
5		use Automattic\Jetpack\Constants;
6
7		class Jetpack_Connection_Banner {
8		/**
9		* @var Jetpack_Connection_Banner
10		**/
11		private static $instance = null;
12
13		static function init() {
14		if ( is_null( self::$instance ) ) {
15		self::$instance = new Jetpack_Connection_Banner();
16		}
17
18		return self::$instance;
19		}
20
21		/**
22		* Jetpack_Connection_Banner constructor.
23		*
24		* Since we call the Jetpack_Connection_Banner:init() method from the `Jetpack` class, and after
25		* the admin_init action fires, we know that the admin is initialized at this point.
26		*/
27		private function __construct() {
28		add_action( 'current_screen', array( $this, 'maybe_initialize_hooks' ) );
29		}
30
31		/**
32		* Given a string for the the banner was added, and an int that represents the slide to
33		* a URL for, this function returns a connection URL with a from parameter that will
34		* support split testing.
35		*
36		* @since 7.2 Event key format is now banner-connect-banner-72-dashboard or connect-banner-72-plugins.
37		* The param $slide_num was removed since we removed all slides but the first one.
38		* @since 4.4.0
39		*
40		* @param string $jp_version_banner_added A short version of when the banner was added. Ex. 44
41		*
42		* @return string
43		*/
44		function build_connect_url_for_slide( $jp_version_banner_added ) {
45		global $current_screen;
46		$url = Jetpack::init()->build_connect_url(
47		true,
48		false,
49		sprintf( 'connect-banner-%s-%s', $jp_version_banner_added, $current_screen->base )
50		);
51		// Add a tracks event corresponding to the A/B version displayed
52		$ab_test = Jetpack_Options::get_option( 'ab_connect_banner_green_bar' );
53		if ( in_array( $ab_test, array( 'a', 'b' ), true ) ) {
54		$url = add_query_arg( 'ab_connect_banner_green_bar', $ab_test, $url );
55		}
56		return add_query_arg( 'auth_approved', 'true', $url );
57		}
58
59		/**
60		* Will initialize hooks to display the new (as of 4.4) connection banner if the current user can
61		* connect Jetpack, if Jetpack has not been deactivated, and if the current page is the plugins page.
62		*
63		* This method should not be called if the site is connected to WordPress.com or if the site is in development mode.
64		*
65		* @since 4.4.0
66		* @since 4.5.0 Made the new (as of 4.4) connection banner display to everyone by default.
67		* @since 5.3.0 Running another split test between 4.4 banner and a new one in 5.3.
68		* @since 7.2 B test was removed.
69		*
70		* @param $current_screen
71		*/
72		function maybe_initialize_hooks( $current_screen ) {
73
74		// Kill if banner has been dismissed
75		if ( Jetpack_Options::get_option( 'dismissed_connection_banner' ) ) {
76		return;
77		}
78
79		// Don't show the connect notice anywhere but the plugins.php after activating
80		if ( 'plugins' !== $current_screen->base && 'dashboard' !== $current_screen->base ) {
81		return;
82		}
83
84		if ( ! current_user_can( 'jetpack_connect' ) ) {
85		return;
86		}
87
88		add_action( 'admin_notices', array( $this, 'render_banner' ) );
89		add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_banner_scripts' ) );
90		add_action( 'admin_print_styles', array( Jetpack::init(), 'admin_banner_styles' ) );
91
92		if ( Jetpack::state( 'network_nag' ) ) {
93		add_action( 'network_admin_notices', array( $this, 'network_connect_notice' ) );
94		}
95
96		// Only fires immediately after plugin activation
97		if ( get_transient( 'activated_jetpack' ) ) {
98		add_action( 'admin_notices', array( $this, 'render_connect_prompt_full_screen' ) );
99		delete_transient( 'activated_jetpack' );
100		}
101		}
102
103		/**
104		* Enqueues JavaScript for new connection banner.
105		*
106		* @since 4.4.0
107		*/
108	View Code Duplication	public static function enqueue_banner_scripts() {
109		wp_enqueue_script(
110		'jetpack-connection-banner-js',
111		Assets::get_file_url_for_environment(
112		'_inc/build/jetpack-connection-banner.min.js',
113		'_inc/jetpack-connection-banner.js'
114		),
115		array( 'jquery' ),
116		JETPACK__VERSION,
117		true
118		);
119
120		wp_localize_script(
121		'jetpack-connection-banner-js',
122		'jp_banner',
123		array(
124		'ajax_url' => admin_url( 'admin-ajax.php' ),
125		'connectionBannerNonce' => wp_create_nonce( 'jp-connection-banner-nonce' ),
126		)
127		);
128		}
129
130		/**
131		* Enqueues JavaScript and CSS for new connect-in-place flow.
132		*
133		* @since 7.7
134		*/
135		public static function enqueue_connect_button_scripts() {
136		global $is_safari;
137
138		wp_enqueue_script(
139		'jetpack-connect-button',
140		Assets::get_file_url_for_environment(
141		'_inc/build/connect-button.min.js',
142		'_inc/connect-button.js'
143		),
144		array( 'jquery' ),
145		JETPACK__VERSION,
146		true
147		);
148
149		wp_enqueue_style(
150		'jetpack-connect-button',
151		Assets::get_file_url_for_environment(
152		'css/jetpack-connect.min.css',
153		'css/jetpack-connect.css'
154		)
155		);
156
157		$jetpackApiUrl = wp_parse_url( Jetpack::connection()->api_url( '' ) );
158
159		// Due to the limitation in how 3rd party cookies are handled in Safari,
160		// we're falling back to the original flow on Safari desktop and mobile.
161		if ( $is_safari ) {
162		$force_variation = 'original';
163		} elseif ( Constants::is_true( 'JETPACK_SHOULD_USE_CONNECTION_IFRAME' ) ) {
164		$force_variation = 'in_place';
165		} elseif ( Constants::is_defined( 'JETPACK_SHOULD_USE_CONNECTION_IFRAME' ) ) {
166		$force_variation = 'original';
167		} else {
168		$force_variation = null;
169		}
170
171		$tracking = new Automattic\Jetpack\Tracking();
172		$identity = $tracking->tracks_get_identity( get_current_user_id() );
173
174		wp_localize_script(
175		'jetpack-connect-button',
176		'jpConnect',
177		array(
178		'apiBaseUrl' => esc_url_raw( rest_url( 'jetpack/v4' ) ),
179		'registrationNonce' => wp_create_nonce( 'jetpack-registration-nonce' ),
180		'apiNonce' => wp_create_nonce( 'wp_rest' ),
181		'apiSiteDataNonce' => wp_create_nonce( 'wp_rest' ),
182		'buttonTextRegistering' => __( 'Loading...', 'jetpack' ),
183		'jetpackApiDomain' => $jetpackApiUrl['scheme'] . '://' . $jetpackApiUrl['host'],
184		'forceVariation' => $force_variation,
185		'connectInPlaceUrl' => Jetpack::admin_url( 'page=jetpack#/setup' ),
186		'dashboardUrl' => Jetpack::admin_url( 'page=jetpack#/dashboard' ),
187		'plansPromptUrl' => Jetpack::admin_url( 'page=jetpack#/plans-prompt' ),
188		'identity' => $identity,
189		)
190		);
191		}
192
193		/**
194		* Performs an A/B test showing or hiding the green bar at the top of the connection dialog displayed in Dashboard or Plugins.
195		* We save which version we're showing so we always show the same to the same user.
196		* The "A" version displays the green bar at the top.
197		* The "B" version doesn't display it.
198		*
199		* @return void
200		*/
201		function get_ab_banner_top_bar() {
202		$ab_test = Jetpack_Options::get_option( 'ab_connect_banner_green_bar' );
203		// If it doesn't exist yet, generate it for later use and save it, so we always show the same to this user
204		if ( ! $ab_test ) {
205		$ab_test = 1 === rand( 1, 2 ) ? 'a' : 'b';
206		Jetpack_Options::update_option( 'ab_connect_banner_green_bar', $ab_test );
207		}
208		if ( 'a' === $ab_test ) {
209		?>
210		<div class="jp-wpcom-connect__container-top-text">
211		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="0" fill="none" width="24" height="24"/><g><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 15h-2v-2h2v2zm0-4h-2l-.5-6h3l-.5 6z"/></g></svg>
212		<span>
213		<?php esc_html_e( 'You’re almost done. Set up Jetpack to enable powerful security and performance tools for WordPress.', 'jetpack' ); ?>
214		</span>
215		</div>
216		<?php
217		}
218		}
219
220		/**
221		* Renders the new connection banner as of 4.4.0.
222		*
223		* @since 7.2 Copy and visual elements reduced to show the new focus of Jetpack on Security and Performance.
224		* @since 4.4.0
225		*/
226		function render_banner() {
227		?>
228		<div id="message" class="updated jp-wpcom-connect__container">
229		<?php $this->get_ab_banner_top_bar(); ?>
230		<div class="jp-wpcom-connect__inner-container">
231		<span
232		class="notice-dismiss connection-banner-dismiss"
233		title="<?php esc_attr_e( 'Dismiss this notice', 'jetpack' ); ?>">
234		</span>
235
236		<div class="jp-wpcom-connect__content-container">
237
238		<!-- slide 1: intro -->
239		<div class="jp-wpcom-connect__slide jp-wpcom-connect__slide-one jp__slide-is-active">
240
241		<div class="jp-wpcom-connect__content-icon jp-connect-illo">
242		<?php
243		$logo = new Logo();
244		echo $logo->render();
245		?>
246		<img
247		src="<?php echo plugins_url( 'images/jetpack-powering-up.svg', JETPACK__PLUGIN_FILE ); ?>"
248		class="jp-wpcom-connect__hide-phone-and-smaller"
249		alt="
250		<?php
251		esc_attr_e(
252		'Jetpack premium services offer even more powerful performance, security, ' .
253		'and revenue tools to help you keep your site safe, fast, and help generate income.',
254		'jetpack'
255		);
256		?>
257		"
258		height="auto"
259		width="225"
260		/>
261		</div>
262
263		<div class="jp-wpcom-connect__slide-text">
264		<h2><?php esc_html_e( 'Simplify your site security and performance with Jetpack', 'jetpack' ); ?></h2>
265
266		<p>
267		<?php
268		esc_html_e(
269		'Jetpack protects you against brute force attacks and unauthorized logins. Basic protection ' .
270		'is always free, while premium plans add unlimited backups of your whole site, spam protection, ' .
271		'malware scanning, and automated fixes.',
272		'jetpack'
273		);
274		?>
275		</p>
276
277		<p>
278		<?php
279		esc_html_e(
280		'Activate site accelerator tools and watch your page load times decrease—we’ll ' .
281		'optimize your images and serve them from our own powerful global network of servers, ' .
282		'and speed up your mobile site to reduce bandwidth usage.',
283		'jetpack'
284		);
285		?>
286		</p>
287
288		<div class="jp-banner__button-container">
289		<span class="jp-banner__tos-blurb"><?php jetpack_render_tos_blurb(); ?></span>
290		<a
291		href="<?php echo esc_url( $this->build_connect_url_for_slide( '72' ) ); ?>"
292		class="dops-button is-primary jp-banner__alt-connect-button">
293		<?php esc_html_e( 'Set up Jetpack', 'jetpack' ); ?>
294		</a>
295		</div>
296
297		</div>
298		</div> <!-- end slide 1 -->
299		</div>
300		</div>
301		</div>
302		<?php
303		}
304
305		/**
306		* Renders the full-screen connection prompt. Only shown once and on plugin activation.
307		*/
308		public static function render_connect_prompt_full_screen() {
309		$current_screen = get_current_screen();
310		if ( 'plugins' === $current_screen->base ) {
311		$bottom_connect_url_from = 'full-screen-prompt';
312		} else {
313		$bottom_connect_url_from = 'landing-page-bottom';
314		}
315		?>
316		<div class="jp-connect-full__container"><div class="jp-connect-full__container-card">
317
318		<?php if ( 'plugins' === $current_screen->base ) : ?>
319		<?php
320		$logo = new Logo();
321		echo $logo->render();
322		?>
323
324		<div class="jp-connect-full__dismiss">
325		<svg class="jp-connect-full__svg-dismiss" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Dismiss Jetpack Connection Window</title><rect x="0" fill="none" /><g><path d="M17.705 7.705l-1.41-1.41L12 10.59 7.705 6.295l-1.41 1.41L10.59 12l-4.295 4.295 1.41 1.41L12 13.41l4.295 4.295 1.41-1.41L13.41 12l4.295-4.295z"/></g></svg>
326		</div>
327		<?php endif; ?>
328
329		<div class="jp-connect-full__step-header">
330		<h2 class="jp-connect-full__step-header-title"><?php esc_html_e( 'Activate essential WordPress security and performance tools by setting up Jetpack', 'jetpack' ); ?></h2>
331		</div>
332
333		<p class="jp-connect-full__tos-blurb">
334		<?php jetpack_render_tos_blurb(); ?>
335		</p>
336
337		<p class="jp-connect-full__button-container">
338		<a href="<?php echo esc_url( Jetpack::init()->build_connect_url( true, false, $bottom_connect_url_from ) ); ?>"
339		class="dops-button is-primary jp-connect-button">
340		<?php esc_html_e( 'Set up Jetpack', 'jetpack' ); ?>
341		</a>
342		</p>
343
344		<div class="jp-connect-full__row" id="jetpack-connection-cards">
345		<div class="jp-connect-full__slide">
346		<div class="jp-connect-full__slide-card illustration">
347		<img
348		src="<?php echo plugins_url( 'images/security.svg', JETPACK__PLUGIN_FILE ); ?>"
349		alt="<?php esc_attr_e( 'Security & Backups', 'jetpack' ); ?>"
350		/>
351		</div>
352		<div class="jp-connect-full__slide-card">
353		<p>
354		<?php
355		esc_html_e(
356		'Jetpack protects you against brute force attacks and unauthorized logins. ' .
357		'Basic protection is always free, while premium plans add unlimited backups of your whole site, ' .
358		'spam protection, malware scanning, and automated fixes.',
359		'jetpack'
360		);
361		?>
362		</p>
363		</div>
364		</div>
365		<div class="jp-connect-full__slide">
366		<div class="jp-connect-full__slide-card illustration">
367		<img
368		src="<?php echo plugins_url( 'images/jetpack-speed.svg', JETPACK__PLUGIN_FILE ); ?>"
369		alt="<?php esc_attr_e( 'Built-in Performance', 'jetpack' ); ?>"
370		/>
371		</div>
372		<div class="jp-connect-full__slide-card">
373		<p>
374		<?php
375		esc_html_e(
376		'Activate site accelerator tools and watch your page load times decrease—' .
377		"we'll optimize your images and serve them from our own powerful global network of servers, " .
378		'and speed up your mobile site to reduce bandwidth usage.',
379		'jetpack'
380		);
381		?>
382		</p>
383		</div>
384		</div>
385		</div>
386
387		<?php if ( 'plugins' === $current_screen->base ) : ?>
388		<p class="jp-connect-full__dismiss-paragraph">
389		<a>
390		<?php
391		echo esc_html_x(
392		'Not now, thank you.',
393		'a link that closes the modal window that offers to connect Jetpack',
394		'jetpack'
395		);
396		?>
397		</a>
398		</p>
399		<?php endif; ?>
400		</div>
401		</div>
402		<?php
403		}
404
405		/**
406		* Renders the legacy network connection banner.
407		*/
408		function network_connect_notice() {
409		?>
410		<div id="message" class="updated jetpack-message">
411		<div class="squeezer">
412		<h2>
413		<?php
414		echo wp_kses(
415		__(
416		'<strong>Jetpack is activated!</strong> Each site on your network must be connected individually by an admin on that site.',
417		'jetpack'
418		),
419		array( 'strong' => array() )
420		);
421		?>
422		</h2>
423		</div>
424		</div>
425		<?php
426		}
427		}
428

Automattic / jetpack

Push — renovate/debug-4.x ( f92d53...830252 )

enqueue_connect_button_scripts() B

Complexity

Size

Duplication

Importance

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like