WordPress.org

Make WordPress Core

Ticket #23497: 23497.25.diff

File 23497.25.diff, 53.2 KB (added by adamsilverstein, 13 months ago)

more consistent switching between two handle and one handle mode refreshed

  • wp-includes/post-template.php

     
    13151315        $date = date_i18n( $datef, strtotime( $revision->post_modified ) ); 
    13161316        if ( $link && current_user_can( 'edit_post', $revision->ID ) && $link = get_edit_post_link( $revision->ID ) ) 
    13171317                $date = "<a href='$link'>$date</a>"; 
    1318          
     1318 
    13191319        $revision_date_author = sprintf( 
    13201320                '%s %s, %s %s (%s)', 
    13211321                $gravatar, 
     
    13931393        if ( $parent ) 
    13941394                array_unshift( $revisions, $post ); 
    13951395 
     1396        //if ( wp_first_revision_matches_current_version( $post_id ) ) 
     1397                array_pop( $revisions ); 
     1398 
    13961399        $rows = $right_checked = ''; 
    13971400        $class = false; 
    13981401        $can_edit_post = current_user_can( 'edit_post', $post->ID ); 
     
    14791482                // if the post was previously restored from a revision 
    14801483                // show the restore event details 
    14811484                // 
    1482                 if ( $restored_from_meta = get_post_meta( $post->ID, '_post_restored_from', true ) ) {  
    1483                         $author = get_the_author_meta( 'display_name', $restored_from_meta[ 'restored_by_user' ] );  
    1484                         /* translators: revision date format, see http://php.net/date */  
    1485                         $datef = _x( 'j F, Y @ G:i:s', 'revision date format');  
    1486                         $date = date_i18n( $datef, strtotime( $restored_from_meta[ 'restored_time' ] ) );  
    1487                         $timesince = human_time_diff( $restored_from_meta[ 'restored_time' ], current_time( 'timestamp' ) ) . __( ' ago ' );  
    1488                         ?>  
     1485                if ( $restored_from_meta = get_post_meta( $post->ID, '_post_restored_from', true ) ) { 
     1486                        $author = get_the_author_meta( 'display_name', $restored_from_meta[ 'restored_by_user' ] ); 
     1487                        /* translators: revision date format, see http://php.net/date */ 
     1488                        $datef = _x( 'j F, Y @ G:i:s', 'revision date format'); 
     1489                        $date = date_i18n( $datef, strtotime( $restored_from_meta[ 'restored_time' ] ) ); 
     1490                        $timesince = human_time_diff( $restored_from_meta[ 'restored_time' ], current_time( 'timestamp' ) ) . __( ' ago ' ); 
     1491                        ?> 
    14891492                        <hr /> 
    1490                         <div id="revisions-meta-restored">  
    1491                                 <?php  
    1492                                 printf( 'Previously restored from Revision ID %d, %s by %s (%s)',  
    1493                                 $restored_from_meta[ 'restored_revision_id'],  
    1494                                 $timesince,  
    1495                                 $author,  
    1496                                 $date );  
    1497                                 ?>  
    1498                         </div>  
    1499                         <?php  
     1493                        <div id="revisions-meta-restored"> 
     1494                                <?php 
     1495                                printf( 'Previously restored from Revision ID %d, %s by %s (%s)', 
     1496                                $restored_from_meta[ 'restored_revision_id'], 
     1497                                $timesince, 
     1498                                $author, 
     1499                                $date ); 
     1500                                ?> 
     1501                        </div> 
     1502                        <?php 
    15001503                echo "</ul>"; 
    1501                 }  
     1504                } 
    15021505 
    15031506        endif; 
    15041507 
  • wp-includes/revision.php

     
    6262/** 
    6363 * Saves an already existing post as a post revision. 
    6464 * 
    65  * Typically used immediately prior to post updates. 
     65 * Typically used immediately prior and after post updates. 
     66 * Prior to update checks for old revision data (latest revision != current post before update) and adds a copy of the current post as a revision if missing 
     67 * After update adds a copy of the current post as a revision, so latest revision always matches current post 
    6668 * 
    6769 * @package WordPress 
    6870 * @subpackage Post_Revisions 
    6971 * @since 2.6.0 
    7072 * 
    7173 * @uses _wp_put_post_revision() 
     74 * @uses wp_first_revision_matches_current_version() 
    7275 * 
    7376 * @param int $post_id The ID of the post to save as a revision. 
    7477 * @return mixed Null or 0 if error, new revision ID, if success. 
    7578 */ 
    76 function wp_save_post_revision( $post_id, $new_data = null ) { 
    77         // We do autosaves manually with wp_create_post_autosave() 
     79function wp_save_post_revision( $post_id ) { 
     80        //check to see if the post's first revision already matches the post data 
     81        //should be true before post update, _except_ for old data which 
     82        //doesn't include a copy of the current post data in revisions 
     83        if ( wp_first_revision_matches_current_version( $post_id ) ) 
     84                return; 
     85 
    7886        if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) 
    7987                return; 
    8088 
     
    8290        if ( ! WP_POST_REVISIONS ) 
    8391                return; 
    8492 
    85         if ( !$post = get_post( $post_id, ARRAY_A ) ) 
     93        if ( ! $post = get_post( $post_id, ARRAY_A ) ) 
    8694                return; 
    8795 
    8896        if ( 'auto-draft' == $post['post_status'] ) 
    8997                return; 
    9098 
    91         if ( !post_type_supports($post['post_type'], 'revisions') ) 
     99        if ( ! post_type_supports( $post['post_type'], 'revisions' ) ) 
    92100                return; 
    93101 
    94         // if new data is supplied, check that it is different from last saved revision, unless a plugin tells us to always save regardless 
    95         if ( apply_filters( 'wp_save_post_revision_check_for_changes', true, $post, $new_data ) && is_array( $new_data ) ) { 
    96                 $post_has_changed = false; 
    97                 foreach ( array_keys( _wp_post_revision_fields() ) as $field ) { 
    98                         if ( normalize_whitespace( $new_data[ $field ] ) != normalize_whitespace( $post[ $field ] ) ) { 
    99                                 $post_has_changed = true; 
    100                                 break; 
     102        // compare the proposed update with the last stored revision, verify 
     103        // different, unless a plugin tells us to always save regardless 
     104        if ( $revisions = wp_get_post_revisions( $post_id ) ) { // grab the last revision 
     105                $last_revision = array_shift( $revisions ); 
     106 
     107                if ( $last_revision_array = get_post( $last_revision->ID, ARRAY_A ) ) { //if no previous revisions, save one for sure 
     108 
     109                        if ( apply_filters( 'wp_save_post_revision_check_for_changes', true, $last_revision_array, $post ) && is_array( $post ) ) { 
     110                                $post_has_changed = false; 
     111 
     112                                foreach ( array_keys( _wp_post_revision_fields() ) as $field ) { 
     113 
     114                                        if ( normalize_whitespace( $post[ $field ] ) != normalize_whitespace( $last_revision_array[ $field ] ) ) { 
     115                                                $post_has_changed = true; 
     116                                                break; 
     117 
     118                                        } 
     119                                } 
     120 
     121                                //don't save revision if post unchanged 
     122                                if( ! $post_has_changed ) 
     123                                        return; 
    101124                        } 
    102125                } 
    103                 //don't save revision if post unchanged 
    104                 if( ! $post_has_changed ) 
    105                         return; 
    106126        } 
    107127 
    108128        $return = _wp_put_post_revision( $post ); 
    109129 
    110130        // WP_POST_REVISIONS = true (default), -1 
    111         if ( !is_numeric( WP_POST_REVISIONS ) || WP_POST_REVISIONS < 0 ) 
     131        if ( ! is_numeric( WP_POST_REVISIONS ) || WP_POST_REVISIONS < 0 ) 
    112132                return $return; 
    113133 
    114134        // all revisions and (possibly) one autosave 
    115135        $revisions = wp_get_post_revisions( $post_id, array( 'order' => 'ASC' ) ); 
    116136 
    117137        // WP_POST_REVISIONS = (int) (# of autosaves to save) 
    118         $delete = count($revisions) - WP_POST_REVISIONS; 
     138        $delete = count( $revisions ) - WP_POST_REVISIONS; 
    119139 
    120140        if ( $delete < 1 ) 
    121141                return $return; 
     
    123143        $revisions = array_slice( $revisions, 0, $delete ); 
    124144 
    125145        for ( $i = 0; isset($revisions[$i]); $i++ ) { 
    126                 if ( false !== strpos( $revisions[$i]->post_name, 'autosave' ) ) 
     146                if ( false !== strpos( $revisions[ $i ]->post_name, 'autosave' ) ) 
    127147                        continue; 
    128                 wp_delete_post_revision( $revisions[$i]->ID ); 
     148                wp_delete_post_revision( $revisions[ $i ]->ID ); 
    129149        } 
    130150 
    131151        return $return; 
     
    418438                add_filter('the_preview', '_set_preview'); 
    419439        } 
    420440} 
     441 
     442/** 
     443 * Determines if the specified post's most recent revision matches the post (by checking post_modified). 
     444 * 
     445 * @package WordPress 
     446 * @subpackage Post_Revisions 
     447 * @since 3.6.0 
     448 * 
     449 * @param int|object $post Post ID or post object. 
     450 * @return bool false if not a match, otherwise true. 
     451 */ 
     452function wp_first_revision_matches_current_version( $post ) { 
     453 
     454        if ( ! $post = get_post( $post ) ) 
     455                return false; 
     456 
     457        if ( ! $revisions = wp_get_post_revisions( $post->ID ) ) 
     458                return false; 
     459 
     460        $last_revision = array_shift( $revisions ); 
     461 
     462        if ( ! ($last_revision->post_modified == $post->post_modified ) ) 
     463                return false; 
     464 
     465        return true; 
     466} 
  • wp-includes/pluggable.php

     
    17441744        return $r; 
    17451745} 
    17461746endif; 
     1747 
     1748if ( !function_exists( 'wp_text_diff_with_count' ) ) : 
     1749/** 
     1750 * Displays a human readable HTML representation of the difference between two strings. 
     1751 * similar to wp_text_diff, but tracks and returns could of lines added and removed 
     1752 * 
     1753 * @since 3.6 
     1754 * @see wp_parse_args() Used to change defaults to user defined settings. 
     1755 * @uses Text_Diff 
     1756 * @uses WP_Text_Diff_Renderer_Table 
     1757 * 
     1758 * @param string $left_string "old" (left) version of string 
     1759 * @param string $right_string "new" (right) version of string 
     1760 * @param string|array $args Optional. Change 'title', 'title_left', and 'title_right' defaults. 
     1761 * @return array contains html, linesadded & linesdeletd, empty string if strings are equivalent. 
     1762 */ 
     1763function wp_text_diff_with_count( $left_string, $right_string, $args = null ) { 
     1764        $defaults = array( 'title' => '', 'title_left' => '', 'title_right' => '' ); 
     1765        $args = wp_parse_args( $args, $defaults ); 
     1766 
     1767        if ( !class_exists( 'WP_Text_Diff_Renderer_Table' ) ) 
     1768                        require( ABSPATH . WPINC . '/wp-diff.php' ); 
     1769 
     1770        $left_string  = normalize_whitespace( $left_string ); 
     1771        $right_string = normalize_whitespace( $right_string ); 
     1772 
     1773        $left_lines  = explode( "\n", $left_string ); 
     1774        $right_lines = explode( "\n", $right_string) ; 
     1775 
     1776        $text_diff = new Text_Diff($left_lines, $right_lines  ); 
     1777        $linesadded = $text_diff->countAddedLines(); 
     1778        $linesdeleted = $text_diff->countDeletedLines(); 
     1779 
     1780        $renderer  = new WP_Text_Diff_Renderer_Table(); 
     1781        $diff = $renderer->render( $text_diff ); 
     1782 
     1783        if ( !$diff ) 
     1784                        return ''; 
     1785 
     1786                $r  = "<table class='diff'>\n"; 
     1787 
     1788        if ( ! empty( $args[ 'show_split_view' ] ) ) { 
     1789                $r .= "<col class='content diffsplit left' /><col class='content diffsplit middle' /><col class='content diffsplit right' />"; 
     1790        } else { 
     1791                $r .= "<col class='content' />"; 
     1792        } 
     1793 
     1794        if ( $args['title'] || $args['title_left'] || $args['title_right'] ) 
     1795                $r .= "<thead>"; 
     1796        if ( $args['title'] ) 
     1797                $r .= "<tr class='diff-title'><th colspan='4'>$args[title]</th></tr>\n"; 
     1798        if ( $args['title_left'] || $args['title_right'] ) { 
     1799                $r .= "<tr class='diff-sub-title'>\n"; 
     1800                $r .= "\t<td></td><th>$args[title_left]</th>\n"; 
     1801                $r .= "\t<td></td><th>$args[title_right]</th>\n"; 
     1802                $r .= "</tr>\n"; 
     1803        } 
     1804        if ( $args['title'] || $args['title_left'] || $args['title_right'] ) 
     1805                $r .= "</thead>\n"; 
     1806 
     1807        $r .= "<tbody>\n$diff\n</tbody>\n"; 
     1808        $r .= "</table>"; 
     1809 
     1810        return array( 'html' => $r, 'linesadded' => $linesadded, 'linesdeleted' => $linesdeleted ); 
     1811        } 
     1812        endif; 
  • wp-includes/script-loader.php

     
    273273        $scripts->add( 'template', "/wp-includes/js/template$suffix.js", array('underscore'), '1.4.4', 1 ); 
    274274        $scripts->add( 'backbone', '/wp-includes/js/backbone.min.js', array('underscore','jquery', 'template'), '0.9.10', 1 ); 
    275275 
    276         $scripts->add( 'revisions', "/wp-admin/js/revisions$suffix.js", array( 'backbone', 'jquery-ui-slider' ), false, 1 ); 
     276        $scripts->add( 'revisions', "/wp-admin/js/revisions$suffix.js", array( 'backbone', 'jquery-ui-slider', 'jquery-ui-tooltip' ), false, 1 ); 
    277277 
    278278        $scripts->add( 'imgareaselect', "/wp-includes/js/imgareaselect/jquery.imgareaselect$suffix.js", array('jquery'), '0.9.8', 1 ); 
    279279 
  • wp-admin/includes/ajax-actions.php

     
    21532153        /* translators: revision date format, see http://php.net/date */ 
    21542154        $datef = _x( 'j F, Y @ G:i:s', 'revision date format'); 
    21552155 
     2156        $left_revision = get_post( $compare_to ); 
     2157        //error_log($left_revision); 
    21562158        //single model fetch mode 
     2159        //return the diff of a single revision comparison 
    21572160        if ( 0 != $single_revision_id ) { 
    2158                 $left_revision = get_post( $compare_to ); 
    21592161                $right_revision = get_post( $single_revision_id ); 
    21602162 
    2161                 if ( $compare_two_mode ) { 
    2162                         $compare_to_gravatar = get_avatar( $left_revision->post_author, 18 ); 
    2163                         $compare_to_author = get_the_author_meta( 'display_name', $left_revision->post_author ); 
    2164                         $compare_to_date = date_i18n( $datef, strtotime( $left_revision->post_modified ) ); 
    2165  
    2166                         $revision_from_date_author = sprintf( 
    2167                                 '%s %s, %s %s (%s)', 
    2168                                 $compare_to_gravatar, 
    2169                                 $compare_to_author, 
    2170                                 human_time_diff( strtotime( $left_revision->post_modified ), current_time( 'timestamp' ) ), 
    2171                                 __( ' ago ' ), 
    2172                                 $compare_to_date 
    2173                         ); 
    2174                 } 
    2175  
    21762163                // 
    21772164                //make sure the left revision is the most recent 
    21782165                // 
     
    21822169                        $right_revision = $temp; 
    21832170                } 
    21842171 
     2172                $linesadded=0; 
     2173                $linesdeleted=0; 
     2174 
    21852175                // 
    21862176                //compare from left to right, passed from application 
    21872177                // 
     
    21972187                        if ( ! empty( $show_split_view ) ) 
    21982188                                 $args = array( 'show_split_view' => true ); 
    21992189 
    2200                         $content .= wp_text_diff( $left_content, $right_content, $args ); 
     2190                        $diff = wp_text_diff_with_count( $left_content, $right_content, $args ); 
     2191 
     2192                        if ( isset( $diff[ 'html' ] ) ) 
     2193                                $content .= $diff[ 'html' ]; 
     2194 
     2195                        if ( isset( $diff[ 'linesadded' ] ) ) 
     2196                                $linesadded = $linesadded + $diff[ 'linesadded' ]; 
     2197 
     2198                        if ( isset( $diff[ 'linesdeleted' ] ) ) 
     2199                                $linesdeleted = $linesdeleted + $diff[ 'linesdeleted' ]; 
     2200 
     2201 
    22012202                } 
    2202                         $content = '' == $content ? __( 'No difference' ) : $content; 
    2203                         $alltherevisions = array ( 
    2204                                 'revisiondiff' => $content 
    2205                         ); 
     2203                $content = '' == $content ? __( 'No difference' ) : $content; 
     2204 
     2205                $alltherevisions = array ( 
     2206                        'revisiondiff' => $content, 
     2207                        'lines_deleted' => $linesdeleted, 
     2208                        'lines_added' => $linesadded 
     2209                ); 
    22062210                echo json_encode( $alltherevisions ); 
    22072211                exit(); 
    2208         } 
     2212        } //end single model fetch 
    22092213 
     2214        //fetch the list of revisions available 
     2215 
    22102216        //if we are comparing two revisions, the first 'revision' represented by the leftmost 
    22112217        //slider position is the current revision, prepend a comparison to this revision 
    2212         if ( $compare_two_mode )  
     2218        if ( $compare_two_mode && ! wp_first_revision_matches_current_version( $post_id ) ) //revisions don't have current version 
    22132219                array_unshift( $revisions, get_post( $post_id ) ); 
    2214                  
     2220 
     2221if ( $compare_two_mode) // && wp_first_revision_matches_current_version( $post_id ) ) //revisions already include current version 
     2222                array_shift( $revisions ); //remove the extra current revisions (comparing to current in one handle mode) 
     2223 
     2224 
    22152225        $count = -1; 
    22162226 
     2227        //reverse the list to start with oldes revision 
     2228        $revisions = array_reverse( $revisions ); 
     2229 
     2230        $previous_revision_id = 0; 
    22172231        foreach ( $revisions as $revision ) : 
    2218                 if ( ! empty( $show_autosaves ) && wp_is_post_autosave( $revision ) ) 
     2232                //error_log( ( $show_autosaves  )); 
     2233                if ( empty( $show_autosaves ) && wp_is_post_autosave( $revision ) ) 
    22192234                                continue; 
    22202235 
    22212236                $revision_from_date_author = ''; 
    22222237                $count++; 
    22232238                // return blank data for diffs to the left of the left handle (for right handel model) 
    22242239                // or to the right of the right handle (for left handel model) 
    2225                 if ( ( 0 != $left_handle_at && $count <= $left_handle_at ) ||  
    2226                          ( 0 != $right_handle_at && $count > $right_handle_at )) {  
     2240                if ( ( 0 != $left_handle_at && $count <= $left_handle_at ) || 
     2241                         ( 0 != $right_handle_at && $count > $right_handle_at )) { 
    22272242                        $alltherevisions[] = array ( 
    22282243                                'ID' => $revision->ID, 
    22292244                        ); 
    2230                          
    22312245                        continue; 
    22322246                } 
    22332247 
    2234                 $gravatar = get_avatar( $revision->post_author, 18 ); 
     2248                if ( $compare_two_mode ) { 
     2249                        $compare_to_gravatar = get_avatar( $left_revision->post_author, 24 ); 
     2250                        $compare_to_author = get_the_author_meta( 'display_name', $left_revision->post_author ); 
     2251                        $compare_to_date = date_i18n( $datef, strtotime( $left_revision->post_modified ) ); 
     2252 
     2253                        $revision_from_date_author = sprintf( 
     2254                                '%s %s, %s %s (%s)', 
     2255                                $compare_to_gravatar, 
     2256                                $compare_to_author, 
     2257                                human_time_diff( strtotime( $left_revision->post_modified ), current_time( 'timestamp' ) ), 
     2258                                __( ' ago ' ), 
     2259                                $compare_to_date 
     2260                        ); 
     2261                } 
     2262 
     2263                $gravatar = get_avatar( $revision->post_author, 24 ); 
    22352264                $author = get_the_author_meta( 'display_name', $revision->post_author ); 
    22362265                $date = date_i18n( $datef, strtotime( $revision->post_modified ) ); 
    22372266                $revision_date_author = sprintf( 
     
    22422271                        __( ' ago ' ), 
    22432272                        $date 
    22442273                ); 
     2274                $datef2 = __( 'j M @ G:i' ); 
     2275                $date2 = date_i18n( $datef2, strtotime( $revision->post_modified ) ); 
    22452276 
     2277                $revision_date_author_short = sprintf( 
     2278                        '%s <strong>%s</strong><br />%s', 
     2279                        $gravatar, 
     2280                        $author, 
     2281                        $date2 
     2282                ); 
     2283 
    22462284                $restoreaction = wp_nonce_url( 
    22472285                        add_query_arg( 
    22482286                                array( 'revision' => $revision->ID, 
     
    22522290                        "restore-post_{$compare_to}|{$revision->ID}" 
    22532291                ); 
    22542292 
    2255                 $alltherevisions[] = array ( 
     2293                if ( ( $compare_two_mode || 0 !== $previous_revision_id ) ) { 
     2294                        $alltherevisions[] = array ( 
    22562295                                'ID' => $revision->ID, 
    22572296                                'revision_date_author' => $revision_date_author, 
    22582297                                'revision_from_date_author' => $revision_from_date_author, 
     2298                                'revision_date_author_short' => $revision_date_author_short, 
    22592299                                'restoreaction' => urldecode( $restoreaction ), 
    2260                                 'revision_toload' => true 
     2300                                'revision_toload' => true, 
     2301                                'previous_revision_id' => $previous_revision_id 
    22612302                        ); 
     2303                } 
     2304                $previous_revision_id = $revision->ID; 
    22622305 
    22632306        endforeach; 
    22642307 
  • wp-admin/js/revisions.js

     
    77 
    88                Model : Backbone.Model.extend({ 
    99                        idAttribute : 'ID', 
    10                         urlRoot : ajaxurl +     '?action=revisions-data&compare_to=' + wpRevisionsSettings.post_id + 
    11                                 '&show_autosaves=false&show_split_view=true&nonce=' + wpRevisionsSettings.nonce, 
     10                        urlRoot : ajaxurl +     '?action=revisions-data' + 
     11                                '&show_autosaves=true&show_split_view=true&nonce=' + wpRevisionsSettings.nonce, 
    1212                        defaults: { 
    1313                                ID : 0, 
    1414                                revision_date_author : '', 
     15                                revision_date_author_short: '', 
    1516                                revisiondiff : '<div class="diff-loading"><div class="spinner"></div></div>', 
    1617                                restoreaction : '', 
    1718                                revision_from_date_author : '', 
    18                                 revision_toload : false 
     19                                revision_toload : false, 
     20                                lines_added : 0, 
     21                                lines_deleted : 0, 
     22                                scope_of_changes : 'none', 
     23                                previous_revision_id : 0 
    1924                        }, 
    2025 
    2126                        url : function() { 
    22                                 return this.urlRoot + '&single_revision_id=' + this.id; 
     27                                if ( 1 === REVAPP._compareoneortwo ) { 
     28                                        return this.urlRoot + 
     29                                                '&single_revision_id=' + this.id + 
     30                                                '&compare_to=' + this.get( 'previous_revision_id' ) + 
     31                                                '&post_id=' + wpRevisionsSettings.post_id; 
     32                                } else { 
     33                                        return this.urlRoot + 
     34                                '&single_revision_id=' + this.id 
     35                                } 
     36 
    2337                        } 
    2438 
    2539                }), 
     
    3549                        _revisionsOptions : null, 
    3650                        _left_diff : 0, 
    3751                        _right_diff : 1, 
    38                         _autosaves : false, 
     52                        _autosaves : true, 
    3953                        _show_split_view : true, 
    4054                        _compareoneortwo : 1, 
    4155                        _left_model_loading : false,    //keep track of model loads 
    4256                        _right_model_loading : false,   //disallow slider interaction, also repeat loads, while loading 
     57                        _tickmarkView : null, //the slider tickmarks 
     58                        _keep_tooltip_open : false, 
    4359 
    4460                        //TODO add ability to arrive on specific revision 
    4561                        routes : { 
     
    5470                                var revisions_to_load = model_collection.where( { revision_toload : true } ); 
    5571                                //console.log(revisions_to_load); 
    5672                                var delay=0; 
    57                                 _.each(revisions_to_load, function( the_model ) { 
     73                                //match slider to passed revision_id 
     74                                _.each( revisions_to_load, function( the_model ) { 
     75                                        if ( the_model.get( 'ID' )  == wpRevisionsSettings.revision_id ) { 
     76                                                //console.log ( the_model.get( 'ID' ) +'-' +wpRevisionsSettings.revision_id); 
     77                                                self._right_diff = self._revisions.indexOf( the_model ) + 1; 
     78                                        } 
     79 
     80                                }); 
     81                                _.each( revisions_to_load, function( the_model ) { 
    5882                                                the_model.urlRoot = model_collection.url; 
    5983                                                _.delay( function() { 
    6084                                                        the_model.fetch( { 
     
    6387                                                                remove : false, 
    6488                                                                //async : false, 
    6589                                                                success : function( model ) { 
    66                                                                         //console.log(model.get( 'ID' ) +'-'+self._revisions.at( self._right_diff ).get( 'ID' )); 
    67                                                                         if ( model.get( 'ID' ) === self._revisions.at( self._right_diff - 1 ).get( 'ID' ) ) { //reload if current model refreshed 
     90                                                                        model.set( 'revision_toload', 'false' ); 
     91                                                                        //console.log(model_collection.where( { revision_toload : true } ).length); 
     92 
     93                                                                        //stop spinner when all models are loaded 
     94                                                                        if ( 0 === model_collection.where( { revision_toload : true } ).length ) 
     95                                                                                self.stop_model_loading_spinner(); 
     96 
     97                                                                        self._tickmarkView.render(); 
     98 
     99                                                                        var total_changes = model.get( 'lines_added' ) + model.get( 'lines_deleted'); 
     100                                                                        //      console.log(total_changes); 
     101                                                                        var scope_of_changes = 'vsmall'; 
     102 
     103                                                                        //hard coded scope of changes 
     104                                                                        //TODO change to dynamic based on range of values 
     105                                                                        if  ( total_changes > 1 && total_changes <= 3 ) { 
     106                                                                                scope_of_changes = 'small'; 
     107                                                                        } else if(total_changes > 3 && total_changes <= 5 ) { 
     108                                                                                scope_of_changes = 'med'; 
     109                                                                        } else if(total_changes > 5 && total_changes <= 10 ) { 
     110                                                                                scope_of_changes = 'large'; 
     111                                                                        } else if(total_changes > 10 ) { 
     112                                                                                scope_of_changes = 'vlarge'; 
     113                                                                        } 
     114                                                                        model.set( 'scope_of_changes', scope_of_changes ); 
     115                                                                        //console.log (self._right_diff); 
     116                                                                        if ( 0 !== self._right_diff && 
     117                                                                                model.get( 'ID' ) === self._revisions.at( self._right_diff - 1 ).get( 'ID' ) ) { 
     118                                                                                //reload if current model refreshed 
    68119                                                                                //console.log('render'); 
    69120                                                                                self._revisionView.render(); 
    70121                                                                        } 
     122 
    71123                                                                } 
    72124                                                } ); 
    73125                                                }, delay ) ; 
    74                                                 delay = delay + 200; //stagger model loads by 200 ms to avoid hammering server with requests 
     126                                                delay = delay + 150; //stagger model loads to avoid hammering server with requests 
    75127                                        } 
    76128                                ); 
    77129                        }, 
     
    83135 
    84136                        stop_left_model_loading : function() { 
    85137                                this._left_model_loading = false; 
    86                                 $('.revisiondiffcontainer').removeClass('leftmodelloading'); 
    87138                        }, 
    88139 
    89140                        start_right_model_loading : function() { 
     
    93144 
    94145                        stop_right_model_loading : function() { 
    95146                                this._right_model_loading = false; 
     147                        }, 
     148 
     149                        stop_model_loading_spinner : function() { 
    96150                                $('.revisiondiffcontainer').removeClass('rightmodelloading'); 
     151                                $('.revisiondiffcontainer').removeClass('leftmodelloading'); 
    97152                        }, 
    98153 
    99154                        reloadmodel : function() { 
     
    107162                        reloadmodelsingle : function() { 
    108163                                var self = this; 
    109164                                self._revisions.url = ajaxurl + '?action=revisions-data&compare_to=' + wpRevisionsSettings.post_id + 
    110                                                                                         '&show_autosaves=' + self._autosaves + 
     165                                                                                        '&show_autosaves=' + REVAPP._autosaves + 
    111166                                                                                        '&show_split_view=' +  REVAPP._show_split_view + 
    112167                                                                                        '&nonce=' + wpRevisionsSettings.nonce; 
    113168                                self.start_right_model_loading(); 
    114                                 this._revisions.fetch({ //reload revision data 
     169                                self._revisions.fetch({ //reload revision data 
    115170                                        success : function() { 
    116171                                                self.stop_right_model_loading(); 
    117172                                                var revisioncount = self._revisions.length; 
    118                                                 if ( self._right_diff > revisioncount ) //if right handle past rightmost, move 
    119                                                         self._right_diff = revisioncount; 
     173                                                //if ( self._right_diff > revisioncount ) //if right handle past rightmost, move 
    120174 
     175                                                //      self._right_diff = revisioncount; 
     176 
     177 
     178 
    121179                                                self._revisionView.render(); 
    122180                                                self.reload_toload_revisions( self._revisions ); 
    123181 
    124182                                                $( '#slider' ).slider( 'option', 'max', revisioncount-1 ); //TODO test this, autsaves changed 
     183                                                $( '#slider' ).slider( 'value', REVAPP._right_diff - 1 ).trigger( 'slide' ); 
     184                                                REVAPP._tickmarkView.model = self._revisions; 
     185                                                REVAPP._tickmarkView.render(); 
    125186                                        }, 
    126187 
    127188                                        error : function () { 
     
    136197                                var self = this; 
    137198                                self.start_left_model_loading(); 
    138199                                self._left_handle_revisions = new wp.revisions.Collection(); 
     200                                //console.log( 'right - ' + self._right_diff ); 
    139201                                self._left_handle_revisions.url = 
    140202                                        ajaxurl + 
    141203                                        '?action=revisions-data&compare_to=' + self._revisions.at( self._right_diff - 1 ).get( 'ID' ) + 
    142204                                        '&post_id=' + wpRevisionsSettings.post_id + 
    143                                         '&show_autosaves=' + self._autosaves + 
    144                                         '&show_split_view=' +  self._show_split_view + 
     205                                        '&show_autosaves=' + REVAPP._autosaves + 
     206                                        '&show_split_view=' +  REVAPP._show_split_view + 
    145207                                        '&nonce=' + wpRevisionsSettings.nonce + 
    146208                                        '&right_handle_at='  + ( self._right_diff ); 
    147209 
     
    150212                                        success : function(){ 
    151213                                                self.stop_left_model_loading(); 
    152214                                                self.reload_toload_revisions( self._left_handle_revisions ); 
     215                                                self._tickmarkView.model = self._left_handle_revisions; 
     216                                                $( '#slider' ).slider( 'option', 'max', self._revisions.length ); 
    153217                                        }, 
    154218 
    155219                                        error : function () { 
     
    163227                                var self = this; 
    164228                                self.start_right_model_loading(); 
    165229                                self._right_handle_revisions = new wp.revisions.Collection(); 
    166                                 if ( 0 === self._left_diff ) { 
    167230                                        self._right_handle_revisions.url = 
    168231                                                ajaxurl + 
    169                                                 '?action=revisions-data&compare_to=' + wpRevisionsSettings.post_id + 
     232                                                '?action=revisions-data&compare_to=' + self._revisions.at( self._left_diff ).get( 'ID' )+ 
    170233                                                '&post_id=' + wpRevisionsSettings.post_id + 
    171                                                 '&show_autosaves=' + self._autosaves + 
    172                                                 '&show_split_view=' +  self._show_split_view + 
     234                                                '&show_autosaves=' + REVAPP._autosaves + 
     235                                                '&show_split_view=' +  REVAPP._show_split_view + 
    173236                                                '&nonce=' + wpRevisionsSettings.nonce; 
    174                                 } else { 
    175                                         self._right_handle_revisions.url = 
    176                                                 ajaxurl + 
    177                                                 '?action=revisions-data&compare_to=' + self._revisions.at( self._left_diff - 1 ).get( 'ID' ) + 
    178                                                 '&post_id=' + wpRevisionsSettings.post_id + 
    179                                                 '&show_autosaves=' + self._autosaves + 
    180                                                 '&show_split_view=' +  self._show_split_view + 
    181                                                 '&nonce=' + wpRevisionsSettings.nonce + 
    182                                                 '&left_handle_at=' + (self._left_diff ) ; 
    183                                 } 
    184237 
    185238                                self._right_handle_revisions.fetch({ 
    186239 
    187240                                        success : function(){ 
    188241                                                self.stop_right_model_loading(); 
    189242                                                self.reload_toload_revisions( self._right_handle_revisions ); 
     243                                                self._tickmarkView.model = self._right_handle_revisions; 
     244                                                $( '#slider' ).slider( 'option', 'max', self._revisions.length ); 
     245                                                //REVAPP._revisionView.render(); 
     246 
    190247                                        }, 
    191248 
    192249                                        error : function ( response ) { 
     
    208265                        initialize : function( options ) { 
    209266                                var self = this; //store the application instance 
    210267                                if (this._revisions === null) { 
    211                                         self._autosaves = ''; 
    212268                                        self._revisions = new wp.revisions.Collection(); //set up collection 
    213269                                        self.start_right_model_loading(); 
    214270                                        self._revisions.fetch({ //load revision data 
    215271 
    216272                                                success : function() { 
    217273                                                        self.stop_right_model_loading(); 
    218                                                         self.revisionDiffSetup(); 
     274                                                        self.completeApplicationSetup(); 
    219275                                                } 
    220276                                        }); 
    221277                                } 
    222278                                return this; 
    223279                        }, 
    224280 
    225                         revisionDiffSetup : function() { 
     281                        completeApplicationSetup : function() { 
    226282                                this._revisionView = new wp.revisions.views.View({ 
    227283                                        model : this._revisions 
    228284                                }); 
    229285                                this._revisionView.render(); 
    230                                 $( '#diff_max, #diff_maxof' ).html( this._revisions.length ); 
    231                                 $( '#diff_count' ).html( REVAPP._right_diff ); 
    232286                                $( '#slider' ).slider( 'option', 'max', this._revisions.length - 1 ); 
    233287 
    234288                                this.reload_toload_revisions( this._revisions ); 
     289 
    235290                                this._revisionsInteractions = new wp.revisions.views.Interact({ 
    236291                                        model : this._revisions 
    237292                                }); 
    238293                                this._revisionsInteractions.render(); 
    239294 
     295                                this._tickmarkView = new wp.revisions.views.Tickmarks({ 
     296                                        model : this._revisions 
     297                                }); 
     298                                this._tickmarkView.render(); 
     299                                this._tickmarkView.resetticks(); 
     300 
     301                                $( 'a.ui-slider-handle' ).attr( 'title', '' ).tooltip({ 
     302                                        track: false, 
     303                                        position: { 
     304                                                my: "top-80", 
     305                                                active: function( position, feedback ) { 
     306                                                        $( this ).css( position ); 
     307                                                        $( "<div>" ) 
     308                                                        .addClass( "arrow" ) 
     309                                                        .addClass( feedback.vertical ) 
     310                                                        .addClass( feedback.horizontal ) 
     311                                                        .appendTo( this ); 
     312                                                } 
     313                                        }, 
     314                                        show: false, 
     315                                        hide: false, 
     316                                        disabled: false 
     317                                } ); 
    240318                                /* 
     319                                .on( 'mouseup', function( event ) { 
     320                                        REVAPP._keep_tooltip_open = false; 
     321                                        $( this ).find('.ui-slider-tooltip').hide(); 
     322                                } ).on( 'mousedown', function( event ) { 
     323                                        REVAPP._keep_tooltip_open = true; 
     324                                } ).on( 'mouseout', function( event ) { 
     325                                        if ( REVAPP._keep_tooltip_open) 
     326                                                event.stopImmediatePropagation(); 
     327                                        }); 
     328                                */ 
     329                                /* 
    241330                                //Options hidden for now, moving to screen options 
    242331                                this._revisionsOptions = new wp.revisions.views.Options({ 
    243332                                        model : this._revisions 
     
    252341        wp.revisions.Collection = Backbone.Collection.extend({ 
    253342                model : wp.revisions.Model, 
    254343                url : ajaxurl + '?action=revisions-data&compare_to=' + wpRevisionsSettings.post_id + 
    255                         '&show_autosaves=false&show_split_view=true&nonce=' + wpRevisionsSettings.nonce, 
     344                        '&show_autosaves=true&show_split_view=true&nonce=' + wpRevisionsSettings.nonce, 
    256345 
    257346                initialize : function() { 
    258347                        } 
    259348        } ); 
    260349 
    261350        _.extend(wp.revisions.views, { 
     351 
     352                //Ticks inside slider view 
    262353                // 
     354                Tickmarks : Backbone.View.extend({ 
     355                        el : $('#diff-slider-ticks')[0], 
     356                        tagName : 'diff-slider-ticks-view', 
     357                        className : 'diff-slider-ticks-container', 
     358                        template : wp.template('revision-ticks'), 
     359                        model : wp.revisions.Model, 
     360 
     361                        resetticks : function() { 
     362                                var slider_max = $( '#slider' ).slider( 'option', 'max'); 
     363                                var slider_width = $( '#slider' ).width(); 
     364                                var adjust_max = ( 2 === REVAPP._compareoneortwo ) ? 1 : 0; 
     365                                var tick_width = Math.floor( slider_width / ( slider_max - adjust_max ) ); 
     366 
     367                                //TODO: adjust right margins for wider ticks so they stay centered on handle stop point 
     368 
     369                                tick_width = (tick_width > 50 ) ? 50 : tick_width; 
     370                                slider_width = tick_width * (slider_max - adjust_max ) +1; 
     371 
     372                                $( '#slider' ).width( slider_width ); 
     373                                $( '.diff-slider-ticks-wrapper' ).width( slider_width ); 
     374                                $( '#diffslider' ).width( slider_width ); 
     375                                $( '#diff-slider-ticks' ).width( slider_width ); 
     376 
     377                                var a_tick_width = $( '.revision-tick' ).width(); 
     378 
     379                                if ( tick_width !==  a_tick_width ) { // is the width already set correctly? 
     380                                        $( '.revision-tick' ).each( function( ) { 
     381                                                $(this).css( 'margin-right', tick_width - 1 + 'px'); //space the ticks out using right margin 
     382                                        }); 
     383 
     384                                        if( 2 === REVAPP._compareoneortwo ) { 
     385                                                $( '.revision-tick' ).first().remove(); //TODO - remove thie check 
     386                                        } 
     387                                        $( '.revision-tick' ).last().css( 'margin-right', '0' ); // last tick gets no right margin 
     388                                } 
     389 
     390                        }, 
     391 
     392                        //render the options view 
     393                        render : function() { 
     394                                var self = this; 
     395 
     396                                if ( null !== self.model ) { 
     397                                        //TODO remove this initial model when ticket #16215 rolls because 
     398                                        //revisions will then include current version 
     399                                        var add_placeholder = ( 2 === REVAPP._compareoneortwo ) ? self.template('') : ''; 
     400 
     401                                        var addhtml = "";//add_placeholder; 
     402                                        _.each ( self.model.models, function ( the_model ) { 
     403 
     404                                                addhtml = addhtml + self.template ( the_model.toJSON() ); 
     405 
     406                                        }); 
     407                                        self.$el.html( addhtml ); 
     408 
     409                                } 
     410                                self.resetticks(); 
     411                                return self; 
     412                        } 
     413                }), 
     414 
     415                // 
    263416                //primary revision diff view 
    264417                // 
    265418                View : Backbone.View.extend({ 
     
    271424                        comparetwochecked : '', 
    272425                        draggingleft : false, 
    273426 
    274                         initialize : function(){ 
    275                         }, 
    276  
    277427                        // 
    278428                        //render the revisions 
    279429                        // 
    280430                        render : function() { 
    281431                                var addhtml = ''; 
    282432                                //compare two revisions mode? 
     433 
    283434                                if ( 2 === REVAPP._compareoneortwo ) { 
    284435                                        this.comparetwochecked = 'checked'; 
    285436                                        if ( this.draggingleft ) { 
     
    291442                                                } 
    292443                                        } else { //dragging right handle 
    293444                                                var thediff = REVAPP._right_diff; 
     445                                                //console.log( thediff ) 
    294446                                                if ( this.model.at( thediff ) ) { 
    295447                                                        addhtml = this.template( _.extend( 
    296448                                                                this.model.at( thediff ).toJSON(), 
     
    310462                                this.$el.html( addhtml ); 
    311463                                if ( this.model.length < 3 ) { 
    312464                                        $( 'div#comparetworevisions' ).hide(); //don't allow compare two if fewer than three revisions 
    313  
    314465                                } 
     466                                if ( this.model.length < 2 ) { 
     467                                        $( 'div#diffslider' ).hide(); //don't allow compare two if fewer than three revisions 
     468                                        $( 'div.diff-slider-ticks-wrapper' ).hide(); 
     469                                } 
    315470                                //console.log ( (this.model.at( REVAPP._right_diff - 1 )).url()); 
    316471                                return this; 
    317472                        }, 
     
    326481                        // 
    327482                        clickcomparetwo : function(){ 
    328483                                self = this; 
     484 
    329485                                if ( $( 'input#comparetwo' ).is( ':checked' ) ) { 
    330486                                        REVAPP._compareoneortwo = 2 ; 
     487                                        REVAPP._right_diff =  ( 1 >= REVAPP._right_diff ) ? 1  : REVAPP._right_diff-1; //reset right handle 
     488                                        wpRevisionsSettings.revision_id = ''; // reset passed revision id so switching back to one handle mode doesn't re-select revision 
    331489                                        REVAPP.reloadleftright(); 
     490 
    332491                                } else { 
    333492                                        REVAPP._compareoneortwo = 1 ; 
    334493                                        REVAPP._revisionView.draggingleft = false; 
    335494                                        REVAPP._left_diff = 0; 
     495                                        REVAPP._right_diff = (REVAPP._revisions.length <= REVAPP._right_diff ) ? REVAPP._right_diff : REVAPP._right_diff +1; 
    336496                                        REVAPP.reloadmodelsingle(); 
    337497                                } 
    338498                                REVAPP._revisionsInteractions.render(); 
     499                                REVAPP._tickmarkView.render(); 
     500                                REVAPP._revisionView.render(); 
    339501                        } 
    340502                }), 
    341503 
    342504                // 
    343505                //options view for show autosaves and show split view options 
    344506                // 
     507                /* DISABLED for now 
    345508                Options : Backbone.View.extend({ 
    346509                        el : $('#backbonerevisionsoptions')[0], 
    347510                        tagName : 'revisionoptionsview', 
    348511                        className : 'revisionoptions-container', 
    349512                        template : wp.template('revisionoptions'), 
    350513 
    351                         initialize : function() { 
    352                         }, 
    353  
    354514                        //render the options view 
    355515                        render : function() { 
    356516                                var addhtml = this.template; 
     
    396556                                REVAPP.reloadmodel(); 
    397557                        } 
    398558                }), 
    399  
     559                */ 
    400560                // 
    401561                //main interactions view 
    402562                // 
     
    405565                        tagName : 'revisionvinteract', 
    406566                        className : 'revisionvinteract-container', 
    407567                        template : wp.template('revisionvinteract'), 
    408                         _restoreword : '', 
    409568 
    410569                        initialize : function() { 
    411                                 this._restoreword = $( 'input#restore' ).attr( 'value' ); 
    412570                        }, 
    413571 
    414                         reset_restore_button : function() { 
    415                                 $( 'input#restore' ).attr( 'value', this._restoreword + ' ' + REVAPP._revisions.at( REVAPP._right_diff - 1 ).get( 'ID' ) ); 
    416                         }, 
    417  
    418572                        render : function() { 
    419573                                var self = this; 
    420574 
    421575                                var addhtml = this.template; 
    422576                                this.$el.html( addhtml ); 
    423                                 $( '#diff_max, #diff_maxof' ).html( this.model.length ); 
    424                                 $( '#diff_count' ).html( REVAPP._right_diff ); 
    425                                 $( '#diff_left_count_inner' ).html( 0 === REVAPP._left_diff ? '' : 'revision' + REVAPP._left_diff ); 
    426                                 self.reset_restore_button(); 
    427577 
    428578                                var modelcount = REVAPP._revisions.length; 
    429579 
     
    431581                                if ( 1 === REVAPP._compareoneortwo ) { 
    432582                                        //set up the slider with a single handle 
    433583                                        slider.slider({ 
    434                                                 value : REVAPP._right_diff-1, 
    435                                                 min : 0, 
    436                                                 max : modelcount-1, 
    437                                                 step : 1, 
     584                                                value: REVAPP._right_diff-1, 
     585                                                min: 0, 
     586                                                max: modelcount-1, 
     587                                                step: 1, 
    438588 
     589 
    439590                                                //slide interactions for one handles slider 
    440591                                                slide : function( event, ui ) { 
    441                                                         if ( REVAPP._right_model_loading ) //left model stoll loading, prevent sliding left handle 
    442                                                                                 return false; 
    443592 
    444                                                         REVAPP._right_diff =( ui.value+1 ); 
    445                                                         $( '#diff_count' ).html( REVAPP._right_diff ); 
     593                                                        REVAPP._right_diff = ( ui.value +1 ); 
    446594                                                        REVAPP._revisionView.render(); 
    447                                                         self.reset_restore_button(); 
    448                                                 } 
     595                                                        /* 
     596                                                        $( 'a.ui-slider-handle' ).tooltip( { 
     597                                                                content: REVAPP._revisions.at( ui.value ).get( 'revision_date_author_short' ), 
     598                                                                position: { 
     599                                                                my: "top-65", 
     600                                                                using: function( position, feedback ) { 
     601                                                                        $( this ).css( position ); 
     602                                                                        $( "<div>" ) 
     603                                                                        .addClass( "arrow" ) 
     604                                                                        .addClass( feedback.vertical ) 
     605                                                                        .addClass( feedback.horizontal ) 
     606                                                                        .appendTo( this ); 
     607                                                                        } 
     608                                                                } 
     609                                                        });//.trigger( 'close' ).trigger( 'open' ); 
     610*/ 
     611                                                        } 
    449612                                        }); 
    450613                                        $( '.revisiondiffcontainer' ).removeClass( 'comparetwo' ); 
     614 
    451615                                } else { //comparing more than one, eg 2 
    452616                                        //set up the slider with two handles 
    453617                                        slider.slider({ 
     
    467631                                                                                return false; 
    468632 
    469633                                                                        if ( REVAPP._revisionView.model !== REVAPP._left_handle_revisions && 
    470                                                                                         null !== REVAPP._left_handle_revisions ) 
     634                                                                                        null !== REVAPP._left_handle_revisions ) { 
    471635                                                                                REVAPP._revisionView.model = REVAPP._left_handle_revisions; 
    472  
     636                                                                                REVAPP._tickmarkView.model = REVAPP._left_handle_revisions; 
     637                                                                                REVAPP._tickmarkView.render(); 
     638                                                                        } 
    473639                                                                        REVAPP._revisionView.draggingleft = true; 
    474640                                                                        REVAPP._left_diff_start = ui.values[ 0 ]; 
    475641                                                                        break; 
    476642 
    477643                                                                case 2: //right 
    478                                                                         if ( REVAPP._right_model_loading ) //right model stoll loading, prevent sliding right handle 
     644                                                                        if ( REVAPP._right_model_loading ) //left model stoll loading, prevent sliding left handle 
    479645                                                                                return false; 
    480646 
    481647                                                                        //one extra spot at left end when comparing two 
    482648                                                                        if ( REVAPP._revisionView.model !== REVAPP._right_handle_revisions && 
    483                                                                                         null !== REVAPP._right_handle_revisions ) 
     649                                                                                        null !== REVAPP._right_handle_revisions ) { 
    484650                                                                                REVAPP._revisionView.model = REVAPP._right_handle_revisions; 
     651                                                                                REVAPP._tickmarkView.model = REVAPP._right_handle_revisions; 
     652                                                                                REVAPP._tickmarkView.render(); 
     653                                                                        } 
    485654 
    486655                                                                        REVAPP._revisionView.draggingleft = false; 
    487656                                                                        REVAPP._right_diff_start = ui.values[ 1 ]; 
     
    501670                                                                        if ( REVAPP._left_model_loading ) //left model still loading, prevent sliding left handle 
    502671                                                                                return false; 
    503672 
    504                                                                         REVAPP._left_diff = ui.values[ 0 ] - 1; //one extra spot at left end when comparing two 
     673                                                                        REVAPP._left_diff = ui.values[ 0 ]; //one extra spot at left end when comparing two 
    505674                                                                        break; 
    506675 
    507676                                                                case 2: //right 
    508                                                                         if ( REVAPP._right_model_loading ) //right model still loading, prevent sliding right handle 
    509                                                                                 return false; 
     677                                                                        REVAPP._right_diff = ui.values[ 1 ]; 
     678                                                                        //console.log('setting ' + REVAPP._right_diff ); 
    510679 
    511                                                                         REVAPP._right_diff = ui.values[ 1 ] - 1 ; 
    512680                                                                        break; 
    513681                                                        } 
    514682 
    515                                                         $( '#diff_count' ).html( REVAPP._right_diff ); 
    516  
    517683                                                        if ( 0 === REVAPP._left_diff ) { 
    518684                                                                $( '.revisiondiffcontainer' ).addClass( 'currentversion' ); 
    519685 
    520686                                                        } else { 
    521687                                                                $( '.revisiondiffcontainer' ).removeClass( 'currentversion' ); 
    522                                                                 $( '#diff_left_count_inner' ).html( REVAPP._left_diff ); 
    523688                                                        } 
    524689 
    525                                                         REVAPP._revisionView.render(); //render the diff view 
    526                                                         self.reset_restore_button(); 
     690                                                        REVAPP._revisionView.render(); 
     691 
    527692                                                }, 
    528693 
    529694                                                //when the user stops sliding  in 2 handle mode, recalculate diffs 
     
    537702                                                                switch ( index ) { 
    538703                                                                        case 1: //left 
    539704                                                                                //left handle dragged & changed, reload right handle model 
    540                                                                                 if ( ! ( REVAPP._left_diff_start === ui.values[ 0 ] || REVAPP._left_model_loading ) ) 
     705                                                                                if ( REVAPP._left_diff_start !== ui.values[ 0 ] ) 
    541706                                                                                        REVAPP.reloadright(); 
    542707 
    543708                                                                                break; 
    544709 
    545710                                                                        case 2: //right 
    546711                                                                                //right handle dragged & changed, reload left handle model if changed 
    547                                                                                 if ( ! ( REVAPP._right_diff_start === ui.values[ 1 ] || REVAPP._right_model_loading ) ) { 
     712                                                                                if ( REVAPP._right_diff_start !== ui.values[ 1 ] ) 
    548713                                                                                        REVAPP.reloadleft(); 
    549                                                                                 } 
     714 
    550715                                                                                break; 
    551716                                                                } 
    552717                                                        } 
     
    571736 
    572737                                REVAPP._revisionView.render(); 
    573738 
    574                                 $( '#diff_count' ).html( REVAPP._right_diff ); 
    575739                                $( '#slider' ).slider( 'value', REVAPP._right_diff - 1 ).trigger( 'slide' ); 
    576                                 this.reset_restore_button(); 
    577740                        }, 
    578741 
    579742                        //go the the previous revision 
     
    583746 
    584747                                REVAPP._revisionView.render(); 
    585748 
    586                                 $( '#diff_count' ).html( REVAPP._right_diff ); 
    587749                                $( '#slider' ).slider( 'value', REVAPP._right_diff - 1 ).trigger( 'slide' ); 
    588                                 this.reset_restore_button(); 
    589750                        } 
    590751                }) 
    591752        }); 
  • wp-admin/revision.php

     
    8080        $parent_file = $submenu_file = 'edit.php?post_type=' . $post->post_type; 
    8181else 
    8282        $parent_file = $submenu_file = 'edit.php'; 
    83  
    8483wp_enqueue_script( 'revisions' ); 
    8584 
    8685require_once( './admin-header.php' ); 
    8786 
    8887//TODO - Some of the translations below split things into multiple strings that are contextually related and this makes it pretty impossible for RTL translation. 
    8988//TODO can we pass the context in a better way 
     89$wpRevisionsSettings = array( 'post_id' => $post->ID, 
     90                                                'nonce' => wp_create_nonce( 'revisions-ajax-nonce' ), 
     91                                                'revision_id' => $revision_id ); 
     92wp_localize_script( 'revisions', 'wpRevisionsSettings', $wpRevisionsSettings ); 
     93 
     94$comparetworevisionslink = get_edit_post_link( $revision->ID ); 
    9095?> 
    91 <script type="text/javascript"> 
    92 var wpRevisionsSettings = <?php echo json_encode( array( 'post_id' => $post->ID, 'nonce' => wp_create_nonce( 'revisions-ajax-nonce' ) ) ); ?>; 
    93 </script> 
    94 <?php 
    95         $comparetworevisionslink = get_edit_post_link( $revision->ID ); 
    96 ?> 
    9796 
    98 <div id="backbonerevisionsoptions"></div> 
     97<div id="backbonerevisionsoptions"> 
     98</div> 
    9999<div class="wrap"> 
    100         <div class="icon32 icon32-posts-post" id="icon-edit"><br></div> 
     100        <div class="icon32 icon32-posts-post" id="icon-edit"> 
     101                <br> 
     102        </div> 
    101103        <div class="revisiondiffcontainer diffsplit currentversion rightmodelloading"> 
    102                 <div id="modelsloading" class="updated message"><span class="spinner" ></span> <?php _e( 'Calculating revision diffs' ); ?></div> 
     104                <div id="modelsloading" class="updated message"> 
     105                        <span class="spinner" ></span> <?php _e( 'Calculating revision diffs' ); ?> 
     106                </div> 
    103107                <h2 class="long-header"><?php echo $h2; ?></h2> 
    104                 <div id="backbonerevisionsinteract"></div> 
    105                 <div id="backbonerevisionsdiff"></div> 
     108                <div class="diff-slider-ticks-wrapper"> 
     109                        <div id="diff-slider-ticks"> 
     110                        </div> 
     111                </div> 
     112                <div id="backbonerevisionsinteract"> 
     113                </div> 
     114                <div id="backbonerevisionsdiff"> 
     115                </div> 
    106116                <hr /> 
    107117        </div> 
    108118</div> 
    109119 
    110120<script id="tmpl-revision" type="text/html"> 
     121        <div id="diffsubheader" class="diff-left-hand-meta-row"> 
     122                <div id="diff_from_current_revision"> 
     123                        <b><?php _e( 'Comparing from:' ); ?></b> <?php _e( 'the current version' ); ?> 
     124                </div> 
     125                <div id="difftitlefrom"><b><?php _e( 'Comparing from:' ); ?></b> <?php _e( 'revision by' ); ?> {{{ data.revision_from_date_author }}} </div> 
     126        </div> 
     127 
    111128        <div id="diffsubheader"> 
    112                 <span id="diff_from_current_revision"><?php _e( 'Current version' ); ?><?php _e( '- compared to -' ); ?></span> 
    113                 <div id="difftitlefrom">{{{ data.revision_from_date_author }}} <?php _e( '- compared to -' ); ?></div> 
    114                 <div id="difftitle">{{{ data.revision_date_author }}}</div> 
    115                 <div id="diffcancel"><input class="button" onClick="document.location='<?php echo get_edit_post_link( $post->ID ); ?>'" type="submit" id="cancel" value="<?php esc_attr_e( 'Cancel' )?>" /></div> 
    116                 <div id="diffrestore"><input class="button button-primary" onClick="document.location='{{{ data.restoreaction }}}'" type="submit" id="restore" value="<?php esc_attr_e( 'Restore revision ID' )?>" /></div> 
    117                 <div id="comparetworevisions"><input type="checkbox" id="comparetwo" value="comparetwo" {{{ data.comparetwochecked }}} name="comparetwo"/> <label for="comparetwo"><?php esc_attr_e( 'Compare two revisions' ); ?></a></div>    </div> 
     129                <div id="difftitle"> 
     130                        <strong><?php _e( 'Comparing to:' ); ?></strong> <?php _e( 'revision by' ); ?> {{{ data.revision_date_author }}} 
     131                </div> 
     132                <div id="diffrestore"> 
     133                        <input class="button button-primary" onClick="document.location='{{{ data.restoreaction }}}'" type="submit" id="restore" value="<?php esc_attr_e( 'Restore This Revision' )?>" /> 
     134                </div> 
     135                <div id="comparetworevisions"> 
     136                        <input type="checkbox" id="comparetwo" value="comparetwo" {{{ data.comparetwochecked }}} name="comparetwo"/> 
     137                                <label for="comparetwo"><?php esc_attr_e( 'Compare two revisions' ); ?></a></label> 
     138                </div> 
     139        </div> 
     140 
    118141        <div id="removedandadded"> 
    119142                <div id="removed"><?php _e( 'Removed -' ); ?></div> 
    120143                <div id="added"><?php _e( 'Added +' ); ?></div> 
     
    124147 
    125148<script id="tmpl-revisionvinteract" type="text/html"> 
    126149        <div id="diffheader"> 
    127 <div id="diffprevious"><input class="button" type="submit" id="previous" value="<?php esc_attr_e( 'Previous' ); ?>" /></div> 
    128                         <div id="diffnext"><input class="button" type="submit" id="next" value="<?php esc_attr_e( 'Next' ); ?>" /></div> 
    129                         <div id="diffslider"> 
    130         <div id="revisioncount"> 
    131                                         <?php _e( 'Comparing' ); ?> 
    132                                         <span id="diff_left_count"> <?php _e( 'revision' ); ?></span> <span id="diff_left_count_inner"></span> 
    133                                         <span id="diff_left_current_revision"><?php _e( 'current version' ); ?></span> 
    134                                         <span id="diff_revision_from">{{{ data.diff_revision_from }}}</span> 
    135                                         <?php _e( ' to revision' ); ?> 
    136                                         <span id="diff_count">{{{ data.current_diff }}}</span> 
    137                                         <?php _e( ' of ' ); ?> 
    138                                         <span id="diff_max" ></span> 
    139                                 </div> 
    140  
    141                         <div id="slider" class="wp-slider"></div> 
     150                <div id="diffprevious"><input class="button" type="submit" id="previous" value="<?php esc_attr_e( 'Previous' ); ?>" /> 
    142151                </div> 
     152                <div id="diffnext"><input class="button" type="submit" id="next" value="<?php esc_attr_e( 'Next' ); ?>" /> 
     153                </div> 
     154                <div id="diffslider"> 
     155                        <div id="slider" class="wp-slider"> 
     156                        </div> 
     157                </div> 
    143158        </div> 
    144159</script> 
     160<script id="tmpl-revision-ticks" type="text/html"> 
     161        <div class="revision-tick revision-toload{{{ data.revision_toload }}} revision-scopeofchanges-{{{ data.scope_of_changes }}}"> 
     162        </div> 
     163</script> 
    145164<?php 
    146165/* 
    147166TODO Convert these into screen options 
  • wp-admin/css/colors-fresh.css

     
    175175.sidebar-name, 
    176176#nav-menu-header, 
    177177#nav-menu-footer, 
    178 .menu-item-handle, 
    179 .wp-slider .ui-slider-handle { 
     178.menu-item-handle { 
    180179        background: #f1f1f1; 
    181180        background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9)); 
    182181        background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9); 
     
    185184        background-image: linear-gradient(to top, #ececec, #f9f9f9); 
    186185} 
    187186 
     187 
     188 
    188189.widget .widget-top, 
    189190.postbox h3, 
    190191.stuffbox h3 { 
     
    13821383        background-color: #f7f7f7; 
    13831384} 
    13841385 
     1386.comparetwo#diffsubheader.diff-left-hand-meta-row { 
     1387        background-color: #fcfcfc; 
     1388} 
     1389 
     1390.revision-tick.revision-toloadtrue { 
     1391        background-color: #9999cc; 
     1392        background: url(../images/wpspin_light.gif) no-repeat; 
     1393        background-position: middle; 
     1394        background-size: 1px 10px; 
     1395} 
     1396 
     1397.revision-tick.revision-toloadfalse { 
     1398        background-color: #aaa; 
     1399} 
     1400 
    13851401#att-info { 
    13861402        background-color: #e4f2Fd; 
    13871403} 
    13881404 
     1405body .ui-tooltip { 
     1406        border-color: #d7d7d7; 
     1407        background-color: #fff; 
     1408} 
     1409 
    13891410/* jQuery UI Slider */ 
    13901411.wp-slider.ui-slider { 
    13911412        border-color: #d7d7d7; 
     
    13931414} 
    13941415 
    13951416.wp-slider .ui-slider-handle { 
    1396         border-color: #d7d7d7; 
     1417        border-color: none; 
    13971418} 
    13981419 
     1420.wp-slider .ui-slider-handle { 
     1421        /* Slider drag Triangle CSS */ 
     1422background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA8FBMVEU2dZipwNBJl8VGmcX///+EpLlBgqpymrNFjru3ydNWiKs6eZzY4uuRrL08faPL3OZBjLSBqsCTssRHlMJEf59cj657o7xKl8OEqsE9gag2dJtEkb+ct8iZs8BHmMePq8BejKZAiK5llK5FjrlJl8c6dZdGl8avxdBJlcZ4nbc6ep6XrbpKgZ+Lqr5KmcdIkbqsws1Gk8E+f6c4dptaiadFirRKl8V8pblImcNIl8eGpruVscZCh7BMlsdIlcFImchEkbs9eJpCjbdGjbk8fJ84dp02dpo8gatMlsM2dps8faVAg61Ej71Ek75IksFIlcOaLCw7AAAAUHRSTlP/////AP///////////////////////////////////////////////////////////////////////////////////////////////////xB6m5UAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVcxZD8FAGIXhjxzUVktQgqKmo7ZYhkgsiS1tQuj//zeomo736uS5OFSo2W6UXc/R5hxXW5foxDlXqUKZx0GFZpXynuM4kXhjgjgyJkGzQIjpvi9Fx1uQ0iQUh4GkR/Ini0CQ2IfQ24YC4X8T+Mn0zj8lO1IgnqZpzlxE0m4YhrFsKYJVn126UGV+W1wHf4LdpByuF0goFKI7tv/dAAAAAElFTkSuQmCC'); 
     1423} 
     1424 
    13991425.wp-slider .ui-slider-handle.ui-state-hover, 
    14001426.wp-slider .ui-slider-handle.ui-state-focus { 
    1401         border-color: #aaa; 
     1427        border-color: none; 
     1428        outline: none; 
    14021429} 
    14031430 
    14041431.wp-slider .ui-slider-handle.ui-state-active { 
    1405         border-color: #aaa; 
    1406         background: #eee; 
    1407         background-image: -webkit-gradient(linear, left bottom, left top, from(#f9f9f9), to(#ececec)); 
    1408         background-image: -webkit-linear-gradient(bottom, #f9f9f9, #ececec); 
    1409         background-image:    -moz-linear-gradient(bottom, #f9f9f9, #ececec); 
    1410         background-image:      -o-linear-gradient(bottom, #f9f9f9, #ececec); 
    1411         background-image: linear-gradient(to top, #f9f9f9, #ececec); 
     1432        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA51BMVEUgZpDkzc0yd6f///8mcqFJm8cjbZZzr80mg78lh8BDk8UngLl+s9AmfKk4hrGeweBaoMhNlMORwt4nd6Zdm8BAjMEnf7RYmsMkb50mhsFWlsYhZ5ImhbwocZg0f61Lk8E9i7twqNBgo8VSmMUofLBcm8o3faUpfK8mh8Aia5MgZpFMmcgpeapDmcJjo8sliMEmh70nhLkkcKAqgLF2sc8sc5ojbZsngrMkh8EnfKw1eaUjbpkkapImeKQgaJAohb0mh8MmhcMng7kkcKEpf68iZ48haJMmhb8kicEmc6MibJkia5UnhLsw1mWvAAAATXRSTlP/AP8A/////////////////////////////////////////////////////////////////////////////////////////////////9/iR18AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVc15D8FAEIfh+Ymj6761LIrSiCNVVyjbRGgifP/PQ6q22/evyZPJDNXzD6G0qNDq5PtO3DJDFyfRpk+po2Eo0h5Qx9U0LRa3SejdlR2rDMLI41yKh6/AtOSzUiuU4kvemSMUDBsRXGuRIHj/CvCXyTNcSXelQBQYY1uBWMY651xfK4KzbdgzqJI73LK7hGC6r0bTB5apIhqIH/YIAAAAAElFTkSuQmCC'); 
    14121433} 
    14131434 
    14141435/* edit image */ 
  • wp-admin/css/wp-admin.css

     
    35943594        margin: 2px; 
    35953595} 
    35963596 
    3597 #diffrestore, 
    3598 #diffnext, 
    3599 #diffcancel { 
     3597#diffnext { 
    36003598        float: right; 
    36013599        margin-right: 5px; 
    36023600} 
    36033601 
     3602#diffrestore input{ 
     3603        margin-left: 10px; 
     3604} 
     3605 
    36043606#diffprevious, 
    36053607#difftitle, 
    36063608#difftitlefrom, 
     
    36123614 
    36133615#diffprevious, 
    36143616#diffnext { 
    3615         margin-top: 7px; 
    36163617        height: 30px; 
    36173618} 
    36183619 
     
    36243625#diffheader { 
    36253626        border-bottom: 1px solid #dfdfdf; 
    36263627        width: 100%; 
    3627         height: 45px; 
    3628         line-height: 45px; 
    3629         padding-top: 10px; 
     3628        height: 40px; 
     3629        line-height: 40px; 
     3630        padding-top: 30px; 
    36303631} 
    36313632 
    3632 #diffsubheader { 
     3633#diffsubheader,.diff-left-hand-meta-row { 
    36333634        border-bottom: 1px solid #dfdfdf; 
    36343635        width: 100%; 
    36353636        height:35px; 
    36363637        line-height: 35px; 
     3638        display: block; 
    36373639} 
    36383640 
    3639 #diffslider { 
     3641#diffslider{ 
    36403642        width: 70%; 
    36413643        margin-left: auto; 
    36423644        margin-right: auto; 
    36433645        text-align: center; 
    3644         height: 3.5em; 
     3646        height: 0.8em; 
     3647        margin-top: 20px; 
    36453648} 
    36463649 
     3650.diff-slider-ticks-wrapper { 
     3651        margin-left: auto; 
     3652        margin-right: auto; 
     3653        text-align: center; 
     3654} 
     3655 
     3656#diff-slider-ticks { 
     3657        position: absolute; 
     3658        margin-top: 50px; 
     3659        z-index: 1; 
     3660} 
     3661 
    36473662#revisioncount { 
    36483663        width: 50%; 
    36493664        margin-left: auto; 
     
    37113726 
    37123727#comparetworevisions { 
    37133728        float: right; 
     3729        position: absolute; 
     3730        top: 10px; 
     3731        right: 10px; 
    37143732        line-height: 35px; 
    37153733        padding-right: 5px; 
    37163734} 
     
    37463764.comparetwo #diffprevious, 
    37473765.comparetwo #diffnext, 
    37483766span#diff_left_current_revision, 
    3749 span#diff_from_current_revision, 
     3767#diff_from_current_revision, 
    37503768.currentversion span#diff_left_count, 
    37513769.currentversion span#diff_left_count_inner, 
    3752 .currentversion #difftitlefrom, 
    3753 .comparetwo.currentversion #difftitlefrom { 
     3770.comparetwo.currentversion #diff_from_current_revision, 
     3771#diffsubheader.diff-left-hand-meta-row { 
    37543772        display: none; 
    37553773} 
    37563774 
     
    37583776span#diff_left_count, 
    37593777span#diff_left_count_inner, 
    37603778.comparetwo #difftitlefrom, 
    3761 .comparetwo.currentversion span#diff_from_current_revision, 
    37623779.leftmodelloading #modelsloading, 
    37633780.rightmodelloading #modelsloading, 
    37643781.leftmodelloading #modelsloading .spinner, 
    37653782.rightmodelloading #modelsloading .spinner, 
    3766 { 
    3767         display: inline; 
     3783.comparetwo #diffsubheader.diff-left-hand-meta-row { 
     3784        display: block; 
    37683785} 
    37693786 
     3787.revision-tick { 
     3788        width: 1px; 
     3789        float: left; 
     3790        margin-right: 15px; 
     3791        height: 11px; 
     3792        padding: 0; 
     3793        margin-left: 0px; 
     3794} 
     3795 
     3796.revision-tick.revision-scopeofchanges-vsmall { 
     3797                width: 1px; 
     3798                background-color: #aaa; 
     3799} 
     3800 
     3801.revision-tick.revision-scopeofchanges-small { 
     3802                width: 2px; 
     3803                background-color: #aaa; 
     3804                margin-left: -1px; 
     3805} 
     3806 
     3807.revision-tick.revision-scopeofchanges-med { 
     3808                width: 3px; 
     3809                margin-left: -2px; 
     3810                background-color: #666; 
     3811} 
     3812 
     3813.revision-tick.revision-scopeofchanges-large { 
     3814                width: 4px; 
     3815                margin-left: -3px; 
     3816                background-color: #333; 
     3817} 
     3818 
     3819.revision-tick.revision-scopeofchanges-vlarge { 
     3820                margin-left: -3px; 
     3821                width: 4px; 
     3822                background-color: #111; 
     3823} 
     3824 
    37703825.diff-loading { 
    37713826        margin-top: 50px; 
    37723827        width: 100%; 
     
    37813836        float: none; 
    37823837} 
    37833838 
    3784 #difftitlefrom { 
    3785         float: left; 
    3786         display: none; 
    3787 } 
    3788  
    37893839#modelsloading { 
    37903840        float: right; 
     3841        position: absolute; 
    37913842        line-height: 30px; 
    37923843        display: none; 
    37933844        clear: none; 
    3794         margin: 0; 
     3845        right: 170px; 
    37953846        margin-top: -40px; 
    37963847} 
    37973848 
    37983849#modelsloading .spinner { 
    37993850        float: left; 
    3800  } 
     3851} 
    38013852 
     3853.ui-tooltip-content img { 
     3854        float: left; 
     3855        margin-right: 5px; 
     3856} 
     3857/*  jQuery UI Tooltip 1.10.1 */ 
     3858 
     3859.ui-tooltip { 
     3860        padding: 8px; 
     3861        position: absolute; 
     3862        z-index: 9999; 
     3863        max-width: 300px; 
     3864        min-width: 130px; 
     3865} 
     3866 
     3867body .ui-tooltip { 
     3868        border-width: 1px; 
     3869} 
     3870 
     3871.ui-tooltip, .arrow:after { 
     3872        border: 1px solid #d7d7d7; 
     3873} 
     3874 
     3875.ui-tooltip { 
     3876        padding: 5px 10px; 
     3877} 
     3878 
     3879.arrow { 
     3880        width: 70px; 
     3881        height: 16px; 
     3882        overflow: hidden; 
     3883        position: absolute; 
     3884        left: 50%; 
     3885        margin-left: -35px; 
     3886        bottom: -16px; 
     3887        z-index: 99999; 
     3888 
     3889} 
     3890 
     3891.arrow.top { 
     3892        top: -16px; 
     3893        bottom: auto; 
     3894} 
     3895 
     3896.arrow.left { 
     3897        left: 20%; 
     3898} 
     3899 
     3900.arrow:after { 
     3901        content: ""; 
     3902        position: absolute; 
     3903        left: 20px; 
     3904        top: -20px; 
     3905        width: 25px; 
     3906        height: 25px; 
     3907        background-color: #FFF; 
     3908        -webkit-transform: rotate(45deg); 
     3909        -moz-transform: rotate(45deg); 
     3910        -ms-transform: rotate(45deg); 
     3911        -o-transform: rotate(45deg); 
     3912        tranform: rotate(45deg); 
     3913} 
     3914 
     3915.arrow.top:after { 
     3916        bottom: -20px; 
     3917        top: auto; 
     3918} 
     3919 
    38023920 /* jQuery UI Slider */ 
    38033921 
    38043922.wp-slider.ui-slider { 
     
    38133931.wp-slider .ui-slider-handle { 
    38143932        position: absolute; 
    38153933        z-index: 2; 
    3816         width: 1.2em; 
    3817         height: 1.2em; 
    3818         border-width: 1px; 
    3819         border-style: solid; 
    3820         border-radius: 3px; 
     3934        width: 17px; 
     3935        height: 17px; 
     3936        border: none; 
    38213937} 
    38223938 
    38233939.wp-slider .ui-slider-range {