is_visible() ) {
return;
}
$modern_view_url = $this->is_jetpack_forms_admin_page_available()
? 'admin.php?page=jetpack-forms-admin'
: add_query_arg( 'dashboard-preferred-view', self::MODERN_VIEW, 'admin.php?page=jetpack-forms' );
?>
is_visible() ) {
return;
}
wp_register_style(
'jetpack-forms-dashboard-switch',
false,
array(),
JETPACK__VERSION
);
wp_enqueue_style( 'jetpack-forms-dashboard-switch' );
wp_add_inline_style(
'jetpack-forms-dashboard-switch',
<< #jetpack-forms__view-link-wrap {
position: absolute;
right: 32px;
top: 0;
z-index: 179;
}
body[class*="_page_jetpack-forms"] #jetpack-forms__view-link {
background-color: #fff;
border: 1px solid #c3c4c7;
border-top: none;
border-radius: 0 0 4px 4px;
color: #646970;
cursor: pointer;
font-size: 13px;
line-height: 1.7;
padding: 3px 6px 3px 16px;
}
body[class*="_page_jetpack-forms"] #jetpack-forms__view-link::after {
right: 0;
content: "\\f140";
font: normal 20px/1 dashicons;
speak: never;
display: inline-flex;
padding: 0 5px 0 0;
bottom: 2px;
position: relative;
vertical-align: bottom;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
}
.screen-options-tab__wrapper {
position:relative
}
.screen-options-tab__dropdown {
background-color: #fff;
border: 1px solid var(--color-neutral-5);
border-radius: 4px;
box-shadow: 0 4px 10px #0000001a;
padding: 3px;
position: absolute;
right: 20px;
top: 37px;
width:215px;
z-index: 9999;
}
@media screen and (max-width: 782px) {
.screen-options-tab__dropdown {
right: 10px;
top: 47px;
}
}
@media screen and (max-width: 600px) {
.screen-options-tab__dropdown {
top: 93px;
}
.toplevel_page_jetpack-forms :not(#screen-meta-links) > #jetpack-forms__view-link-wrap {
top: var(--wp-admin--admin-bar--height);
}
}
.jp-forms__view-switcher:not(:hover) .jp-forms__view-switcher-button:nth-child(2) > strong {
color:var(--wp-admin-theme-color)
}
.jp-forms__view-switcher-button, a.jp-forms__view-switcher-button {
background: transparent;
border: 1px solid #0000;
border-radius: 4px;
color: var(--color-text);
cursor: pointer;
display: inline-block;
font-size: .75rem;
line-height: normal;
text-decoration: none;
padding: 8px;
text-align:left
}
a.jp-forms__view-switcher-button.is-active {
border-color: var(--wp-admin-theme-color);
margin-bottom:4px
}
.jp-forms__view-switcher-button:last-child, a.jp-forms__view-switcher-button:last-child {
margin-bottom:0
}
.jp-forms__view-switcher-button strong, a.jp-forms__view-switcher-button strong {
display: block;
font-size: 13px;
margin-bottom:4px
}
.jp-forms__view-switcher-button:focus > strong, .jp-forms__view-switcher-button:hover > strong, a.jp-forms__view-switcher-button:focus > strong, a.jp-forms__view-switcher-button:hover > strong {
color:var(--wp-admin-theme-color)
}
CSS
);
}
/**
* Add scripts for the switch component.
*/
public function add_scripts() {
if ( ! $this->is_visible() ) {
return;
}
wp_add_inline_script(
'common',
"(function( $ ) {
$( '#jetpack-forms__view-link-wrap' ).appendTo( '#screen-meta-links' );
var viewLink = $( '#jetpack-forms__view-link' );
var viewWrap = $( '#jetpack-forms__view-wrap' );
viewLink.on( 'click', function() {
viewWrap.toggle();
viewLink.toggleClass( 'screen-meta-active' );
} );
$( document ).on( 'mouseup', function( event ) {
if ( ! viewLink.is( event.target ) && ! viewWrap.is( event.target ) && viewWrap.has( event.target ).length === 0 ) {
viewWrap.hide();
viewLink.removeClass( 'screen-meta-active' );
}
});
})( jQuery );"
);
}
/**
* Updates the prefeerred view setting for the user if a GET param is present.
*/
public function handle_preferred_view() {
// For simplicity, we only treat this as a valid operation
// if it occurs on one of our screens.
// phpcs:disable WordPress.Security.NonceVerification
if ( ( ! $this->is_modern_view() && ! $this->is_classic_view() ) || ! isset( $_GET['dashboard-preferred-view'] ) ) {
return;
}
// phpcs:disable WordPress.Security.NonceVerification
$view = sanitize_key( $_GET['dashboard-preferred-view'] );
if ( ! in_array( $view, array( self::CLASSIC_VIEW, self::MODERN_VIEW ), true ) ) {
return;
}
update_user_option( get_current_user_id(), 'jetpack_forms_admin_preferred_view', $view );
if ( ! Jetpack_Forms::is_legacy_menu_item_retired() ) {
wp_safe_redirect( remove_query_arg( 'dashboard-preferred-view' ) );
exit( 0 );
}
}
/**
* Update user seeing the announcement.
*/
public function update_user_seen_announcement() {
// phpcs:disable WordPress.Security.NonceVerification
if ( $this->is_jetpack_forms_admin_page() && isset( $_GET['jetpack_forms_migration_announcement_seen'] ) ) {
update_user_option( get_current_user_id(), 'jetpack_forms_migration_announcement_seen', true );
wp_safe_redirect( remove_query_arg( 'jetpack_forms_migration_announcement_seen', $this->get_forms_admin_url() ) );
exit;
}
}
/**
* Returns the preferred feedback view for the current user.
*
* @return string
*/
public function get_preferred_view() {
$preferred_view = get_user_option( 'jetpack_forms_admin_preferred_view' );
return in_array( $preferred_view, array( self::CLASSIC_VIEW, self::MODERN_VIEW ), true ) ? $preferred_view : self::MODERN_VIEW;
}
/**
* Returns true if the switch should be visible on the current page.
*
* @return boolean
*/
public function is_visible() {
return Jetpack_Forms::is_feedback_dashboard_enabled() && $this->is_classic_view_available() &&
(
$this->is_classic_view() ||
( $this->is_modern_view() && $this->is_jetpack_forms_view_switch_available() )
);
}
/**
* Returns true if the given screen features the classic view.
*
* @return boolean
*/
public function is_classic_view() {
$screen = get_current_screen();
return $screen && $screen->id === 'edit-feedback';
}
/**
* Returns true if the given screen features the modern view.
*
* @return boolean
*/
public function is_modern_view() {
// The menu slug might vary depending on language, but modern view is always a jetpack-forms page.
// See: https://a8c.slack.com/archives/C03TY6J1A/p1747148941583849
$page_hook_suffix = '_page_jetpack-forms';
$screen = get_current_screen();
// When classic view is set as preferred, jetpack-forms is registered under different
// parents so it doesn't appear in the menu.
// Because of this, we need to support these screens.
return $screen && str_ends_with( $screen->id, $page_hook_suffix );
}
/**
* Returns true if the current screen is the Jetpack Forms admin page.
*
* @return boolean
*/
public function is_jetpack_forms_admin_page() {
$screen = get_current_screen();
return $screen && $screen->id === 'jetpack_page_jetpack-forms-admin';
}
/**
* Returns url of forms admin page.
*
* @param string|null $tab Tab to open in the forms admin page.
* @param boolean $force_inbox Whether to force the inbox view URL.
*
* @return string
*/
public function get_forms_admin_url( $tab = null, $force_inbox = false ) {
$is_classic = $this->get_preferred_view() === self::CLASSIC_VIEW;
$switch_is_available = $this->is_jetpack_forms_view_switch_available();
$base_url = $is_classic && $switch_is_available && ! $force_inbox
? get_admin_url() . 'edit.php?post_type=feedback'
: get_admin_url() . ( $this->is_jetpack_forms_admin_page_available() ? 'admin.php?page=jetpack-forms-admin' : 'admin.php?page=jetpack-forms' );
return $this->append_tab_to_url( $base_url, $tab, $is_classic && $switch_is_available && ! $force_inbox );
}
/**
* Appends the appropriate tab parameter to the URL based on the view type.
*
* @param string $url Base URL to append to.
* @param string $tab Tab to open.
* @param boolean $is_classic_view Whether we're using the classic view.
*
* @return string
*/
private function append_tab_to_url( $url, $tab, $is_classic_view ) {
if ( ! $tab ) {
return $url;
}
$status_map = array(
'spam' => 'spam',
'inbox' => 'inbox',
'trash' => 'trash',
);
if ( ! isset( $status_map[ $tab ] ) ) {
return $url;
}
return $is_classic_view
? add_query_arg( 'post_status', $status_map[ $tab ], $url )
: $url . '#/responses?status=' . $status_map[ $tab ];
}
/**
* Returns true if the new Jetpack Forms admin page is available.
*
* @return boolean
*/
public static function is_jetpack_forms_admin_page_available() {
return apply_filters( 'jetpack_forms_use_new_menu_parent', true );
}
/**
* Returns true if the view switch is available.
*
* @return boolean
*/
public static function is_jetpack_forms_view_switch_available() {
return ! apply_filters( 'jetpack_forms_retire_view_switch', true );
}
/**
* Returns true if the new Jetpack Forms admin page is announcing the new menu.
*
* @return boolean
*/
public static function is_jetpack_forms_announcing_new_menu() {
return apply_filters( 'jetpack_forms_announce_new_menu', true );
}
/**
* Returns true if the classic view is available.
*
* @return boolean
*/
public static function is_classic_view_available() {
return ! Jetpack_Forms::is_legacy_menu_item_retired();
}
}