Changeset 50161 for trunk/src/wp-admin/privacy-policy-guide.php

Timestamp:

02/02/2021 08:12:39 PM (4 years ago)

Author:

TimothyBlynJacobs

Message:

Privacy: Redesign the Privacy settings pages.

The Privacy settings pages now use the same design patterns as the Site Health screen. Additionally, each privacy policy guide is now contained in an accordion to make the page easier to navigate when multiple plugins are in use.

Props xkon, hedgefield, garrett-eclipse, hellofromTonya, paaljoachim, joedolson.
Fixes #49264.

File:

• trunk/src/wp-admin/privacy-policy-guide.php (modified) (2 diffs)

trunk/src/wp-admin/privacy-policy-guide.php

@@ -18 +18 @@
 }
 
-$title = __( 'Privacy Policy Guide' );
+add_filter(
+    'admin_body_class',
+    function( $body_class ) {
+        $body_class .= ' privacy-settings ';
+
+        return $body_class;
+    }
+);
 
 wp_enqueue_script( 'privacy-tools' );
@@ -25 +32 @@
 
 ?>
-<div class="wrap">
-    <h1><?php echo esc_html( $title ); ?></h1>
+<div class="privacy-settings-header">
+    <div class="privacy-settings-title-section">
+        <h1>
+            <?php _e( 'Privacy' ); ?>
+        </h1>
+    </div>
 
-    <div class="wp-privacy-policy-guide">
+    <nav class="privacy-settings-tabs-wrapper hide-if-no-js" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
+        <a href="<?php echo esc_url( admin_url( 'options-privacy.php' ) ); ?>" class="privacy-settings-tab">
+            <?php
+            /* translators: Tab heading for Site Health Status page. */
+            _ex( 'Settings', 'Privacy Settings' );
+            ?>
+        </a>
+
+        <a href="<?php echo esc_url( admin_url( 'options-privacy.php?tab=policyguide' ) ); ?>" class="privacy-settings-tab active" aria-current="true">
+            <?php
+            /* translators: Tab heading for Site Health Status page. */
+            _ex( 'Policy Guide', 'Privacy Settings' );
+            ?>
+        </a>
+    </nav>
+</div>
+
+<hr class="wp-header-end">
+
+<div class="notice notice-error hide-if-js">
+    <p><?php _e( 'The Privacy Settings require JavaScript.' ); ?></p>
+</div>
+
+<div class="privacy-settings-body hide-if-no-js">
+    <h2><?php _e( 'Privacy Policy Guide' ); ?></h2>
+    <h3 class="section-title"><?php _e( 'Introduction' ); ?></h3>
+    <p><?php _e( 'This text template will help you to create your web site&#8217;s privacy policy.' ); ?></p>
+    <p><?php _e( 'We have suggested the sections you will need. Under each section heading you will find a short summary of what information you should provide, which will help you to get started. Some sections include suggested policy content, others will have to be completed with information from your theme and plugins.' ); ?></p>
+    <p><?php _e( 'Please edit your privacy policy content, making sure to delete the summaries, and adding any information from your theme and plugins. Once you publish your policy page, remember to add it to your navigation menu.' ); ?></p>
+    <p><?php _e( 'It is your responsibility to write a comprehensive privacy policy, to make sure it reflects all national and international legal requirements on privacy, and to keep your policy current and accurate.' ); ?></p>
+    <div class="privacy-settings-accordion">
+        <h4 class="privacy-settings-accordion-heading">
+            <button aria-expanded="false" class="privacy-settings-accordion-trigger" aria-controls="privacy-settings-accordion-block-privacy-policy-guide" type="button">
+                <span class="title"><?php _e( 'Privacy Policy Guide' ); ?></span>
+                <span class="icon"></span>
+            </button>
+        </h4>
+        <div id="privacy-settings-accordion-block-privacy-policy-guide" class="privacy-settings-accordion-panel" hidden="hidden">
+            <?php
+            $content = WP_Privacy_Policy_Content::get_default_content( true, false );
+            echo $content;
+            ?>
+        </div>
+    </div>
+    <hr class="hr-separator">
+    <h3 class="section-title"><?php _e( 'Policies' ); ?></h3>
+    <div class="privacy-settings-accordion wp-privacy-policy-guide">
         <?php WP_Privacy_Policy_Content::privacy_policy_guide(); ?>
     </div>