WordPress.org

Make WordPress Core

Ticket #23497: 23497.30.diff

File 23497.30.diff, 58.1 KB (added by adamsilverstein, 16 months ago)

correct issue when switching to two handles before 1st load completed

  • 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

     
    21372137        /* translators: revision date format, see http://php.net/date */ 
    21382138        $datef = _x( 'j F, Y @ G:i:s', 'revision date format'); 
    21392139 
     2140        $left_revision = get_post( $compare_to ); 
     2141        //error_log($left_revision); 
    21402142        //single model fetch mode 
     2143        //return the diff of a single revision comparison 
    21412144        if ( 0 != $single_revision_id ) { 
    2142                 $left_revision = get_post( $compare_to ); 
    21432145                $right_revision = get_post( $single_revision_id ); 
    21442146 
    2145                 if ( $compare_two_mode ) { 
    2146                         $compare_to_gravatar = get_avatar( $left_revision->post_author, 18 ); 
    2147                         $compare_to_author = get_the_author_meta( 'display_name', $left_revision->post_author ); 
    2148                         $compare_to_date = date_i18n( $datef, strtotime( $left_revision->post_modified ) ); 
    2149  
    2150                         $revision_from_date_author = sprintf( 
    2151                                 '%s %s, %s %s (%s)', 
    2152                                 $compare_to_gravatar, 
    2153                                 $compare_to_author, 
    2154                                 human_time_diff( strtotime( $left_revision->post_modified ), current_time( 'timestamp' ) ), 
    2155                                 __( ' ago ' ), 
    2156                                 $compare_to_date 
    2157                         ); 
    2158                 } 
    2159  
    21602147                // 
    21612148                //make sure the left revision is the most recent 
    21622149                // 
     
    21662153                        $right_revision = $temp; 
    21672154                } 
    21682155 
     2156                $linesadded=0; 
     2157                $linesdeleted=0; 
     2158 
    21692159                // 
    21702160                //compare from left to right, passed from application 
    21712161                // 
     
    21812171                        if ( ! empty( $show_split_view ) ) 
    21822172                                 $args = array( 'show_split_view' => true ); 
    21832173 
    2184                         $content .= wp_text_diff( $left_content, $right_content, $args ); 
     2174                        $diff = wp_text_diff_with_count( $left_content, $right_content, $args ); 
     2175 
     2176                        if ( isset( $diff[ 'html' ] ) ) 
     2177                                $content .= $diff[ 'html' ]; 
     2178 
     2179                        if ( isset( $diff[ 'linesadded' ] ) ) 
     2180                                $linesadded = $linesadded + $diff[ 'linesadded' ]; 
     2181 
     2182                        if ( isset( $diff[ 'linesdeleted' ] ) ) 
     2183                                $linesdeleted = $linesdeleted + $diff[ 'linesdeleted' ]; 
     2184 
     2185 
    21852186                } 
    2186                         $content = '' == $content ? __( 'No difference' ) : $content; 
    2187                         $alltherevisions = array ( 
    2188                                 'revisiondiff' => $content 
    2189                         ); 
     2187                $content = '' == $content ? __( 'No difference' ) : $content; 
     2188 
     2189                $alltherevisions = array ( 
     2190                        'revisiondiff' => $content, 
     2191                        'lines_deleted' => $linesdeleted, 
     2192                        'lines_added' => $linesadded 
     2193                ); 
    21902194                echo json_encode( $alltherevisions ); 
    21912195                exit(); 
    2192         } 
     2196        } //end single model fetch 
    21932197 
     2198        //fetch the list of revisions available 
     2199 
    21942200        //if we are comparing two revisions, the first 'revision' represented by the leftmost 
    21952201        //slider position is the current revision, prepend a comparison to this revision 
    2196         if ( $compare_two_mode )  
    2197                 array_unshift( $revisions, get_post( $post_id ) ); 
    2198                  
     2202        if ( ! wp_first_revision_matches_current_version( $post_id ) ) //revisions don't have current version 
     2203                array_unshift( $revisions, get_post( $post_id ) ) ; 
     2204        //$revisions->append ( get_post( $post_id ) ); 
     2205        //error_log( var_dump( $revisions )); 
    21992206        $count = -1; 
    22002207 
     2208        //reverse the list to start with oldes revision 
     2209        $revisions = array_reverse( $revisions ); 
     2210 
     2211        $previous_revision_id = 0; 
    22012212        foreach ( $revisions as $revision ) : 
    2202                 if ( ! empty( $show_autosaves ) && wp_is_post_autosave( $revision ) ) 
     2213                //error_log( ( $show_autosaves  )); 
     2214                if ( empty( $show_autosaves ) && wp_is_post_autosave( $revision ) ) 
    22032215                                continue; 
    22042216 
    22052217                $revision_from_date_author = ''; 
    22062218                $count++; 
    22072219                // return blank data for diffs to the left of the left handle (for right handel model) 
    22082220                // or to the right of the right handle (for left handel model) 
    2209                 if ( ( 0 != $left_handle_at && $count <= $left_handle_at ) ||  
    2210                          ( 0 != $right_handle_at && $count > $right_handle_at )) {  
     2221                if ( ( 0 != $left_handle_at && $count <= $left_handle_at ) || 
     2222                         ( 0 != $right_handle_at && $count > $right_handle_at )) { 
    22112223                        $alltherevisions[] = array ( 
    22122224                                'ID' => $revision->ID, 
    22132225                        ); 
    2214                          
    22152226                        continue; 
    22162227                } 
    22172228 
    2218                 $gravatar = get_avatar( $revision->post_author, 18 ); 
     2229                if ( $compare_two_mode ) { 
     2230                        $compare_to_gravatar = get_avatar( $left_revision->post_author, 24 ); 
     2231                        $compare_to_author = get_the_author_meta( 'display_name', $left_revision->post_author ); 
     2232                        $compare_to_date = date_i18n( $datef, strtotime( $left_revision->post_modified ) ); 
     2233 
     2234                        $revision_from_date_author = sprintf( 
     2235                                '%s %s, %s %s (%s)', 
     2236                                $compare_to_gravatar, 
     2237                                $compare_to_author, 
     2238                                human_time_diff( strtotime( $left_revision->post_modified ), current_time( 'timestamp' ) ), 
     2239                                __( ' ago ' ), 
     2240                                $compare_to_date 
     2241                        ); 
     2242                } 
     2243 
     2244                $gravatar = get_avatar( $revision->post_author, 24 ); 
    22192245                $author = get_the_author_meta( 'display_name', $revision->post_author ); 
    22202246                $date = date_i18n( $datef, strtotime( $revision->post_modified ) ); 
    22212247                $revision_date_author = sprintf( 
     
    22262252                        __( ' ago ' ), 
    22272253                        $date 
    22282254                ); 
     2255                $datef2 = __( 'j M @ G:i' ); 
     2256                $date2 = date_i18n( $datef2, strtotime( $revision->post_modified ) ); 
    22292257 
     2258                $revision_date_author_short = sprintf( 
     2259                        '%s <strong>%s</strong><br />%s', 
     2260                        $gravatar, 
     2261                        $author, 
     2262                        $date2 
     2263                ); 
     2264 
    22302265                $restoreaction = wp_nonce_url( 
    22312266                        add_query_arg( 
    22322267                                array( 'revision' => $revision->ID, 
     
    22362271                        "restore-post_{$compare_to}|{$revision->ID}" 
    22372272                ); 
    22382273 
    2239                 $alltherevisions[] = array ( 
     2274                if ( ( $compare_two_mode || 0 !== $previous_revision_id ) ) { 
     2275                        $alltherevisions[] = array ( 
    22402276                                'ID' => $revision->ID, 
    22412277                                'revision_date_author' => $revision_date_author, 
    22422278                                'revision_from_date_author' => $revision_from_date_author, 
     2279                                'revision_date_author_short' => $revision_date_author_short, 
    22432280                                'restoreaction' => urldecode( $restoreaction ), 
    2244                                 'revision_toload' => true 
     2281                                'revision_toload' => true, 
     2282                                'previous_revision_id' => $previous_revision_id 
    22452283                        ); 
     2284                } 
     2285                $previous_revision_id = $revision->ID; 
    22462286 
    22472287        endforeach; 
    22482288 
  • 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                        _has_tooltip : 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 ); 
     201                                //if ( self._right_diff > self._revisions.length) 
     202                                        //self._right_diff = self._right_diff-1; 
     203                                //console.log (REVAPP._right_diff ); 
     204 
    139205                                self._left_handle_revisions.url = 
    140206                                        ajaxurl + 
    141207                                        '?action=revisions-data&compare_to=' + self._revisions.at( self._right_diff - 1 ).get( 'ID' ) + 
    142208                                        '&post_id=' + wpRevisionsSettings.post_id + 
    143                                         '&show_autosaves=' + self._autosaves + 
    144                                         '&show_split_view=' +  self._show_split_view + 
     209                                        '&show_autosaves=' + REVAPP._autosaves + 
     210                                        '&show_split_view=' +  REVAPP._show_split_view + 
    145211                                        '&nonce=' + wpRevisionsSettings.nonce + 
    146212                                        '&right_handle_at='  + ( self._right_diff ); 
    147213 
     
    150216                                        success : function(){ 
    151217                                                self.stop_left_model_loading(); 
    152218                                                self.reload_toload_revisions( self._left_handle_revisions ); 
     219                                                self._tickmarkView.model = self._left_handle_revisions; 
     220                                                $( '#slider' ).slider( 'option', 'max', self._revisions.length ); 
    153221                                        }, 
    154222 
    155223                                        error : function () { 
     
    163231                                var self = this; 
    164232                                self.start_right_model_loading(); 
    165233                                self._right_handle_revisions = new wp.revisions.Collection(); 
    166                                 if ( 0 === self._left_diff ) { 
     234                                //console.log (REVAPP._left_diff ); 
     235 
    167236                                        self._right_handle_revisions.url = 
    168237                                                ajaxurl + 
    169                                                 '?action=revisions-data&compare_to=' + wpRevisionsSettings.post_id + 
     238                                                '?action=revisions-data&compare_to=' + ( self._revisions.at( self._left_diff ).get( 'ID' ) - 1 )+ 
    170239                                                '&post_id=' + wpRevisionsSettings.post_id + 
    171                                                 '&show_autosaves=' + self._autosaves + 
    172                                                 '&show_split_view=' +  self._show_split_view + 
     240                                                '&show_autosaves=' + REVAPP._autosaves + 
     241                                                '&show_split_view=' +  REVAPP._show_split_view + 
    173242                                                '&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                                 } 
    184243 
    185244                                self._right_handle_revisions.fetch({ 
    186245 
    187246                                        success : function(){ 
    188247                                                self.stop_right_model_loading(); 
    189248                                                self.reload_toload_revisions( self._right_handle_revisions ); 
     249                                                self._tickmarkView.model = self._right_handle_revisions; 
     250                                                $( '#slider' ).slider( 'option', 'max', self._revisions.length ); 
     251                                                $( '#slider' ).slider( 'values', [ REVAPP._left_diff, REVAPP._right_diff] ).trigger( 'slide' ); 
     252 
     253                                                //REVAPP._revisionView.render(); 
     254 
    190255                                        }, 
    191256 
    192257                                        error : function ( response ) { 
     
    208273                        initialize : function( options ) { 
    209274                                var self = this; //store the application instance 
    210275                                if (this._revisions === null) { 
    211                                         self._autosaves = ''; 
    212276                                        self._revisions = new wp.revisions.Collection(); //set up collection 
    213277                                        self.start_right_model_loading(); 
    214278                                        self._revisions.fetch({ //load revision data 
    215279 
    216280                                                success : function() { 
    217281                                                        self.stop_right_model_loading(); 
    218                                                         self.revisionDiffSetup(); 
     282                                                        self.completeApplicationSetup(); 
    219283                                                } 
    220284                                        }); 
    221285                                } 
    222286                                return this; 
    223287                        }, 
    224288 
    225                         revisionDiffSetup : function() { 
     289                        addTooltip : function( handle, message ) { 
     290 
     291                                handle.attr( 'title', '' ).tooltip({ 
     292                                        track: false, 
     293 
     294                                        position: { 
     295                                                my: "left-22 top-66", 
     296                                                at: "top left", 
     297                                                using: function( position, feedback ) { 
     298                                                        //console.log(this); 
     299                                                        $( this ).css( position ); 
     300                                                        $( "<div>" ) 
     301                                                        .addClass( "arrow" ) 
     302                                                        .addClass( feedback.vertical ) 
     303                                                        .addClass( feedback.horizontal ) 
     304                                                        .appendTo( $( this ) ); 
     305                                                } 
     306                                        }, 
     307                                        show: false, 
     308                                        hide: false, 
     309                                        content:  function() { 
     310                                                return message; 
     311                                        } 
     312 
     313                                } ); 
     314                        }, 
     315/**/ 
     316 
     317                        completeApplicationSetup : function() { 
    226318                                this._revisionView = new wp.revisions.views.View({ 
    227319                                        model : this._revisions 
    228320                                }); 
    229321                                this._revisionView.render(); 
    230                                 $( '#diff_max, #diff_maxof' ).html( this._revisions.length ); 
    231                                 $( '#diff_count' ).html( REVAPP._right_diff ); 
    232322                                $( '#slider' ).slider( 'option', 'max', this._revisions.length - 1 ); 
    233323 
    234324                                this.reload_toload_revisions( this._revisions ); 
     325 
    235326                                this._revisionsInteractions = new wp.revisions.views.Interact({ 
    236327                                        model : this._revisions 
    237328                                }); 
    238329                                this._revisionsInteractions.render(); 
    239330 
     331                                this._tickmarkView = new wp.revisions.views.Tickmarks({ 
     332                                        model : this._revisions 
     333                                }); 
     334                                this._tickmarkView.render(); 
     335                                this._tickmarkView.resetticks(); 
     336 
     337 
    240338                                /* 
     339                                .on( 'mouseup', function( event ) { 
     340                                        REVAPP._keep_tooltip_open = false; 
     341                                        $( this ).find('.ui-slider-tooltip').hide(); 
     342                                } ).on( 'mousedown', function( event ) { 
     343                                        REVAPP._keep_tooltip_open = true; 
     344                                } ).on( 'mouseout', function( event ) { 
     345                                        if ( REVAPP._keep_tooltip_open) 
     346                                                event.stopImmediatePropagation(); 
     347                                        }); 
     348                                */ 
     349                                /* 
    241350                                //Options hidden for now, moving to screen options 
    242351                                this._revisionsOptions = new wp.revisions.views.Options({ 
    243352                                        model : this._revisions 
     
    252361        wp.revisions.Collection = Backbone.Collection.extend({ 
    253362                model : wp.revisions.Model, 
    254363                url : ajaxurl + '?action=revisions-data&compare_to=' + wpRevisionsSettings.post_id + 
    255                         '&show_autosaves=false&show_split_view=true&nonce=' + wpRevisionsSettings.nonce, 
     364                        '&show_autosaves=true&show_split_view=true&nonce=' + wpRevisionsSettings.nonce, 
    256365 
    257366                initialize : function() { 
    258367                        } 
    259368        } ); 
    260369 
    261370        _.extend(wp.revisions.views, { 
     371 
     372                //Ticks inside slider view 
    262373                // 
     374                Tickmarks : Backbone.View.extend({ 
     375                        el : $('#diff-slider-ticks')[0], 
     376                        tagName : 'diff-slider-ticks-view', 
     377                        className : 'diff-slider-ticks-container', 
     378                        template : wp.template('revision-ticks'), 
     379                        model : wp.revisions.Model, 
     380 
     381                        resetticks : function() { 
     382                                var slider_max = $( '#slider' ).slider( 'option', 'max'); 
     383                                var slider_width = $( '#slider' ).width(); 
     384                                var adjust_max = ( 2 === REVAPP._compareoneortwo ) ? 1 : 0; 
     385                                var tick_width = Math.floor( slider_width / ( slider_max - adjust_max ) ); 
     386 
     387                                //TODO: adjust right margins for wider ticks so they stay centered on handle stop point 
     388 
     389                                tick_width = (tick_width > 50 ) ? 50 : tick_width; 
     390                                tick_width = (tick_width < 10 ) ? 10 : tick_width; 
     391 
     392                                slider_width = tick_width * (slider_max - adjust_max ) +1; 
     393 
     394                                $( '#slider' ).width( slider_width ); 
     395                                $( '.diff-slider-ticks-wrapper' ).width( slider_width ); 
     396                                $( '#diffslider' ).width( slider_width ); 
     397                                $( '#diff-slider-ticks' ).width( slider_width ); 
     398 
     399                                var a_tick_width = $( '.revision-tick' ).width(); 
     400 
     401                                if ( tick_width !==  a_tick_width ) { // is the width already set correctly? 
     402                                        $( '.revision-tick' ).each( function( ) { 
     403                                                $(this).css( 'margin-right', tick_width - 1 + 'px'); //space the ticks out using right margin 
     404                                        }); 
     405 
     406                                        if( 2 === REVAPP._compareoneortwo ) { 
     407                                                $( '.revision-tick' ).first().remove(); //TODO - remove the check 
     408                                        } 
     409                                        $( '.revision-tick' ).last().css( 'margin-right', '0' ); // last tick gets no right margin 
     410                                } 
     411 
     412                        }, 
     413 
     414                        //render the tickmark view 
     415                        render : function() { 
     416                                var self = this; 
     417 
     418                                if ( null !== self.model ) { 
     419                                        //TODO remove this initial model when ticket #16215 rolls because 
     420                                        //revisions will then include current version 
     421                                        var add_placeholder = ( 2 === REVAPP._compareoneortwo ) ? self.template('') : ''; 
     422 
     423                                        var addhtml = "";//add_placeholder; 
     424                                        _.each ( self.model.models, function ( the_model ) { 
     425 
     426                                                addhtml = addhtml + self.template ( the_model.toJSON() ); 
     427 
     428                                        }); 
     429                                        self.$el.html( addhtml ); 
     430 
     431                                } 
     432                                self.resetticks(); 
     433                                return self; 
     434                        } 
     435                }), 
     436 
     437                // 
    263438                //primary revision diff view 
    264439                // 
    265440                View : Backbone.View.extend({ 
     
    267442                        tagName : 'revisionvview', 
    268443                        className : 'revisionview-container', 
    269444                        template : wp.template('revision'), 
    270                         revvapp : null, 
    271445                        comparetwochecked : '', 
    272446                        draggingleft : false, 
    273447 
    274                         initialize : function(){ 
    275                         }, 
    276  
    277448                        // 
    278449                        //render the revisions 
    279450                        // 
    280451                        render : function() { 
    281452                                var addhtml = ''; 
    282453                                //compare two revisions mode? 
     454 
    283455                                if ( 2 === REVAPP._compareoneortwo ) { 
    284456                                        this.comparetwochecked = 'checked'; 
    285457                                        if ( this.draggingleft ) { 
     
    291463                                                } 
    292464                                        } else { //dragging right handle 
    293465                                                var thediff = REVAPP._right_diff; 
     466                                                //console.log( thediff ) 
    294467                                                if ( this.model.at( thediff ) ) { 
    295468                                                        addhtml = this.template( _.extend( 
    296469                                                                this.model.at( thediff ).toJSON(), 
     
    310483                                this.$el.html( addhtml ); 
    311484                                if ( this.model.length < 3 ) { 
    312485                                        $( 'div#comparetworevisions' ).hide(); //don't allow compare two if fewer than three revisions 
     486                                } 
     487                                if ( this.model.length < 2 ) { 
     488                                        $( 'div#diffslider' ).hide(); //don't allow compare two if fewer than three revisions 
     489                                        $( 'div.diff-slider-ticks-wrapper' ).hide(); 
     490                                } 
     491                                //console.log ( (this.model.at( REVAPP._right_diff - 1 )).url()); 
    313492 
     493                                if ( 2 === REVAPP._compareoneortwo && REVAPP._revisionView.draggingleft ) { 
     494                                        REVAPP.addTooltip ( $( 'a.ui-slider-handle.left-handle' ), 
     495                                                ( REVAPP._right_diff >= REVAPP._revisions.length ) ? '' : REVAPP._revisions.at( REVAPP._left_diff ).get( 'revision_date_author_short' ) ); 
     496                                        REVAPP.addTooltip ( $( 'a.ui-slider-handle.right-handle' ), 
     497                                                ( REVAPP._right_diff >= REVAPP._revisions.length ) ? '' : REVAPP._revisions.at( REVAPP._right_diff ).get( 'revision_date_author_short' ) ); 
     498                                } else { 
     499                                        REVAPP.addTooltip ( $( 'a.ui-slider-handle' ), 
     500                                                ( REVAPP._right_diff >= REVAPP._revisions.length ) ? '' : REVAPP._revisions.at( REVAPP._right_diff ).get( 'revision_date_author_short' ) ); 
    314501                                } 
    315                                 //console.log ( (this.model.at( REVAPP._right_diff - 1 )).url()); 
     502                        //      } else { 
     503 
     504                        //      } 
    316505                                return this; 
    317506                        }, 
    318507 
     
    326515                        // 
    327516                        clickcomparetwo : function(){ 
    328517                                self = this; 
     518 
    329519                                if ( $( 'input#comparetwo' ).is( ':checked' ) ) { 
    330520                                        REVAPP._compareoneortwo = 2 ; 
    331                                         REVAPP.reloadleftright(); 
    332                                 } else { 
    333                                         REVAPP._compareoneortwo = 1 ; 
    334                                         REVAPP._revisionView.draggingleft = false; 
    335                                         REVAPP._left_diff = 0; 
    336                                         REVAPP.reloadmodelsingle(); 
    337                                 } 
    338                                 REVAPP._revisionsInteractions.render(); 
     521                                        if ( 0 === REVAPP._left_diff ) 
     522                                                REVAPP._left_diff = 1; 
     523 
     524 
     525                                        if ( 1 === REVAPP._right_diff ) 
     526                                                REVAPP._right_diff = 2; 
     527 
     528                                                REVAPP._revisionView.draggingleft = true; 
     529                                                wpRevisionsSettings.revision_id = ''; // reset passed revision id so switching back to one handle mode doesn't re-select revision 
     530                                                REVAPP.reloadleftright(); 
     531                                                if ( REVAPP._revisionView.model !== REVAPP._left_handle_revisions && 
     532                                                                                        null !== REVAPP._left_handle_revisions ) { 
     533                                                        REVAPP._revisionView.model = REVAPP._left_handle_revisions; 
     534                                                        REVAPP._tickmarkView.model = REVAPP._left_handle_revisions; 
     535                                                } 
     536                                        } else { 
     537                                                REVAPP._compareoneortwo = 1 ; 
     538                                                REVAPP._revisionView.draggingleft = false; 
     539                                                REVAPP._left_diff = 0; 
     540                                                REVAPP._right_diff = (REVAPP._revisions.length <= REVAPP._right_diff ) ? REVAPP._right_diff : REVAPP._right_diff +1; 
     541                                                REVAPP.reloadmodelsingle(); 
     542                                        } 
     543                                        REVAPP._revisionsInteractions.render(); 
     544                                        REVAPP._tickmarkView.render(); 
     545                                //REVAPP._revisionView.render(); 
    339546                        } 
    340547                }), 
    341548 
    342549                // 
    343550                //options view for show autosaves and show split view options 
    344551                // 
     552                /* DISABLED for now 
    345553                Options : Backbone.View.extend({ 
    346554                        el : $('#backbonerevisionsoptions')[0], 
    347555                        tagName : 'revisionoptionsview', 
    348556                        className : 'revisionoptions-container', 
    349557                        template : wp.template('revisionoptions'), 
    350558 
    351                         initialize : function() { 
    352                         }, 
    353  
    354559                        //render the options view 
    355560                        render : function() { 
    356561                                var addhtml = this.template; 
     
    396601                                REVAPP.reloadmodel(); 
    397602                        } 
    398603                }), 
    399  
     604                */ 
    400605                // 
    401606                //main interactions view 
    402607                // 
     
    405610                        tagName : 'revisionvinteract', 
    406611                        className : 'revisionvinteract-container', 
    407612                        template : wp.template('revisionvinteract'), 
    408                         _restoreword : '', 
    409613 
    410614                        initialize : function() { 
    411                                 this._restoreword = $( 'input#restore' ).attr( 'value' ); 
    412615                        }, 
    413616 
    414                         reset_restore_button : function() { 
    415                                 $( 'input#restore' ).attr( 'value', this._restoreword + ' ' + REVAPP._revisions.at( REVAPP._right_diff - 1 ).get( 'ID' ) ); 
    416                         }, 
    417  
    418617                        render : function() { 
    419618                                var self = this; 
    420619 
    421620                                var addhtml = this.template; 
    422621                                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(); 
    427622 
    428623                                var modelcount = REVAPP._revisions.length; 
    429624 
     
    431626                                if ( 1 === REVAPP._compareoneortwo ) { 
    432627                                        //set up the slider with a single handle 
    433628                                        slider.slider({ 
    434                                                 value : REVAPP._right_diff-1, 
    435                                                 min : 0, 
    436                                                 max : modelcount-1, 
    437                                                 step : 1, 
     629                                                value: REVAPP._right_diff-1, 
     630                                                min: 0, 
     631                                                max: modelcount-1, 
     632                                                step: 1, 
    438633 
     634 
    439635                                                //slide interactions for one handles slider 
    440636                                                slide : function( event, ui ) { 
    441                                                         if ( REVAPP._right_model_loading ) //left model stoll loading, prevent sliding left handle 
    442                                                                                 return false; 
    443637 
    444                                                         REVAPP._right_diff =( ui.value+1 ); 
    445                                                         $( '#diff_count' ).html( REVAPP._right_diff ); 
     638                                                        REVAPP._right_diff = ( ui.value +1 ); 
    446639                                                        REVAPP._revisionView.render(); 
    447                                                         self.reset_restore_button(); 
    448                                                 } 
     640                                                        console.log(REVAPP._revisions.at( ui.value ).get( 'ID')); 
     641                                                        console.log(wpRevisionsSettings.post_id); 
     642 
     643                                                        if ( REVAPP._revisions.at( ui.value ).get( 'ID') == wpRevisionsSettings.post_id ){ 
     644                                                                $( '#diffrestore' ).hide(); 
     645                                                        } else { 
     646                                                                $( '#diffrestore' ).show(); 
     647                                                        } 
     648                                                        /* 
     649                                                        $( 'a.ui-slider-handle' ).tooltip( { 
     650                                                                content: REVAPP._revisions.at( ui.value ).get( 'revision_date_author_short' ), 
     651                                                                position: { 
     652                                                                my: "top-65", 
     653                                                                using: function( position, feedback ) { 
     654                                                                        $( this ).css( position ); 
     655                                                                        $( "<div>" ) 
     656                                                                        .addClass( "arrow" ) 
     657                                                                        .addClass( feedback.vertical ) 
     658                                                                        .addClass( feedback.horizontal ) 
     659                                                                        .appendTo( this ); 
     660                                                                        } 
     661                                                                } 
     662                                                        });//.trigger( 'close' ).trigger( 'open' ); 
     663*/ 
     664                                                        } 
    449665                                        }); 
    450666                                        $( '.revisiondiffcontainer' ).removeClass( 'comparetwo' ); 
     667 
    451668                                } else { //comparing more than one, eg 2 
    452669                                        //set up the slider with two handles 
    453670                                        slider.slider({ 
     
    467684                                                                                return false; 
    468685 
    469686                                                                        if ( REVAPP._revisionView.model !== REVAPP._left_handle_revisions && 
    470                                                                                         null !== REVAPP._left_handle_revisions ) 
     687                                                                                        null !== REVAPP._left_handle_revisions ) { 
    471688                                                                                REVAPP._revisionView.model = REVAPP._left_handle_revisions; 
    472  
     689                                                                                REVAPP._tickmarkView.model = REVAPP._left_handle_revisions; 
     690                                                                                REVAPP._tickmarkView.render(); 
     691                                                                        } 
    473692                                                                        REVAPP._revisionView.draggingleft = true; 
    474693                                                                        REVAPP._left_diff_start = ui.values[ 0 ]; 
    475694                                                                        break; 
    476695 
    477696                                                                case 2: //right 
    478                                                                         if ( REVAPP._right_model_loading ) //right model stoll loading, prevent sliding right handle 
     697                                                                        if ( REVAPP._right_model_loading ) //left model stoll loading, prevent sliding left handle 
    479698                                                                                return false; 
    480699 
    481700                                                                        //one extra spot at left end when comparing two 
    482701                                                                        if ( REVAPP._revisionView.model !== REVAPP._right_handle_revisions && 
    483                                                                                         null !== REVAPP._right_handle_revisions ) 
     702                                                                                        null !== REVAPP._right_handle_revisions ) { 
    484703                                                                                REVAPP._revisionView.model = REVAPP._right_handle_revisions; 
     704                                                                                REVAPP._tickmarkView.model = REVAPP._right_handle_revisions; 
     705                                                                                REVAPP._tickmarkView.render(); 
     706                                                                        } 
    485707 
    486708                                                                        REVAPP._revisionView.draggingleft = false; 
    487709                                                                        REVAPP._right_diff_start = ui.values[ 1 ]; 
     
    501723                                                                        if ( REVAPP._left_model_loading ) //left model still loading, prevent sliding left handle 
    502724                                                                                return false; 
    503725 
    504                                                                         REVAPP._left_diff = ui.values[ 0 ] - 1; //one extra spot at left end when comparing two 
     726                                                                        REVAPP._left_diff = ui.values[ 0 ]; //one extra spot at left end when comparing two 
    505727                                                                        break; 
    506728 
    507729                                                                case 2: //right 
    508                                                                         if ( REVAPP._right_model_loading ) //right model still loading, prevent sliding right handle 
    509                                                                                 return false; 
     730                                                                        REVAPP._right_diff = ui.values[ 1 ] ; 
     731                                                                        //console.log('setting ' + REVAPP._right_diff ); 
     732                                                                        if ( REVAPP._revisions.at( ui.values[ 1 ] -1 ).get( 'ID') == wpRevisionsSettings.post_id ){ 
     733                                                                                $( '#diffrestore' ).hide(); 
     734                                                                        } else { 
     735                                                                                $( '#diffrestore' ).show(); 
     736                                                                        } 
    510737 
    511                                                                         REVAPP._right_diff = ui.values[ 1 ] - 1 ; 
    512738                                                                        break; 
    513739                                                        } 
    514740 
    515                                                         $( '#diff_count' ).html( REVAPP._right_diff ); 
    516  
    517741                                                        if ( 0 === REVAPP._left_diff ) { 
    518742                                                                $( '.revisiondiffcontainer' ).addClass( 'currentversion' ); 
    519743 
    520744                                                        } else { 
    521745                                                                $( '.revisiondiffcontainer' ).removeClass( 'currentversion' ); 
    522                                                                 $( '#diff_left_count_inner' ).html( REVAPP._left_diff ); 
    523746                                                        } 
    524747 
    525                                                         REVAPP._revisionView.render(); //render the diff view 
    526                                                         self.reset_restore_button(); 
     748                                                        REVAPP._revisionView.render(); 
     749 
    527750                                                }, 
    528751 
    529752                                                //when the user stops sliding  in 2 handle mode, recalculate diffs 
     
    536759 
    537760                                                                switch ( index ) { 
    538761                                                                        case 1: //left 
     762 
    539763                                                                                //left handle dragged & changed, reload right handle model 
    540                                                                                 if ( ! ( REVAPP._left_diff_start === ui.values[ 0 ] || REVAPP._left_model_loading ) ) 
     764                                                                                if ( REVAPP._left_diff_start !== ui.values[ 0 ] ) 
    541765                                                                                        REVAPP.reloadright(); 
    542766 
    543767                                                                                break; 
    544768 
    545769                                                                        case 2: //right 
     770                                                                                //REVAPP._right_diff =  ( 1 >= REVAPP._right_diff ) ? 1  : REVAPP._right_diff-1; 
    546771                                                                                //right handle dragged & changed, reload left handle model if changed 
    547                                                                                 if ( ! ( REVAPP._right_diff_start === ui.values[ 1 ] || REVAPP._right_model_loading ) ) { 
     772                                                                                if ( REVAPP._right_diff_start !== ui.values[ 1 ] ) 
    548773                                                                                        REVAPP.reloadleft(); 
    549                                                                                 } 
     774 
    550775                                                                                break; 
    551776                                                                } 
    552777                                                        } 
    553778                                                } 
    554779                                        }); 
    555780                                        $( '.revisiondiffcontainer' ).addClass( 'comparetwo' ); 
     781                                        $( 'a.ui-slider-handle' ).first().addClass( 'left-handle' ).next().addClass( 'right-handle' ); 
    556782                                } 
    557783 
    558784                                return this; 
     
    571797 
    572798                                REVAPP._revisionView.render(); 
    573799 
    574                                 $( '#diff_count' ).html( REVAPP._right_diff ); 
    575800                                $( '#slider' ).slider( 'value', REVAPP._right_diff - 1 ).trigger( 'slide' ); 
    576                                 this.reset_restore_button(); 
    577801                        }, 
    578802 
    579803                        //go the the previous revision 
     
    583807 
    584808                                REVAPP._revisionView.render(); 
    585809 
    586                                 $( '#diff_count' ).html( REVAPP._right_diff ); 
    587810                                $( '#slider' ).slider( 'value', REVAPP._right_diff - 1 ).trigger( 'slide' ); 
    588                                 this.reset_restore_button(); 
    589811                        } 
    590812                }) 
    591813        }); 
  • 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( 'From:' ); ?></b> <?php _e( 'the current version' ); ?> 
     124                </div> 
     125                <div id="difftitlefrom"> 
     126                        <div class="diff-from-title"><?php _e( 'From:' ); ?></div>{{{ data.revision_from_date_author }}} 
     127                </div> 
     128        </div> 
     129 
    111130        <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> 
     131                <div id="difftitle"> 
     132                        <div class="diff-to-title"><?php _e( 'To:' ); ?></div>{{{ data.revision_date_author }}} 
     133                </div> 
     134                <div id="diffrestore"> 
     135                        <input class="button button-primary" onClick="document.location='{{{ data.restoreaction }}}'" type="submit" id="restore" value="<?php esc_attr_e( 'Restore This Revision' )?>" /> 
     136                </div> 
     137                <div id="comparetworevisions"> 
     138                        <input type="checkbox" id="comparetwo" value="comparetwo" {{{ data.comparetwochecked }}} name="comparetwo"/> 
     139                                <label for="comparetwo"><?php esc_attr_e( 'Compare two revisions' ); ?></a></label> 
     140                </div> 
     141        </div> 
     142 
    118143        <div id="removedandadded"> 
    119144                <div id="removed"><?php _e( 'Removed -' ); ?></div> 
    120145                <div id="added"><?php _e( 'Added +' ); ?></div> 
     
    124149 
    125150<script id="tmpl-revisionvinteract" type="text/html"> 
    126151        <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> 
     152                <div id="diffprevious"><input class="button" type="submit" id="previous" value="<?php esc_attr_e( 'Previous' ); ?>" /> 
    142153                </div> 
     154                <div id="diffnext"><input class="button" type="submit" id="next" value="<?php esc_attr_e( 'Next' ); ?>" /> 
     155                </div> 
     156                <div id="diffslider"> 
     157                        <div id="slider" class="wp-slider"> 
     158                        </div> 
     159                </div> 
    143160        </div> 
    144161</script> 
     162<script id="tmpl-revision-ticks" type="text/html"> 
     163        <div class="revision-tick revision-toload{{{ data.revision_toload }}} revision-scopeofchanges-{{{ data.scope_of_changes }}}"> 
     164        </div> 
     165</script> 
    145166<?php 
    146167/* 
    147168TODO 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 { 
     
    13781379        background-color: #e9f6ea; 
    13791380} 
    13801381 
     1382.diff-to-title { 
     1383        color: #0080AA; 
     1384} 
     1385 
    13811386#diffsubheader{ 
    13821387        background-color: #f7f7f7; 
    13831388} 
    13841389 
     1390.comparetwo#diffsubheader.diff-left-hand-meta-row { 
     1391        background-color: #fcfcfc; 
     1392} 
     1393 
     1394.revision-tick.revision-toloadtrue { 
     1395        background-color: #9999cc; 
     1396        background: url(../images/wpspin_light.gif) no-repeat; 
     1397        background-position: middle; 
     1398        background-size: 1px 10px; 
     1399} 
     1400 
     1401.revision-tick.revision-toloadfalse { 
     1402        background-color: #aaa; 
     1403} 
     1404 
    13851405#att-info { 
    13861406        background-color: #e4f2Fd; 
    13871407} 
    13881408 
     1409body .ui-tooltip { 
     1410        border-color: #d7d7d7; 
     1411        background-color: #fff; 
     1412} 
     1413 
    13891414/* jQuery UI Slider */ 
    13901415.wp-slider.ui-slider { 
    13911416        border-color: #d7d7d7; 
     
    13931418} 
    13941419 
    13951420.wp-slider .ui-slider-handle { 
    1396         border-color: #d7d7d7; 
     1421        border-color: none; 
    13971422} 
    13981423 
     1424.wp-slider .ui-slider-handle.left-handle { 
     1425background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAABAlBMVEXR2uHM1dzCzNW4ydOzxtSxw9Gqwc+bs7+Ss8SVscaZrLqQq7yNrMCKqr+EqsGDqb6GpruCpbl8pL15o7t1n7hwnLVika1djq5giqJXiqlYiqNJgp9ieYlDfqA/epw3dpk7dpg2dpo3dZo6dZc4dJY4dJg3cZY2bpE1bosxaIYxZIMrYX0tXnwtXHYsWHEnVW0mTmglT2cjTGIhRVsfQlYaN0kYM0QULDgTKTYRJzQTJzINISoLHCYNGyYKGCEIFxwJEhcJEhsHEhQDDAkHCg8EBwwCBwoEBAQBAwIBAQEBAQMAAgEBAAAAAAQAAQMBAAIAAAICAAEBAQAAAQAAAAD///+62qV+AAAAVnRSTlP/////////////////////////////////////////////////////////////////////////////////////////////////////////////////AEpNbNkAAAAJcEhZcwAACusAAArrAYKLDVoAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACbSURBVBiVVcvVDoNQEEXRqbu781B3d/dQQknh/P+vtBQKt/tpsnKGEOW4klkQFFvIsqwYzUJUvCts1wJl9gIruxT5hpLEyMBLKG+Z0ToJgrPLTDqOjyCxNN7mcahiaz50uDWsX0Fk+tKahKGJpX55qp1qpAsCY0lt5MdPUD2KoniowBRXn+f5Xp4RZDfCKg1W0D637P/iznn06w0M+083NZW9ZwAAAABJRU5ErkJggg==); 
     1426} 
     1427 
     1428.wp-slider .ui-slider-handle.ui-state-active.left-handle { 
     1429background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAAzFBMVEXZ5ejU4eXM3ODG2NzE1tvB1Nq90deux86sxs2qxcynwsqlwcmjwMihvseevMWdvMSbusOXuMGTtb6IrbiHrLeCqbSBqLN/p7J3oa11oKxzn6tvnKhrmaZqmKVpmKVol6RllaJhk6Bej51djptaiZZZiJVYhpNWg5BUf4xSfYlRfIhPeYRMdYBKcXxFaXNDZnA+X2g9XmY8XGU4VV43VFw2U1s0UFgyTVQxS1IwSVAuR00sREosQ0orQkgqQEYpPkQoPkMoPUMoPUL///8pY4MvAAAARHRSTlP/////////////////////////////////////////////////////////////////////////////////////////AHHSjxIAAAAJcEhZcwAACusAAArrAYKLDVoAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACUSURBVBiVVctXEoJQEETRMaIo5qwF5hwxYOY9ev97EiQ43q+pUz2EYk9n5UElU0rpRO016toO79WhxlVysWqkroRgsswSjAsbnasgpGdsMk25gooZvR3K8CQxCuU9jH8FhZ3022rwJTZ4CK9nnwJBbiO8yVpFKDButm1bOn6iLFyZt5igeZLHOrhgfJ8k/yXTVoLrAxo1P5iCdUg7AAAAAElFTkSuQmCC); 
     1430} 
     1431 
     1432.wp-slider .ui-slider-handle { 
     1433        /* Slider drag Triangle CSS */ 
     1434background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA8FBMVEU2dZipwNBJl8VGmcX///+EpLlBgqpymrNFjru3ydNWiKs6eZzY4uuRrL08faPL3OZBjLSBqsCTssRHlMJEf59cj657o7xKl8OEqsE9gag2dJtEkb+ct8iZs8BHmMePq8BejKZAiK5llK5FjrlJl8c6dZdGl8avxdBJlcZ4nbc6ep6XrbpKgZ+Lqr5KmcdIkbqsws1Gk8E+f6c4dptaiadFirRKl8V8pblImcNIl8eGpruVscZCh7BMlsdIlcFImchEkbs9eJpCjbdGjbk8fJ84dp02dpo8gatMlsM2dps8faVAg61Ej71Ek75IksFIlcOaLCw7AAAAUHRSTlP/////AP///////////////////////////////////////////////////////////////////////////////////////////////////xB6m5UAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVcxZD8FAGIXhjxzUVktQgqKmo7ZYhkgsiS1tQuj//zeomo736uS5OFSo2W6UXc/R5hxXW5foxDlXqUKZx0GFZpXynuM4kXhjgjgyJkGzQIjpvi9Fx1uQ0iQUh4GkR/Ini0CQ2IfQ24YC4X8T+Mn0zj8lO1IgnqZpzlxE0m4YhrFsKYJVn126UGV+W1wHf4LdpByuF0goFKI7tv/dAAAAAElFTkSuQmCC); 
     1435} 
     1436 
    13991437.wp-slider .ui-slider-handle.ui-state-hover, 
    14001438.wp-slider .ui-slider-handle.ui-state-focus { 
    1401         border-color: #aaa; 
     1439        border-color: none; 
     1440        outline: none; 
    14021441} 
    14031442 
    14041443.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); 
     1444        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA51BMVEUgZpDkzc0yd6f///8mcqFJm8cjbZZzr80mg78lh8BDk8UngLl+s9AmfKk4hrGeweBaoMhNlMORwt4nd6Zdm8BAjMEnf7RYmsMkb50mhsFWlsYhZ5ImhbwocZg0f61Lk8E9i7twqNBgo8VSmMUofLBcm8o3faUpfK8mh8Aia5MgZpFMmcgpeapDmcJjo8sliMEmh70nhLkkcKAqgLF2sc8sc5ojbZsngrMkh8EnfKw1eaUjbpkkapImeKQgaJAohb0mh8MmhcMng7kkcKEpf68iZ48haJMmhb8kicEmc6MibJkia5UnhLsw1mWvAAAATXRSTlP/AP8A/////////////////////////////////////////////////////////////////////////////////////////////////9/iR18AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVc15D8FAEIfh+Ymj6761LIrSiCNVVyjbRGgifP/PQ6q22/evyZPJDNXzD6G0qNDq5PtO3DJDFyfRpk+po2Eo0h5Qx9U0LRa3SejdlR2rDMLI41yKh6/AtOSzUiuU4kvemSMUDBsRXGuRIHj/CvCXyTNcSXelQBQYY1uBWMY651xfK4KzbdgzqJI73LK7hGC6r0bTB5apIhqIH/YIAAAAAElFTkSuQmCC); 
    14121445} 
    14131446 
    14141447/* edit image */ 
  • wp-admin/css/wp-admin.css

     
    35823582        vertical-align: middle; 
    35833583} 
    35843584 
     3585.diff-from-title, 
     3586.diff-to-title { 
     3587        font-size: 14px; 
     3588        font-weight: bold; 
     3589        width:60px; 
     3590        text-align: right; 
     3591        float: left; 
     3592        margin-right: 5px; 
     3593} 
     3594 
    35853595.revisiondiffcontainer { 
    35863596        width: 96%; 
    35873597} 
     
    35903600        margin: 2px; 
    35913601} 
    35923602 
    3593 #diffrestore, 
    3594 #diffnext, 
    3595 #diffcancel { 
     3603#diffnext { 
    35963604        float: right; 
    35973605        margin-right: 5px; 
    35983606} 
    35993607 
     3608#diffrestore input{ 
     3609        margin-left: 10px; 
     3610} 
     3611 
    36003612#diffprevious, 
    36013613#difftitle, 
    36023614#difftitlefrom, 
     
    36083620 
    36093621#diffprevious, 
    36103622#diffnext { 
    3611         margin-top: 7px; 
    36123623        height: 30px; 
    36133624} 
    36143625 
     
    36203631#diffheader { 
    36213632        border-bottom: 1px solid #dfdfdf; 
    36223633        width: 100%; 
    3623         height: 45px; 
    3624         line-height: 45px; 
    3625         padding-top: 10px; 
     3634        height: 40px; 
     3635        line-height: 40px; 
     3636        padding-top: 30px; 
    36263637} 
    36273638 
    3628 #diffsubheader { 
    3629         border-bottom: 1px solid #dfdfdf; 
     3639#diffsubheader,.diff-left-hand-meta-row { 
    36303640        width: 100%; 
    36313641        height:35px; 
    36323642        line-height: 35px; 
     3643        display: block; 
    36333644} 
    36343645 
    3635 #diffslider { 
     3646#diffslider{ 
    36363647        width: 70%; 
    36373648        margin-left: auto; 
    36383649        margin-right: auto; 
    36393650        text-align: center; 
    3640         height: 3.5em; 
     3651        height: 0.8em; 
     3652        margin-top: 20px; 
    36413653} 
    36423654 
     3655.diff-slider-ticks-wrapper { 
     3656        margin-left: auto; 
     3657        margin-right: auto; 
     3658        text-align: center; 
     3659} 
     3660 
     3661#diff-slider-ticks { 
     3662        position: absolute; 
     3663        margin-top: 50px; 
     3664        z-index: 1; 
     3665} 
     3666 
    36433667#revisioncount { 
    36443668        width: 50%; 
    36453669        margin-left: auto; 
     
    37073731 
    37083732#comparetworevisions { 
    37093733        float: right; 
     3734        position: absolute; 
     3735        top: 10px; 
     3736        right: 10px; 
    37103737        line-height: 35px; 
    37113738        padding-right: 5px; 
    37123739} 
     
    37423769.comparetwo #diffprevious, 
    37433770.comparetwo #diffnext, 
    37443771span#diff_left_current_revision, 
    3745 span#diff_from_current_revision, 
     3772#diff_from_current_revision, 
    37463773.currentversion span#diff_left_count, 
    37473774.currentversion span#diff_left_count_inner, 
    3748 .currentversion #difftitlefrom, 
    3749 .comparetwo.currentversion #difftitlefrom { 
     3775.comparetwo.currentversion #diff_from_current_revision, 
     3776#diffsubheader.diff-left-hand-meta-row { 
    37503777        display: none; 
    37513778} 
    37523779 
     
    37543781span#diff_left_count, 
    37553782span#diff_left_count_inner, 
    37563783.comparetwo #difftitlefrom, 
    3757 .comparetwo.currentversion span#diff_from_current_revision, 
    37583784.leftmodelloading #modelsloading, 
    37593785.rightmodelloading #modelsloading, 
    37603786.leftmodelloading #modelsloading .spinner, 
    37613787.rightmodelloading #modelsloading .spinner, 
    3762 { 
    3763         display: inline; 
     3788.comparetwo #diffsubheader.diff-left-hand-meta-row { 
     3789        display: block; 
    37643790} 
    37653791 
     3792.revision-tick { 
     3793        width: 1px; 
     3794        float: left; 
     3795        margin-right: 15px; 
     3796        height: 11px; 
     3797        padding: 0; 
     3798        margin-left: 0px; 
     3799} 
     3800 
     3801.revision-tick.revision-scopeofchanges-vsmall { 
     3802                width: 1px; 
     3803                background-color: #aaa; 
     3804} 
     3805 
     3806.revision-tick.revision-scopeofchanges-small { 
     3807                width: 2px; 
     3808                background-color: #aaa; 
     3809                margin-left: -1px; 
     3810} 
     3811 
     3812.revision-tick.revision-scopeofchanges-med { 
     3813                width: 3px; 
     3814                margin-left: -2px; 
     3815                background-color: #666; 
     3816} 
     3817 
     3818.revision-tick.revision-scopeofchanges-large { 
     3819                width: 4px; 
     3820                margin-left: -3px; 
     3821                background-color: #333; 
     3822} 
     3823 
     3824.revision-tick.revision-scopeofchanges-vlarge { 
     3825                margin-left: -3px; 
     3826                width: 4px; 
     3827                background-color: #111; 
     3828                left: 1; 
     3829} 
     3830 
    37663831.diff-loading { 
    37673832        margin-top: 50px; 
    37683833        width: 100%; 
     
    37773842        float: none; 
    37783843} 
    37793844 
    3780 #difftitlefrom { 
    3781         float: left; 
    3782         display: none; 
    3783 } 
    3784  
    37853845#modelsloading { 
    37863846        float: right; 
     3847        position: absolute; 
    37873848        line-height: 30px; 
    37883849        display: none; 
    37893850        clear: none; 
    3790         margin: 0; 
     3851        right: 170px; 
    37913852        margin-top: -40px; 
    37923853} 
    37933854 
    37943855#modelsloading .spinner { 
    37953856        float: left; 
    3796  } 
     3857} 
    37973858 
     3859.ui-tooltip-content img { 
     3860        float: left; 
     3861        margin-right: 5px; 
     3862} 
     3863/*  jQuery UI Tooltip 1.10.1 */ 
     3864 
     3865.ui-tooltip { 
     3866        padding: 8px; 
     3867        position: absolute; 
     3868        z-index: 9999; 
     3869        max-width: 300px; 
     3870        min-width: 130px; 
     3871} 
     3872 
     3873body .ui-tooltip { 
     3874        border-width: 1px; 
     3875} 
     3876 
     3877.ui-tooltip, .arrow:after { 
     3878        border: 1px solid #d7d7d7; 
     3879} 
     3880 
     3881.ui-tooltip { 
     3882        padding: 5px 10px; 
     3883} 
     3884 
     3885.arrow { 
     3886        width: 70px; 
     3887        height: 16px; 
     3888        overflow: hidden; 
     3889        position: absolute; 
     3890        left: 50%; 
     3891        margin-left: -35px; 
     3892        bottom: -16px; 
     3893        z-index: 99999; 
     3894 
     3895} 
     3896 
     3897.arrow.top { 
     3898        top: -16px; 
     3899        bottom: auto; 
     3900} 
     3901 
     3902.arrow.left { 
     3903        left: 20%; 
     3904} 
     3905 
     3906.arrow:after { 
     3907        content: ""; 
     3908        position: absolute; 
     3909        left: 20px; 
     3910        top: -20px; 
     3911        width: 25px; 
     3912        height: 25px; 
     3913        background-color: #FFF; 
     3914        -webkit-transform: rotate(45deg); 
     3915        -moz-transform: rotate(45deg); 
     3916        -ms-transform: rotate(45deg); 
     3917        -o-transform: rotate(45deg); 
     3918        tranform: rotate(45deg); 
     3919} 
     3920 
     3921.arrow.top:after { 
     3922        bottom: -20px; 
     3923        top: auto; 
     3924} 
     3925 
    37983926 /* jQuery UI Slider */ 
    37993927 
    38003928.wp-slider.ui-slider { 
     
    38093937.wp-slider .ui-slider-handle { 
    38103938        position: absolute; 
    38113939        z-index: 2; 
    3812         width: 1.2em; 
    3813         height: 1.2em; 
    3814         border-width: 1px; 
    3815         border-style: solid; 
    3816         border-radius: 3px; 
     3940        width: 17px; 
     3941        height: 17px; 
     3942        border: none; 
    38173943} 
    38183944 
    38193945.wp-slider .ui-slider-range {