WordPress.org

Make WordPress Core

Ticket #23497: 23497.25.diff

File 23497.25.diff, 53.2 KB (added by adamsilverstein, 7 years ago)

more consistent switching between two handle and one handle mode refreshed

  • wp-includes/post-template.php

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

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

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

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

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

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

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

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

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