Changeset 3852 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/user-content-preview.php

Timestamp:

08/24/2016 08:22:35 PM (7 years ago)

Author:

coffee2code

Message:

developer.wordpress.org: Implement a tabbed interface for writing and previewing user contributed notes.

Also wraps form header in 'h3' tag so it appears in table of contents.

Props keesiemeijer.
See #1905.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/user-content-preview.php (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/user-content-preview.php

@@ -36 +36 @@
     public static function scripts_and_styles() {
         if ( is_singular() ) {
-            wp_enqueue_script( 'wporg-developer-preview', get_template_directory_uri() . '/js/user-notes-preview.js', array( 'jquery', 'quicktags', 'wporg-developer-function-reference' ), '20160809', true );
+            wp_enqueue_script( 'wporg-developer-tabs', get_template_directory_uri() . '/js/tabs.js', array( 'jquery' ), '20160809', true );
+            wp_enqueue_script( 'wporg-developer-preview', get_template_directory_uri() . '/js/user-notes-preview.js', array( 'jquery', 'wporg-developer-function-reference', 'wporg-developer-tabs'  ), '20160809', true );
             wp_localize_script( 'wporg-developer-preview', 'wporg_note_preview', array(
-                'ajaxurl' => admin_url( 'admin-ajax.php' ),
-                'nonce'   => wp_create_nonce( 'preview_nonce' ),
-                'preview' => __( 'preview note', 'wporg' ),
+                'ajaxurl'       => admin_url( 'admin-ajax.php' ),
+                'nonce'         => wp_create_nonce( 'preview_nonce' ),
+                'preview'       => __( 'preview note', 'wporg' ),
+                'preview_empty' => __( 'Nothing to preview', 'wporg' ),
+                'is_admin'      => is_admin(),
             ) );
         }
@@ -55 +58 @@
         }
 
-        $comment = apply_filters('pre_comment_content', $_POST['preview_comment'] );
+        $comment = apply_filters( 'pre_comment_content', $_POST['preview_comment'] );
         $comment = wp_unslash( $comment );
         $comment = apply_filters( 'get_comment_text', $comment );
-        $comment = apply_filters( 'comment_text', $comment );       
+        $comment = apply_filters( 'comment_text', $comment );
 
         wp_send_json_success( array( 'comment' => $comment ) );
     }
+
+    /**
+     * Captures the comment-preview markup displayed (and populated) below the Add Note form.
+     *
+     * @access public
+     * @static
+     *
+     * @return string Comment preview HTML markup.
+     */
+    public static function comment_preview() {
+        if ( ! class_exists( 'DevHub_Note_Preview' ) ) {
+            return '';
+        }
+
+        ob_start();
+?>
+        <div id='comment-preview' class='tab-section comment byuser depth-1 comment-preview' aria-hidden="true">
+            <article class='preview-body comment-body'>
+                <div class='preview-content comment-content'></div>
+            </article>
+        </div>
+        <?php
+
+        return ob_get_clean();
+    }
 }
 
-
 DevHub_Note_Preview::init();
-