WordPress.org

Making WordPress.org

Ticket #1905: 1905.diff

File 1905.diff, 8.0 KB (added by DrewAPicture, 5 years ago)
  • comments.php

     
    6666
    6767                <?php comment_form( array(
    6868                        'comment_field'       => DevHub_User_Submitted_Content::wp_editor_comments(),
    69                         'comment_notes_after' => '<p>' .
    70                                 __( 'Notes should supplement code reference entries, for example examples, tips, explanations, use-cases, and best practices.', 'wporg' ) .
    71                                 '</p><p>' .
    72                                 __( 'Feedback can be to report errors or omissions with the documentation on this page. Such feedback will not be publicly posted.', 'wporg' ) .
    73                                 '</p><p>' .
    74                                 __( 'Do not use this form for support requests, discussions, spam, bug reports, complaints, or self-promotion. Entries of this nature will be deleted.', 'wporg' ) .
    75                                 '</p><p>' .
    76                                 __( 'You can enter text and code. Use the php, js, or inline code buttons to wrap code snippets.', 'wporg' ) .
    77                                 '</p><p>' .
    78                                 __( 'In the editing area the Tab key enters a tab character. To move below this area by pressing Tab, press the Esc key followed by the Tab key. In some cases the Esc key will need to be pressed twice before the Tab key will allow you to continue.', 'wporg' ) .
    79                                 '</p><p class="user-notes-are-gpl">' .
    80                                 sprintf( __( '<strong>NOTE:</strong> All contributions are licensed under <a href="%s">GFDL</a> and are moderated before appearing on the site.', 'wporg' ), 'https://gnu.org/licenses/fdl.html' ) .
    81                                 '</p>',
     69                        'logged_in_as'        =>
     70                                '<p class="logged-in-as">' . sprintf(
     71                                /* translators: 1: edit user link, 2: accessibility text, 3: user name, 4: logout URL */
     72                                        __( '<a href="%1$s" aria-label="%2$s">Logged in as %3$s</a>. <a href="%4$s">Log out?</a>' ),
     73                                        get_edit_user_link(),
     74                                        /* translators: %s: user name */
     75                                        esc_attr( sprintf( __( 'Logged in as %s. Edit your profile.' ), $user_identity ) ),
     76                                        $user_identity,
     77                                        wp_logout_url( apply_filters( 'the_permalink', get_permalink( $post_id ) ) )
     78                                ) . '</p>' .
     79                                '<p><ul>' .
     80                                '<li>' . __( 'Notes should supplement code reference entries, such as with examples, tips, explanations, use-cases, or best practices.', 'wporg' ) . '</li>' .
     81                                '<li>' . __( 'Feedback can be to report errors or omissions with the documentation on this page. Such feedback will not be publicly posted.', 'wporg' ) . '</li>' .
     82                                /* translators: 1: php button, 2: js button, 3: inline code button */
     83                                '<li>' . sprintf( __( 'You can enter text and code. Use the %1$s, %2$s, or %3$s buttons to wrap code snippets.', 'wporg' ),
     84                                        '<span class="text-button">php</span>',
     85                                        '<span class="text-button">js</span>',
     86                                        '<span class="text-button">' . __( 'inline code', 'wporg' ) . '</span>'
     87                                ) . '</li>' .
     88                                '</ul></p>',
     89                        'comment_notes_after' => DevHub_User_Submitted_Content::comment_preview() .
     90                                '<p>' . __( 'Submission Notes:', 'wporg' ) . '<ul>' .
     91                                '<li>' . __( 'Please do not use this form for support requests, discussions, spam, complaints, or self-promotion. Entries of this nature will be deleted.', 'wporg' ) . '</li>' .
     92                                '<li>' . __( 'In the editing area the Tab key enters a tab character. To move below this area by pressing Tab, press the Esc key followed by the Tab key. In some cases the Esc key will need to be pressed twice before the Tab key will allow you to continue.', 'wporg' ) . '</li>' .
     93                                /* translators: 1: GFDL link */
     94                                '<li>' . sprintf( __( 'All contributions are licensed under %s and are moderated before appearing on the site.', 'wporg' ), '<a href="https://gnu.org/licenses/fdl.html">GFDL</a>' ) . '</li>' .
     95                                '</ul></p>',
    8296                        'label_submit'        => __( 'Add Note or Feedback', 'wporg' ),
    8397                        'must_log_in'         => '<p>' . sprintf(
    8498                                __( 'You must <a href="%s">log in</a> before being able to contribute a note or feedback.', 'wporg' ),
     
    87101                        'title_reply'         =>  '', //'Add Example'
    88102                ) ); ?>
    89103
    90                 <!-- Comment Preview -->
    91                 <div id='comment-preview' class='comment byuser depth-1' style='display:none;'>
    92                         <article class='comment-body'>
    93                                 <header class='comment-meta'>
    94                                         <div>
    95                                                 <?php _e( 'Preview', 'wporg' ); ?>
    96                                                 <span class='spinner' style='display:none'></span>
    97                                         </div>
    98                                 </header>
    99                                 <div class='comment-content'></div>
    100                         </article>
    101                 </div>
    102 
    103104        <?php endif; ?>
    104105
    105106        <?php if ( ! \DevHub\is_parsed_post_type() && comments_open() ) : ?>
  • inc/user-content.php

     
    141141                return ob_get_clean();
    142142        }
    143143
     144        /**
     145         * Captures the comment-preview markup displayed (and populated) below the Add Note form.
     146         *
     147         * @access public
     148         * @static
     149         *
     150         * @return string Comment preview HTML markup.
     151         */
     152        public static function comment_preview() {
     153                ob_start();
     154                ?>
     155                <div id='comment-preview' class='comment byuser depth-1 comment-preview' style='display:none;'>
     156                        <article class='comment-body'>
     157                                <header class='comment-meta'>
     158                                        <div>
     159                                                <?php _e( 'Preview', 'wporg' ); ?>
     160                                                <span class='spinner' style='display:none'></span>
     161                                        </div>
     162                                </header>
     163                                <div class='comment-content'></div>
     164                        </article>
     165                </div>
     166                <?php
     167                return ob_get_clean();
     168        }
     169
    144170} // DevHub_User_Submitted_Content
    145171
    146172DevHub_User_Submitted_Content::init();
  • js/user-notes.js

     
    2222                        wporg_developer_note_preview.init( '.comment-form textarea', '#comment-preview' );
    2323                }
    2424
    25                 if ( pos = $( '#submit' ).position() ) {
     25                if ( pos = $( '#comment-preview' ).position() ) {
    2626                        if ( pos.top < $(window).scrollTop() ) {
    2727                                // Scroll up
    2828                                $( 'html,body' ).animate( {scrollTop:pos.top}, 1000 );
     
    2929                        }
    3030                        else if ( pos.top + jQuery("selector").height() > $(window).scrollTop() + (window.innerHeight || document.documentElement.clientHeight) ){
    3131                                // Scroll down
    32                                 $( 'html,body' ).animate( {scrollTop:pos.top - (window.innerHeight || document.documentElement.clientHeight) + $( '#submit' ).height() + 30}, 1000 );
     32                                $( 'html,body' ).animate( {scrollTop:pos.top - (window.innerHeight || document.documentElement.clientHeight) + $( '#comment-preview' ).height() + 30}, 1000 );
    3333                        }
    3434                }
    3535        }
  • scss/main.scss

     
    13221322                #add-user-note {
    13231323                        font-size: 1.6rem;
    13241324                }
     1325
     1326                .text-button {
     1327                        background: #fff none repeat scroll 0 0;
     1328                        border-color: #ccc #ccc #bbb;
     1329                        border-radius: 3px;
     1330                        border-style: solid;
     1331                        border-width: 1px;
     1332                        padding: 0 5px;
     1333                }
     1334
     1335                .comment-form ul {
     1336                        margin-left: 1.5em;
     1337                }
     1338
     1339                .comment-preview {
     1340                        margin-bottom: 1em;
     1341                }
    13251342        }
    13261343
    13271344        &.single-post {
  • stylesheets/main.css

     
    16731673  font-size: 1.6rem;
    16741674}
    16751675
     1676.devhub-wrap.single-wp-parser-function .text-button, .devhub-wrap.single-wp-parser-method .text-button, .devhub-wrap.single-wp-parser-hook .text-button, .devhub-wrap.single-wp-parser-class .text-button {
     1677  background: #fff none repeat scroll 0 0;
     1678  border-color: #ccc #ccc #bbb;
     1679  border-radius: 3px;
     1680  border-style: solid;
     1681  border-width: 1px;
     1682  padding: 0 5px;
     1683}
     1684
     1685.devhub-wrap.single-wp-parser-function .comment-form ul, .devhub-wrap.single-wp-parser-method .comment-form ul, .devhub-wrap.single-wp-parser-hook .comment-form ul, .devhub-wrap.single-wp-parser-class .comment-form ul {
     1686  margin-left: 1.5em;
     1687}
     1688
     1689.devhub-wrap.single-wp-parser-function .comment-preview, .devhub-wrap.single-wp-parser-method .comment-preview, .devhub-wrap.single-wp-parser-hook .comment-preview, .devhub-wrap.single-wp-parser-class .comment-preview {
     1690  margin-bottom: 1em;
     1691}
     1692
    16761693.devhub-wrap.single-post .comment-list,
    16771694.devhub-wrap.single-post .comment-list ol {
    16781695  list-style: none;