Changeset 3852 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/user-content.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.php (modified) (3 diffs)

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

@@ -90 +90 @@
             }
 
-            wp_enqueue_script( 'wporg-developer-user-notes', get_template_directory_uri() . '/js/user-notes.js', array( 'quicktags', 'wporg-developer-preview' ), '20160809', true );
+            wp_enqueue_script( 'wporg-developer-user-notes', get_template_directory_uri() . '/js/user-notes.js', array( 'quicktags' ), '20160809', true );
             if ( get_option( 'thread_comments' ) ) {
                 wp_enqueue_script( 'comment-reply' );
@@ -127 +127 @@
     public static function wp_editor_comments() {
         ob_start();
-        echo '<p class="comment-form-comment"><label for="comment">' . _x( 'Add Note or Feedback', 'noun', 'wporg' ) . '</label>';
+        echo '<h3><label for="comment">' . _x( 'Add Note or Feedback', 'noun', 'wporg' ) . '</label></h3>';
+
+        if ( class_exists( 'DevHub_Note_Preview' ) ) {
+            echo '<ul class="tablist" style="display:none;">';
+            echo '<li><a href="#comment-form-comment">' . __( 'Write', 'wporg' ) . '</a></li>';
+            echo '<li><a href="#comment-preview">' . __( 'Preview', 'wporg' ) . '</a></li></ul>';
+        }
+
+        $style = '<style type="text/css">';
+        ob_start();
+        include get_stylesheet_directory() . '/stylesheets/editor-style.css';
+        $style .= ob_get_clean();
+        $style .=' </style>';
+
+        echo '<div class="comment-form-comment tab-section" id="comment-form-comment">';
         wp_editor( '', 'comment', array(
             'media_buttons' => false,
+            'editor_css'    => $style,
             'textarea_name' => 'comment',
             'textarea_rows' => 8,
@@ -138 +153 @@
             'tinymce'       => false,
         ) );
-        echo '</p>';
+        echo '</div>';
         return ob_get_clean();
     }