← All changes | _inc/lib/admin-pages/class.jetpack-settings-page.php +127 -86 12.0.3 → 16.3-a.7 View file →

		@@ -1,9 +1,16 @@
1	1	<?php // phpcs:ignore WordPress.Files.FileName.InvalidClassFileName
2	2
	3	+use Automattic\Jetpack\Admin_UI\Admin_Menu;
3	4	use Automattic\Jetpack\Assets;
	5	+use Automattic\Jetpack\Redirect;
	6	+use Automattic\Jetpack\Status;
4	7	use Automattic\Jetpack\Tracking;
5	8
	9	+if ( ! defined( 'ABSPATH' ) ) {
	10	+ exit( 0 );
	11	+}
	12	+
6	13	require_once __DIR__ . '/class.jetpack-admin-page.php';
7	14	require_once JETPACK__PLUGIN_DIR . 'class.jetpack-modules-list-table.php';
8	15
9	16	/**
		@@ -29,8 +36,28 @@
29	36	/**
30	37	* Adds the Settings sub menu.
31	38	*/
32	39	public function get_page_hook() {
	40	+ /*
	41	+ * In Offline Mode My Jetpack does not initialize, so nothing holds the top slot and
	42	+ * WordPress points the top-level "Jetpack" link at whichever item sorts first. Pin
	43	+ * Modules above the alphabetical run so that link lands here rather than on whatever
	44	+ * feature page happens to sort first. Only reachable offline, where My Jetpack's -10
	45	+ * is never registered.
	46	+ */
	47	+ if ( ( new Status() )->is_offline_mode() ) {
	48	+ $position = defined( Admin_Menu::class . '::POSITION_FIRST_FALLBACK' ) ? Admin_Menu::POSITION_FIRST_FALLBACK : -5;
	49	+
	50	+ return Admin_Menu::add_menu(
	51	+ __( 'Jetpack Settings', 'jetpack' ),
	52	+ __( 'Modules', 'jetpack' ),
	53	+ 'jetpack_manage_modules',
	54	+ 'jetpack_modules',
	55	+ array( $this, 'render' ),
	56	+ $position
	57	+ );
	58	+ }
	59	+
33	60	return add_submenu_page(
34	61	'',
35	62	__( 'Jetpack Settings', 'jetpack' ),
36	63	__( 'Settings', 'jetpack' ),
		@@ -46,8 +73,17 @@
46	73	*/
47	74	public function page_render() {
48	75	$list_table = new Jetpack_Modules_List_Table();
49	76
	77	+ // Currently selected product group filter (used to highlight the active View button).
	78	+ // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- This is view logic.
	79	+ $current_group = isset( $_GET['product_group'] ) ? sanitize_text_field( wp_unslash( $_GET['product_group'] ) ) : '';
	80	+
	81	+ $is_offline_mode = ( new Status() )->is_offline_mode();
	82	+ // Currently selected offline-availability filter (only meaningful in Offline Mode).
	83	+ // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- This is view logic.
	84	+ $current_availability = isset( $_GET['offline_available'] ) ? sanitize_text_field( wp_unslash( $_GET['offline_available'] ) ) : '';
	85	+
50	86	// We have static.html so let's continue trying to fetch the others.
51	87	$noscript_notice = @file_get_contents( JETPACK__PLUGIN_DIR . '_inc/build/static-noscript-notice.html' ); //phpcs:ignore WordPress.PHP.NoSilencedErrors.Discouraged, WordPress.WP.AlternativeFunctions.file_get_contents_file_get_contents, Not fetching a remote file.
52	88	$rest_api_notice = @file_get_contents( JETPACK__PLUGIN_DIR . '_inc/build/static-version-notice.html' ); //phpcs:ignore WordPress.PHP.NoSilencedErrors.Discouraged, WordPress.WP.AlternativeFunctions.file_get_contents_file_get_contents, Not fetching a remote file.
53	89
		@@ -78,101 +114,106 @@
78	114	}
79	115	echo $noscript_notice; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
80	116	?>
81	117
82		- <div class="page-content configure">
83		- <div class="frame top hide-if-no-js">
	118	+ <!-- Core relocates other plugins' notices to just after this marker. -->
	119	+ <div class="wrap"><div class="wp-header-end"></div></div>
	120	+ <div class="jetpack-module-list">
	121	+ <?php if ( $is_offline_mode ) : ?>
84	122	<div class="wrap">
85		- <div class="manage-left">
86		- <table class="table table-bordered fixed-top">
87		- <thead>
88		- <tr>
89		- <th class="check-column"><input type="checkbox" class="checkall"></th>
90		- <th colspan="2">
91		- <?php $list_table->unprotected_display_tablenav( 'top' ); ?>
92		- <span class="filter-search">
93		- <button type="button" class="button">Filter</button>
94		- </span>
95		- </th>
96		- </tr>
97		- </thead>
98		- </table>
	123	+ <div class="jetpack-offline-notice">
	124	+ <p class="jetpack-offline-notice__title"><?php esc_html_e( "You're working in Offline Mode", 'jetpack' ); ?></p>
	125	+ <p class="jetpack-offline-notice__text">
	126	+ <?php esc_html_e( 'Jetpack is running in Offline Mode, so features that need a connection to WordPress.com are paused for now — this is completely normal for local and development sites. Go ahead and activate or configure any of the modules below that work offline.', 'jetpack' ); ?>
	127	+ <a href="<?php echo esc_url( Redirect::get_url( 'jetpack-support-development-mode' ) ); ?>" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Learn more about Offline Mode.', 'jetpack' ); ?></a>
	128	+ </p>
99	129	</div>
100		- </div><!-- /.wrap -->
101		- </div><!-- /.frame -->
102		- <div class="frame bottom">
103		- <div class="wrap">
104		- <div class="manage-right" style="display: none;">
105		- <div class="bumper">
106		- <form class="navbar-form" role="search">
107		- <input type="hidden" name="page" value="jetpack_modules" />
108		- <?php $list_table->search_box( __( 'Search', 'jetpack' ), 'srch-term' ); ?>
109		- <p><?php esc_html_e( 'View:', 'jetpack' ); ?></p>
110		- <div class="button-group filter-active">
111		- <button type="button" class="button
112		- <?php // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- This is view logic.
113		- if ( empty( $_GET['activated'] ) ) {
114		- echo 'active';
115		- }
116		- ?>
117		- ">
118		- <?php esc_html_e( 'All', 'jetpack' ); ?></button>
119		- <button type="button" class="button
120		- <?php // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- This is view logic.
121		- if ( ! empty( $_GET['activated'] ) && 'true' === $_GET['activated'] ) {
122		- echo 'active';
123		- }
124		- ?>
125		- " data-filter-by="activated" data-filter-value="true"><?php esc_html_e( 'Active', 'jetpack' ); ?></button>
126		- <button type="button" class="button
127		- <?php // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- This is view logic.
128		- if ( ! empty( $_GET['activated'] ) && 'false' === $_GET['activated'] ) {
129		- echo 'active';
130		- }
131		- ?>
132		- " data-filter-by="activated" data-filter-value="false"><?php esc_html_e( 'Inactive', 'jetpack' ); ?></button>
133		- </div>
134		- <p><?php esc_html_e( 'Sort by:', 'jetpack' ); ?></p>
135		- <div class="button-group sort">
136		- <button type="button" class="button
137		- <?php // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- This is view logic.
138		- if ( empty( $_GET['sort_by'] ) ) {
139		- echo 'active';
140		- }
141		- ?>
142		- " data-sort-by="name"><?php esc_html_e( 'Alphabetical', 'jetpack' ); ?></button>
143		- <button type="button" class="button
144		- <?php // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- This is view logic.
145		- if ( ! empty( $_GET['sort_by'] ) && 'introduced' === $_GET['sort_by'] ) {
146		- echo 'active';
147		- }
148		- ?>
149		- " data-sort-by="introduced" data-sort-order="reverse"><?php esc_html_e( 'Newest', 'jetpack' ); ?></button>
150		- <button type="button" class="button
151		- <?php // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- This is view logic.
152		- if ( ! empty( $_GET['sort_by'] ) && 'sort' === $_GET['sort_by'] ) {
153		- echo 'active';
154		- }
155		- ?>
156		- " data-sort-by="sort"><?php esc_html_e( 'Popular', 'jetpack' ); ?></button>
157		- </div>
158		- <p><?php esc_html_e( 'Show:', 'jetpack' ); ?></p>
159		- <?php $list_table->views(); ?>
160		- </form>
	130	+ </div>
	131	+ <?php endif; ?>
	132	+ <div class="wrap">
	133	+ <div class="manage-left">
	134	+ <div class="jetpack-modules-card">
	135	+ <div class="jetpack-modules-card__bulk">
	136	+ <label class="jetpack-modules-card__checkall">
	137	+ <input type="checkbox" class="checkall" />
	138	+ <span><?php esc_html_e( 'Select all', 'jetpack' ); ?></span>
	139	+ </label>
	140	+ <?php $list_table->unprotected_display_tablenav( 'top' ); ?>
	141	+ <span class="filter-search">
	142	+ <button type="button" class="button"><?php esc_html_e( 'Filter', 'jetpack' ); ?></button>
	143	+ </span>
161	144	</div>
162		- </div>
163		- <div class="manage-left" style="width: 100%;">
164	145	<form class="jetpack-modules-list-table-form" onsubmit="return false;">
165		- <table class="<?php echo esc_attr( implode( ' ', $list_table->get_table_classes() ) ); ?>">
166		- <tbody id="the-list">
	146	+ <table class="<?php echo esc_attr( implode( ' ', $list_table->get_table_classes() ) ); ?> jetpack-modules">
	147	+ <tbody id="the-list">
167	148	<?php $list_table->display_rows_or_placeholder(); ?>
168		- </tbody>
169		- </table>
	149	+ </tbody>
	150	+ </table>
170	151	</form>
171	152	</div>
172		- </div><!-- /.wrap -->
173		- </div><!-- /.frame -->
174		- </div><!-- /.content -->
	153	+ </div>
	154	+ <div class="manage-right">
	155	+ <div class="bumper">
	156	+ <form class="navbar-form" role="search">
	157	+ <input type="hidden" name="page" value="jetpack_modules" />
	158	+ <?php $list_table->search_box( __( 'Search modules…', 'jetpack' ), 'srch-term' ); ?>
	159	+ <?php if ( $is_offline_mode ) : ?>
	160	+ <p><?php esc_html_e( 'Available in offline mode', 'jetpack' ); ?></p>
	161	+ <span class="dops-button-group button-group availability-filter">
	162	+ <button type="button" class="dops-button is-compact button
	163	+ <?php echo 'all' === $current_availability ? 'active' : ''; ?>
	164	+ " data-availability="all"><?php esc_html_e( 'All', 'jetpack' ); ?></button>
	165	+ <button type="button" class="dops-button button
	166	+ <?php echo 'all' === $current_availability ? '' : 'active'; ?>
	167	+ " data-availability="hide-unavailable"><?php esc_html_e( 'Hide unavailable', 'jetpack' ); ?></button>
	168	+ </span>
	169	+ <?php endif; ?>
	170	+ <p><?php esc_html_e( 'State', 'jetpack' ); ?></p>
	171	+ <span class="dops-button-group button-group module-filter filter-state">
	172	+ <button type="button" class="dops-button is-compact button
	173	+ <?php // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- This is view logic.
	174	+ if ( empty( $_GET['activated'] ) ) {
	175	+ echo 'active';
	176	+ }
	177	+ ?>
	178	+ ">
	179	+ <?php esc_html_e( 'All', 'jetpack' ); ?></button>
	180	+ <button type="button" class="dops-button button
	181	+ <?php // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- This is view logic.
	182	+ if ( ! empty( $_GET['activated'] ) && 'true' === $_GET['activated'] ) {
	183	+ echo 'active';
	184	+ }
	185	+ ?>
	186	+ " data-filter-by="activated" data-filter-value="true"><?php esc_html_e( 'Active', 'jetpack' ); ?></button>
	187	+ <button type="button" class="dops-button button
	188	+ <?php // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- This is view logic.
	189	+ if ( ! empty( $_GET['activated'] ) && 'false' === $_GET['activated'] ) {
	190	+ echo 'active';
	191	+ }
	192	+ ?>
	193	+ " data-filter-by="activated" data-filter-value="false"><?php esc_html_e( 'Inactive', 'jetpack' ); ?></button>
	194	+ </span>
	195	+ <p><?php esc_html_e( 'Purpose', 'jetpack' ); ?></p>
	196	+ <ul class="purpose-filter">
	197	+ <li class="all<?php echo '' === $current_group ? ' current' : ''; ?>"><a href="#" data-group=""><?php esc_html_e( 'All', 'jetpack' ); ?></a> <span class="count"></span></li>
	198	+ <?php
	199	+ foreach ( Jetpack_Modules_List_Table::PRODUCT_GROUP_ORDER as $group_slug ) {
	200	+ printf(
	201	+ '<li class="%1$s%2$s"><a href="#" data-group="%1$s">%3$s</a> <span class="count"></span></li>',
	202	+ esc_attr( $group_slug ),
	203	+ $group_slug === $current_group ? ' current' : '',
	204	+ esc_html( Jetpack_Modules_List_Table::get_product_group_name( $group_slug ) )
	205	+ );
	206	+ }
	207	+ ?>
	208	+ </ul>
	209	+ <p><?php esc_html_e( 'Tags', 'jetpack' ); ?></p>
	210	+ <?php $list_table->views(); ?>
	211	+ </form>
	212	+ </div>
	213	+ </div>
	214	+ </div>
	215	+ </div><!-- /.jetpack-module-list -->
175	216	<?php
176	217
177	218	$tracking = new Tracking();
178	219	$tracking->record_user_event( 'wpa_page_view', array( 'path' => 'old_settings' ) );