← All changes | _inc/lib/admin-pages/class.jetpack-settings-page.php +97 -48 13.0.2 → 16.3-a.5 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,39 +114,62 @@
78	114	}
79	115	echo $noscript_notice; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
80	116	?>
81	117
	118	+ <!-- Core relocates other plugins' notices to just after this marker. -->
	119	+ <div class="wrap"><div class="wp-header-end"></div></div>
82	120	<div class="jetpack-module-list">
	121	+ <?php if ( $is_offline_mode ) : ?>
	122	+ <div class="wrap">
	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>
	129	+ </div>
	130	+ </div>
	131	+ <?php endif; ?>
83	132	<div class="wrap">
84		- <div class="manage-left jp-static-block">
85		- <table class="table table-bordered fixed-top jetpack-modules">
86		- <thead>
87		- <tr>
88		- <th class="check-column"><input type="checkbox" class="checkall"></th>
89		- <th colspan="2">
90		- <?php $list_table->unprotected_display_tablenav( 'top' ); ?>
91		- <span class="filter-search">
92		- <button type="button" class="button">Filter</button>
93		- </span>
94		- </th>
95		- </tr>
96		- </thead>
97		- </table>
98		- <form class="jetpack-modules-list-table-form" onsubmit="return false;">
99		- <table class="<?php echo esc_attr( implode( ' ', $list_table->get_table_classes() ) ); ?>">
100		- <tbody id="the-list">
101		- <?php $list_table->display_rows_or_placeholder(); ?>
102		- </tbody>
103		- </table>
104		- </form>
	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>
	144	+ </div>
	145	+ <form class="jetpack-modules-list-table-form" onsubmit="return false;">
	146	+ <table class="<?php echo esc_attr( implode( ' ', $list_table->get_table_classes() ) ); ?> jetpack-modules">
	147	+ <tbody id="the-list">
	148	+ <?php $list_table->display_rows_or_placeholder(); ?>
	149	+ </tbody>
	150	+ </table>
	151	+ </form>
	152	+ </div>
105	153	</div>
106	154	<div class="manage-right">
107	155	<div class="bumper">
108	156	<form class="navbar-form" role="search">
109	157	<input type="hidden" name="page" value="jetpack_modules" />
110		- <?php $list_table->search_box( __( 'Search', 'jetpack' ), 'srch-term' ); ?>
111		- <p><?php esc_html_e( 'View', 'jetpack' ); ?></p>
112		- <span class="dops-button-group button-group filter-active">
	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">
113	172	<button type="button" class="dops-button is-compact button
114	173	<?php // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- This is view logic.
115	174	if ( empty( $_GET['activated'] ) ) {
116	175	echo 'active';
		@@ -132,39 +191,29 @@
132	191	}
133	192	?>
134	193	" data-filter-by="activated" data-filter-value="false"><?php esc_html_e( 'Inactive', 'jetpack' ); ?></button>
135	194	</span>
136		- <p><?php esc_html_e( 'Sort by', 'jetpack' ); ?></p>
137		- <span class="dops-button-group button-group sort">
138		- <button type="button" class="dops-button button
139		- <?php // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- This is view logic.
140		- if ( empty( $_GET['sort_by'] ) ) {
141		- echo 'active';
	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	+ );
142	206	}
143	207	?>
144		- " data-sort-by="name"><?php esc_html_e( 'Alphabetical', 'jetpack' ); ?></button>
145		- <button type="button" class="dops-button button
146		- <?php // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- This is view logic.
147		- if ( ! empty( $_GET['sort_by'] ) && 'introduced' === $_GET['sort_by'] ) {
148		- echo 'active';
149		- }
150		- ?>
151		- " data-sort-by="introduced" data-sort-order="reverse"><?php esc_html_e( 'Newest', 'jetpack' ); ?></button>
152		- <button type="button" class="dops-button button
153		- <?php // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- This is view logic.
154		- if ( ! empty( $_GET['sort_by'] ) && 'sort' === $_GET['sort_by'] ) {
155		- echo 'active';
156		- }
157		- ?>
158		- " data-sort-by="sort"><?php esc_html_e( 'Popular', 'jetpack' ); ?></button>
159		- </span>
160		- <p><?php esc_html_e( 'Show', 'jetpack' ); ?></p>
	208	+ </ul>
	209	+ <p><?php esc_html_e( 'Tags', 'jetpack' ); ?></p>
161	210	<?php $list_table->views(); ?>
162	211	</form>
163	212	</div>
164	213	</div>
165	214	</div>
166		- </div><!-- /.content -->
	215	+ </div><!-- /.jetpack-module-list -->
167	216	<?php
168	217
169	218	$tracking = new Tracking();
170	219	$tracking->record_user_event( 'wpa_page_view', array( 'path' => 'old_settings' ) );