WordPress.org

Make WordPress Core

Ticket #23497: 23497.29.diff

File 23497.29.diff, 57.7 KB (added by adamsilverstein, 5 years ago)
  • 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                                                of: handle,
     298                                                using: function( position, feedback ) {
     299                                                        //console.log(this);
     300                                                        $( this ).css( position );
     301                                                        $( "<div>" )
     302                                                        .addClass( "arrow" )
     303                                                        .addClass( feedback.vertical )
     304                                                        .addClass( feedback.horizontal )
     305                                                        .appendTo( $( this ) );
     306                                                }
     307                                        },
     308                                        show: false,
     309                                        hide: false,
     310                                        content:  function() {
     311                                                return message;
     312                                        }
     313
     314                                } );
     315                        },
     316/**/
     317
     318                        completeApplicationSetup : function() {
    226319                                this._revisionView = new wp.revisions.views.View({
    227320                                        model : this._revisions
    228321                                });
    229322                                this._revisionView.render();
    230                                 $( '#diff_max, #diff_maxof' ).html( this._revisions.length );
    231                                 $( '#diff_count' ).html( REVAPP._right_diff );
    232323                                $( '#slider' ).slider( 'option', 'max', this._revisions.length - 1 );
    233324
    234325                                this.reload_toload_revisions( this._revisions );
     326
    235327                                this._revisionsInteractions = new wp.revisions.views.Interact({
    236328                                        model : this._revisions
    237329                                });
    238330                                this._revisionsInteractions.render();
    239331
     332                                this._tickmarkView = new wp.revisions.views.Tickmarks({
     333                                        model : this._revisions
     334                                });
     335                                this._tickmarkView.render();
     336                                this._tickmarkView.resetticks();
     337
     338
    240339                                /*
     340                                .on( 'mouseup', function( event ) {
     341                                        REVAPP._keep_tooltip_open = false;
     342                                        $( this ).find('.ui-slider-tooltip').hide();
     343                                } ).on( 'mousedown', function( event ) {
     344                                        REVAPP._keep_tooltip_open = true;
     345                                } ).on( 'mouseout', function( event ) {
     346                                        if ( REVAPP._keep_tooltip_open)
     347                                                event.stopImmediatePropagation();
     348                                        });
     349                                */
     350                                /*
    241351                                //Options hidden for now, moving to screen options
    242352                                this._revisionsOptions = new wp.revisions.views.Options({
    243353                                        model : this._revisions
     
    252362        wp.revisions.Collection = Backbone.Collection.extend({
    253363                model : wp.revisions.Model,
    254364                url : ajaxurl + '?action=revisions-data&compare_to=' + wpRevisionsSettings.post_id +
    255                         '&show_autosaves=false&show_split_view=true&nonce=' + wpRevisionsSettings.nonce,
     365                        '&show_autosaves=true&show_split_view=true&nonce=' + wpRevisionsSettings.nonce,
    256366
    257367                initialize : function() {
    258368                        }
    259369        } );
    260370
    261371        _.extend(wp.revisions.views, {
     372
     373                //Ticks inside slider view
    262374                //
     375                Tickmarks : Backbone.View.extend({
     376                        el : $('#diff-slider-ticks')[0],
     377                        tagName : 'diff-slider-ticks-view',
     378                        className : 'diff-slider-ticks-container',
     379                        template : wp.template('revision-ticks'),
     380                        model : wp.revisions.Model,
     381
     382                        resetticks : function() {
     383                                var slider_max = $( '#slider' ).slider( 'option', 'max');
     384                                var slider_width = $( '#slider' ).width();
     385                                var adjust_max = ( 2 === REVAPP._compareoneortwo ) ? 1 : 0;
     386                                var tick_width = Math.floor( slider_width / ( slider_max - adjust_max ) );
     387
     388                                //TODO: adjust right margins for wider ticks so they stay centered on handle stop point
     389
     390                                tick_width = (tick_width > 50 ) ? 50 : tick_width;
     391                                tick_width = (tick_width < 10 ) ? 10 : tick_width;
     392
     393                                slider_width = tick_width * (slider_max - adjust_max ) +1;
     394
     395                                $( '#slider' ).width( slider_width );
     396                                $( '.diff-slider-ticks-wrapper' ).width( slider_width );
     397                                $( '#diffslider' ).width( slider_width );
     398                                $( '#diff-slider-ticks' ).width( slider_width );
     399
     400                                var a_tick_width = $( '.revision-tick' ).width();
     401
     402                                if ( tick_width !==  a_tick_width ) { // is the width already set correctly?
     403                                        $( '.revision-tick' ).each( function( ) {
     404                                                $(this).css( 'margin-right', tick_width - 1 + 'px'); //space the ticks out using right margin
     405                                        });
     406
     407                                        if( 2 === REVAPP._compareoneortwo ) {
     408                                                $( '.revision-tick' ).first().remove(); //TODO - remove the check
     409                                        }
     410                                        $( '.revision-tick' ).last().css( 'margin-right', '0' ); // last tick gets no right margin
     411                                }
     412
     413                        },
     414
     415                        //render the tickmark view
     416                        render : function() {
     417                                var self = this;
     418
     419                                if ( null !== self.model ) {
     420                                        //TODO remove this initial model when ticket #16215 rolls because
     421                                        //revisions will then include current version
     422                                        var add_placeholder = ( 2 === REVAPP._compareoneortwo ) ? self.template('') : '';
     423
     424                                        var addhtml = "";//add_placeholder;
     425                                        _.each ( self.model.models, function ( the_model ) {
     426
     427                                                addhtml = addhtml + self.template ( the_model.toJSON() );
     428
     429                                        });
     430                                        self.$el.html( addhtml );
     431
     432                                }
     433                                self.resetticks();
     434                                return self;
     435                        }
     436                }),
     437
     438                //
    263439                //primary revision diff view
    264440                //
    265441                View : Backbone.View.extend({
     
    267443                        tagName : 'revisionvview',
    268444                        className : 'revisionview-container',
    269445                        template : wp.template('revision'),
    270                         revvapp : null,
    271446                        comparetwochecked : '',
    272447                        draggingleft : false,
    273448
    274                         initialize : function(){
    275                         },
    276 
    277449                        //
    278450                        //render the revisions
    279451                        //
    280452                        render : function() {
    281453                                var addhtml = '';
    282454                                //compare two revisions mode?
     455
    283456                                if ( 2 === REVAPP._compareoneortwo ) {
    284457                                        this.comparetwochecked = 'checked';
    285458                                        if ( this.draggingleft ) {
     
    291464                                                }
    292465                                        } else { //dragging right handle
    293466                                                var thediff = REVAPP._right_diff;
     467                                                //console.log( thediff )
    294468                                                if ( this.model.at( thediff ) ) {
    295469                                                        addhtml = this.template( _.extend(
    296470                                                                this.model.at( thediff ).toJSON(),
     
    310484                                this.$el.html( addhtml );
    311485                                if ( this.model.length < 3 ) {
    312486                                        $( 'div#comparetworevisions' ).hide(); //don't allow compare two if fewer than three revisions
     487                                }
     488                                if ( this.model.length < 2 ) {
     489                                        $( 'div#diffslider' ).hide(); //don't allow compare two if fewer than three revisions
     490                                        $( 'div.diff-slider-ticks-wrapper' ).hide();
     491                                }
     492                                //console.log ( (this.model.at( REVAPP._right_diff - 1 )).url());
    313493
     494                                if ( 2 === REVAPP._compareoneortwo && REVAPP._revisionView.draggingleft ) {
     495                                        REVAPP.addTooltip ( $( 'a.ui-slider-handle.left-handle' ),
     496                                                ( REVAPP._right_diff >= REVAPP._revisions.length ) ? '' : REVAPP._revisions.at( REVAPP._left_diff ).get( 'revision_date_author_short' ) );
     497                                        REVAPP.addTooltip ( $( 'a.ui-slider-handle.right-handle' ),
     498                                                ( REVAPP._right_diff >= REVAPP._revisions.length ) ? '' : REVAPP._revisions.at( REVAPP._right_diff ).get( 'revision_date_author_short' ) );
     499                                } else {
     500                                        REVAPP.addTooltip ( $( 'a.ui-slider-handle' ),
     501                                                ( REVAPP._right_diff >= REVAPP._revisions.length ) ? '' : REVAPP._revisions.at( REVAPP._right_diff ).get( 'revision_date_author_short' ) );
    314502                                }
    315                                 //console.log ( (this.model.at( REVAPP._right_diff - 1 )).url());
     503                        //      } else {
     504
     505                        //      }
    316506                                return this;
    317507                        },
    318508
     
    326516                        //
    327517                        clickcomparetwo : function(){
    328518                                self = this;
     519
    329520                                if ( $( 'input#comparetwo' ).is( ':checked' ) ) {
    330521                                        REVAPP._compareoneortwo = 2 ;
     522                                        if ( 0 === REVAPP._left_diff )
     523                                                REVAPP._left_diff = 1;
     524
     525
     526                                        if ( 1 === REVAPP._right_diff )
     527                                                REVAPP._right_diff = 2;
     528
     529                                        wpRevisionsSettings.revision_id = ''; // reset passed revision id so switching back to one handle mode doesn't re-select revision
    331530                                        REVAPP.reloadleftright();
     531                                        REVAPP._revisionView.draggingleft = true;
     532                                        REVAPP._revisionView.model = REVAPP._left_handle_revisions;
     533                                        REVAPP._tickmarkView.model = REVAPP._left_handle_revisions;
    332534                                } else {
    333535                                        REVAPP._compareoneortwo = 1 ;
    334536                                        REVAPP._revisionView.draggingleft = false;
    335537                                        REVAPP._left_diff = 0;
     538                                        REVAPP._right_diff = (REVAPP._revisions.length <= REVAPP._right_diff ) ? REVAPP._right_diff : REVAPP._right_diff +1;
    336539                                        REVAPP.reloadmodelsingle();
    337540                                }
    338541                                REVAPP._revisionsInteractions.render();
     542                                REVAPP._tickmarkView.render();
     543                                //REVAPP._revisionView.render();
    339544                        }
    340545                }),
    341546
    342547                //
    343548                //options view for show autosaves and show split view options
    344549                //
     550                /* DISABLED for now
    345551                Options : Backbone.View.extend({
    346552                        el : $('#backbonerevisionsoptions')[0],
    347553                        tagName : 'revisionoptionsview',
    348554                        className : 'revisionoptions-container',
    349555                        template : wp.template('revisionoptions'),
    350556
    351                         initialize : function() {
    352                         },
    353 
    354557                        //render the options view
    355558                        render : function() {
    356559                                var addhtml = this.template;
     
    396599                                REVAPP.reloadmodel();
    397600                        }
    398601                }),
    399 
     602                */
    400603                //
    401604                //main interactions view
    402605                //
     
    405608                        tagName : 'revisionvinteract',
    406609                        className : 'revisionvinteract-container',
    407610                        template : wp.template('revisionvinteract'),
    408                         _restoreword : '',
    409611
    410612                        initialize : function() {
    411                                 this._restoreword = $( 'input#restore' ).attr( 'value' );
    412613                        },
    413614
    414                         reset_restore_button : function() {
    415                                 $( 'input#restore' ).attr( 'value', this._restoreword + ' ' + REVAPP._revisions.at( REVAPP._right_diff - 1 ).get( 'ID' ) );
    416                         },
    417 
    418615                        render : function() {
    419616                                var self = this;
    420617
    421618                                var addhtml = this.template;
    422619                                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();
    427620
    428621                                var modelcount = REVAPP._revisions.length;
    429622
     
    431624                                if ( 1 === REVAPP._compareoneortwo ) {
    432625                                        //set up the slider with a single handle
    433626                                        slider.slider({
    434                                                 value : REVAPP._right_diff-1,
    435                                                 min : 0,
    436                                                 max : modelcount-1,
    437                                                 step : 1,
     627                                                value: REVAPP._right_diff-1,
     628                                                min: 0,
     629                                                max: modelcount-1,
     630                                                step: 1,
    438631
     632
    439633                                                //slide interactions for one handles slider
    440634                                                slide : function( event, ui ) {
    441                                                         if ( REVAPP._right_model_loading ) //left model stoll loading, prevent sliding left handle
    442                                                                                 return false;
    443635
    444                                                         REVAPP._right_diff =( ui.value+1 );
    445                                                         $( '#diff_count' ).html( REVAPP._right_diff );
     636                                                        REVAPP._right_diff = ( ui.value +1 );
    446637                                                        REVAPP._revisionView.render();
    447                                                         self.reset_restore_button();
    448                                                 }
     638                                                        console.log(REVAPP._revisions.at( ui.value ).get( 'ID'));
     639                                                        console.log(wpRevisionsSettings.post_id);
     640
     641                                                        if ( REVAPP._revisions.at( ui.value ).get( 'ID') == wpRevisionsSettings.post_id ){
     642                                                                $( '#diffrestore' ).hide();
     643                                                        } else {
     644                                                                $( '#diffrestore' ).show();
     645                                                        }
     646                                                        /*
     647                                                        $( 'a.ui-slider-handle' ).tooltip( {
     648                                                                content: REVAPP._revisions.at( ui.value ).get( 'revision_date_author_short' ),
     649                                                                position: {
     650                                                                my: "top-65",
     651                                                                using: function( position, feedback ) {
     652                                                                        $( this ).css( position );
     653                                                                        $( "<div>" )
     654                                                                        .addClass( "arrow" )
     655                                                                        .addClass( feedback.vertical )
     656                                                                        .addClass( feedback.horizontal )
     657                                                                        .appendTo( this );
     658                                                                        }
     659                                                                }
     660                                                        });//.trigger( 'close' ).trigger( 'open' );
     661*/
     662                                                        }
    449663                                        });
    450664                                        $( '.revisiondiffcontainer' ).removeClass( 'comparetwo' );
     665
    451666                                } else { //comparing more than one, eg 2
    452667                                        //set up the slider with two handles
    453668                                        slider.slider({
     
    467682                                                                                return false;
    468683
    469684                                                                        if ( REVAPP._revisionView.model !== REVAPP._left_handle_revisions &&
    470                                                                                         null !== REVAPP._left_handle_revisions )
     685                                                                                        null !== REVAPP._left_handle_revisions ) {
    471686                                                                                REVAPP._revisionView.model = REVAPP._left_handle_revisions;
    472 
     687                                                                                REVAPP._tickmarkView.model = REVAPP._left_handle_revisions;
     688                                                                                REVAPP._tickmarkView.render();
     689                                                                        }
    473690                                                                        REVAPP._revisionView.draggingleft = true;
    474691                                                                        REVAPP._left_diff_start = ui.values[ 0 ];
    475692                                                                        break;
    476693
    477694                                                                case 2: //right
    478                                                                         if ( REVAPP._right_model_loading ) //right model stoll loading, prevent sliding right handle
     695                                                                        if ( REVAPP._right_model_loading ) //left model stoll loading, prevent sliding left handle
    479696                                                                                return false;
    480697
    481698                                                                        //one extra spot at left end when comparing two
    482699                                                                        if ( REVAPP._revisionView.model !== REVAPP._right_handle_revisions &&
    483                                                                                         null !== REVAPP._right_handle_revisions )
     700                                                                                        null !== REVAPP._right_handle_revisions ) {
    484701                                                                                REVAPP._revisionView.model = REVAPP._right_handle_revisions;
     702                                                                                REVAPP._tickmarkView.model = REVAPP._right_handle_revisions;
     703                                                                                REVAPP._tickmarkView.render();
     704                                                                        }
    485705
    486706                                                                        REVAPP._revisionView.draggingleft = false;
    487707                                                                        REVAPP._right_diff_start = ui.values[ 1 ];
     
    501721                                                                        if ( REVAPP._left_model_loading ) //left model still loading, prevent sliding left handle
    502722                                                                                return false;
    503723
    504                                                                         REVAPP._left_diff = ui.values[ 0 ] - 1; //one extra spot at left end when comparing two
     724                                                                        REVAPP._left_diff = ui.values[ 0 ]; //one extra spot at left end when comparing two
    505725                                                                        break;
    506726
    507727                                                                case 2: //right
    508                                                                         if ( REVAPP._right_model_loading ) //right model still loading, prevent sliding right handle
    509                                                                                 return false;
     728                                                                        REVAPP._right_diff = ui.values[ 1 ] ;
     729                                                                        //console.log('setting ' + REVAPP._right_diff );
     730                                                                        if ( REVAPP._revisions.at( ui.values[ 1 ] -1 ).get( 'ID') == wpRevisionsSettings.post_id ){
     731                                                                                $( '#diffrestore' ).hide();
     732                                                                        } else {
     733                                                                                $( '#diffrestore' ).show();
     734                                                                        }
    510735
    511                                                                         REVAPP._right_diff = ui.values[ 1 ] - 1 ;
    512736                                                                        break;
    513737                                                        }
    514738
    515                                                         $( '#diff_count' ).html( REVAPP._right_diff );
    516 
    517739                                                        if ( 0 === REVAPP._left_diff ) {
    518740                                                                $( '.revisiondiffcontainer' ).addClass( 'currentversion' );
    519741
    520742                                                        } else {
    521743                                                                $( '.revisiondiffcontainer' ).removeClass( 'currentversion' );
    522                                                                 $( '#diff_left_count_inner' ).html( REVAPP._left_diff );
    523744                                                        }
    524745
    525                                                         REVAPP._revisionView.render(); //render the diff view
    526                                                         self.reset_restore_button();
     746                                                        REVAPP._revisionView.render();
     747
    527748                                                },
    528749
    529750                                                //when the user stops sliding  in 2 handle mode, recalculate diffs
     
    536757
    537758                                                                switch ( index ) {
    538759                                                                        case 1: //left
     760
    539761                                                                                //left handle dragged & changed, reload right handle model
    540                                                                                 if ( ! ( REVAPP._left_diff_start === ui.values[ 0 ] || REVAPP._left_model_loading ) )
     762                                                                                if ( REVAPP._left_diff_start !== ui.values[ 0 ] )
    541763                                                                                        REVAPP.reloadright();
    542764
    543765                                                                                break;
    544766
    545767                                                                        case 2: //right
     768                                                                                //REVAPP._right_diff =  ( 1 >= REVAPP._right_diff ) ? 1  : REVAPP._right_diff-1;
    546769                                                                                //right handle dragged & changed, reload left handle model if changed
    547                                                                                 if ( ! ( REVAPP._right_diff_start === ui.values[ 1 ] || REVAPP._right_model_loading ) ) {
     770                                                                                if ( REVAPP._right_diff_start !== ui.values[ 1 ] )
    548771                                                                                        REVAPP.reloadleft();
    549                                                                                 }
     772
    550773                                                                                break;
    551774                                                                }
    552775                                                        }
    553776                                                }
    554777                                        });
    555778                                        $( '.revisiondiffcontainer' ).addClass( 'comparetwo' );
     779                                        $( 'a.ui-slider-handle' ).first().addClass( 'left-handle' ).next().addClass( 'right-handle' );
    556780                                }
    557781
    558782                                return this;
     
    571795
    572796                                REVAPP._revisionView.render();
    573797
    574                                 $( '#diff_count' ).html( REVAPP._right_diff );
    575798                                $( '#slider' ).slider( 'value', REVAPP._right_diff - 1 ).trigger( 'slide' );
    576                                 this.reset_restore_button();
    577799                        },
    578800
    579801                        //go the the previous revision
     
    583805
    584806                                REVAPP._revisionView.render();
    585807
    586                                 $( '#diff_count' ).html( REVAPP._right_diff );
    587808                                $( '#slider' ).slider( 'value', REVAPP._right_diff - 1 ).trigger( 'slide' );
    588                                 this.reset_restore_button();
    589809                        }
    590810                })
    591811        });
  • 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 {