Make WordPress Core

Ticket #23497: 23497.27.diff

File 23497.27.diff, 57.0 KB (added by adamsilverstein, 12 years ago)

visual updates to match mockups

  • 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 )
    2213                 array_unshift( $revisions, get_post( $post_id ) );
    2214                
     2218        if ( ! wp_first_revision_matches_current_version( $post_id ) ) //revisions don't have current version
     2219                array_unshift( $revisions, get_post( $post_id ) ) ;
     2220        //$revisions->append ( get_post( $post_id ) );
     2221        //error_log( var_dump( $revisions ));
    22152222        $count = -1;
    22162223
     2224        //reverse the list to start with oldes revision
     2225        $revisions = array_reverse( $revisions );
     2226
     2227        $previous_revision_id = 0;
    22172228        foreach ( $revisions as $revision ) :
    2218                 if ( ! empty( $show_autosaves ) && wp_is_post_autosave( $revision ) )
     2229                //error_log( ( $show_autosaves  ));
     2230                if ( empty( $show_autosaves ) && wp_is_post_autosave( $revision ) )
    22192231                                continue;
    22202232
    22212233                $revision_from_date_author = '';
    22222234                $count++;
    22232235                // return blank data for diffs to the left of the left handle (for right handel model)
    22242236                // 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 )) { 
     2237                if ( ( 0 != $left_handle_at && $count <= $left_handle_at ) ||
     2238                         ( 0 != $right_handle_at && $count > $right_handle_at )) {
    22272239                        $alltherevisions[] = array (
    22282240                                'ID' => $revision->ID,
    22292241                        );
    2230                        
    22312242                        continue;
    22322243                }
    22332244
    2234                 $gravatar = get_avatar( $revision->post_author, 18 );
     2245                if ( $compare_two_mode ) {
     2246                        $compare_to_gravatar = get_avatar( $left_revision->post_author, 24 );
     2247                        $compare_to_author = get_the_author_meta( 'display_name', $left_revision->post_author );
     2248                        $compare_to_date = date_i18n( $datef, strtotime( $left_revision->post_modified ) );
     2249
     2250                        $revision_from_date_author = sprintf(
     2251                                '%s %s, %s %s (%s)',
     2252                                $compare_to_gravatar,
     2253                                $compare_to_author,
     2254                                human_time_diff( strtotime( $left_revision->post_modified ), current_time( 'timestamp' ) ),
     2255                                __( ' ago ' ),
     2256                                $compare_to_date
     2257                        );
     2258                }
     2259
     2260                $gravatar = get_avatar( $revision->post_author, 24 );
    22352261                $author = get_the_author_meta( 'display_name', $revision->post_author );
    22362262                $date = date_i18n( $datef, strtotime( $revision->post_modified ) );
    22372263                $revision_date_author = sprintf(
     
    22422268                        __( ' ago ' ),
    22432269                        $date
    22442270                );
     2271                $datef2 = __( 'j M @ G:i' );
     2272                $date2 = date_i18n( $datef2, strtotime( $revision->post_modified ) );
    22452273
     2274                $revision_date_author_short = sprintf(
     2275                        '%s <strong>%s</strong><br />%s',
     2276                        $gravatar,
     2277                        $author,
     2278                        $date2
     2279                );
     2280
    22462281                $restoreaction = wp_nonce_url(
    22472282                        add_query_arg(
    22482283                                array( 'revision' => $revision->ID,
     
    22522287                        "restore-post_{$compare_to}|{$revision->ID}"
    22532288                );
    22542289
    2255                 $alltherevisions[] = array (
     2290                if ( ( $compare_two_mode || 0 !== $previous_revision_id ) ) {
     2291                        $alltherevisions[] = array (
    22562292                                'ID' => $revision->ID,
    22572293                                'revision_date_author' => $revision_date_author,
    22582294                                'revision_from_date_author' => $revision_from_date_author,
     2295                                'revision_date_author_short' => $revision_date_author_short,
    22592296                                'restoreaction' => urldecode( $restoreaction ),
    2260                                 'revision_toload' => true
     2297                                'revision_toload' => true,
     2298                                'previous_revision_id' => $previous_revision_id
    22612299                        );
     2300                }
     2301                $previous_revision_id = $revision->ID;
    22622302
    22632303        endforeach;
    22642304
  • 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 );
     201                                //if ( self._right_diff > self._revisions.length)
     202                                        //self._right_diff = self._right_diff-1;
     203                                //console.log (REVAPP._right_diff );
     204
    139205                                self._left_handle_revisions.url =
    140206                                        ajaxurl +
    141207                                        '?action=revisions-data&compare_to=' + self._revisions.at( self._right_diff - 1 ).get( 'ID' ) +
    142208                                        '&post_id=' + wpRevisionsSettings.post_id +
    143                                         '&show_autosaves=' + self._autosaves +
    144                                         '&show_split_view=' +  self._show_split_view +
     209                                        '&show_autosaves=' + REVAPP._autosaves +
     210                                        '&show_split_view=' +  REVAPP._show_split_view +
    145211                                        '&nonce=' + wpRevisionsSettings.nonce +
    146212                                        '&right_handle_at='  + ( self._right_diff );
    147213
     
    150216                                        success : function(){
    151217                                                self.stop_left_model_loading();
    152218                                                self.reload_toload_revisions( self._left_handle_revisions );
     219                                                self._tickmarkView.model = self._left_handle_revisions;
     220                                                $( '#slider' ).slider( 'option', 'max', self._revisions.length );
    153221                                        },
    154222
    155223                                        error : function () {
     
    163231                                var self = this;
    164232                                self.start_right_model_loading();
    165233                                self._right_handle_revisions = new wp.revisions.Collection();
    166                                 if ( 0 === self._left_diff ) {
     234                                //console.log (REVAPP._left_diff );
     235
    167236                                        self._right_handle_revisions.url =
    168237                                                ajaxurl +
    169                                                 '?action=revisions-data&compare_to=' + wpRevisionsSettings.post_id +
     238                                                '?action=revisions-data&compare_to=' + ( self._revisions.at( self._left_diff ).get( 'ID' ) - 1 )+
    170239                                                '&post_id=' + wpRevisionsSettings.post_id +
    171                                                 '&show_autosaves=' + self._autosaves +
    172                                                 '&show_split_view=' +  self._show_split_view +
     240                                                '&show_autosaves=' + REVAPP._autosaves +
     241                                                '&show_split_view=' +  REVAPP._show_split_view +
    173242                                                '&nonce=' + wpRevisionsSettings.nonce;
    174                                 } else {
    175                                         self._right_handle_revisions.url =
    176                                                 ajaxurl +
    177                                                 '?action=revisions-data&compare_to=' + self._revisions.at( self._left_diff - 1 ).get( 'ID' ) +
    178                                                 '&post_id=' + wpRevisionsSettings.post_id +
    179                                                 '&show_autosaves=' + self._autosaves +
    180                                                 '&show_split_view=' +  self._show_split_view +
    181                                                 '&nonce=' + wpRevisionsSettings.nonce +
    182                                                 '&left_handle_at=' + (self._left_diff ) ;
    183                                 }
    184243
    185244                                self._right_handle_revisions.fetch({
    186245
    187246                                        success : function(){
    188247                                                self.stop_right_model_loading();
    189248                                                self.reload_toload_revisions( self._right_handle_revisions );
     249                                                self._tickmarkView.model = self._right_handle_revisions;
     250                                                $( '#slider' ).slider( 'option', 'max', self._revisions.length );
     251                                                $( '#slider' ).slider( 'values', [ REVAPP._left_diff, REVAPP._right_diff] ).trigger( 'slide' );
     252
     253                                                //REVAPP._revisionView.render();
     254
    190255                                        },
    191256
    192257                                        error : function ( response ) {
     
    208273                        initialize : function( options ) {
    209274                                var self = this; //store the application instance
    210275                                if (this._revisions === null) {
    211                                         self._autosaves = '';
    212276                                        self._revisions = new wp.revisions.Collection(); //set up collection
    213277                                        self.start_right_model_loading();
    214278                                        self._revisions.fetch({ //load revision data
    215279
    216280                                                success : function() {
    217281                                                        self.stop_right_model_loading();
    218                                                         self.revisionDiffSetup();
     282                                                        self.completeApplicationSetup();
    219283                                                }
    220284                                        });
    221285                                }
    222286                                return this;
    223287                        },
    224288
    225                         revisionDiffSetup : function() {
     289                        completeApplicationSetup : function() {
    226290                                this._revisionView = new wp.revisions.views.View({
    227291                                        model : this._revisions
    228292                                });
    229293                                this._revisionView.render();
    230                                 $( '#diff_max, #diff_maxof' ).html( this._revisions.length );
    231                                 $( '#diff_count' ).html( REVAPP._right_diff );
    232294                                $( '#slider' ).slider( 'option', 'max', this._revisions.length - 1 );
    233295
    234296                                this.reload_toload_revisions( this._revisions );
     297
    235298                                this._revisionsInteractions = new wp.revisions.views.Interact({
    236299                                        model : this._revisions
    237300                                });
    238301                                this._revisionsInteractions.render();
    239302
     303                                this._tickmarkView = new wp.revisions.views.Tickmarks({
     304                                        model : this._revisions
     305                                });
     306                                this._tickmarkView.render();
     307                                this._tickmarkView.resetticks();
     308
     309                                $( 'a.ui-slider-handle' ).attr( 'title', '' ).tooltip({
     310                                        track: false,
     311                                        position: {
     312                                                my: "top-80",
     313                                                active: function( position, feedback ) {
     314                                                        $( this ).css( position );
     315                                                        $( "<div>" )
     316                                                        .addClass( "arrow" )
     317                                                        .addClass( feedback.vertical )
     318                                                        .addClass( feedback.horizontal )
     319                                                        .appendTo( this );
     320                                                }
     321                                        },
     322                                        show: false,
     323                                        hide: false,
     324                                        disabled: false
     325                                } );
    240326                                /*
     327                                .on( 'mouseup', function( event ) {
     328                                        REVAPP._keep_tooltip_open = false;
     329                                        $( this ).find('.ui-slider-tooltip').hide();
     330                                } ).on( 'mousedown', function( event ) {
     331                                        REVAPP._keep_tooltip_open = true;
     332                                } ).on( 'mouseout', function( event ) {
     333                                        if ( REVAPP._keep_tooltip_open)
     334                                                event.stopImmediatePropagation();
     335                                        });
     336                                */
     337                                /*
    241338                                //Options hidden for now, moving to screen options
    242339                                this._revisionsOptions = new wp.revisions.views.Options({
    243340                                        model : this._revisions
     
    252349        wp.revisions.Collection = Backbone.Collection.extend({
    253350                model : wp.revisions.Model,
    254351                url : ajaxurl + '?action=revisions-data&compare_to=' + wpRevisionsSettings.post_id +
    255                         '&show_autosaves=false&show_split_view=true&nonce=' + wpRevisionsSettings.nonce,
     352                        '&show_autosaves=true&show_split_view=true&nonce=' + wpRevisionsSettings.nonce,
    256353
    257354                initialize : function() {
    258355                        }
    259356        } );
    260357
    261358        _.extend(wp.revisions.views, {
     359
     360                //Ticks inside slider view
    262361                //
     362                Tickmarks : Backbone.View.extend({
     363                        el : $('#diff-slider-ticks')[0],
     364                        tagName : 'diff-slider-ticks-view',
     365                        className : 'diff-slider-ticks-container',
     366                        template : wp.template('revision-ticks'),
     367                        model : wp.revisions.Model,
     368
     369                        resetticks : function() {
     370                                var slider_max = $( '#slider' ).slider( 'option', 'max');
     371                                var slider_width = $( '#slider' ).width();
     372                                var adjust_max = ( 2 === REVAPP._compareoneortwo ) ? 1 : 0;
     373                                var tick_width = Math.floor( slider_width / ( slider_max - adjust_max ) );
     374
     375                                //TODO: adjust right margins for wider ticks so they stay centered on handle stop point
     376
     377                                tick_width = (tick_width > 50 ) ? 50 : tick_width;
     378                                tick_width = (tick_width < 10 ) ? 10 : tick_width;
     379
     380                                slider_width = tick_width * (slider_max - adjust_max ) +1;
     381
     382                                $( '#slider' ).width( slider_width );
     383                                $( '.diff-slider-ticks-wrapper' ).width( slider_width );
     384                                $( '#diffslider' ).width( slider_width );
     385                                $( '#diff-slider-ticks' ).width( slider_width );
     386
     387                                var a_tick_width = $( '.revision-tick' ).width();
     388
     389                                if ( tick_width !==  a_tick_width ) { // is the width already set correctly?
     390                                        $( '.revision-tick' ).each( function( ) {
     391                                                $(this).css( 'margin-right', tick_width - 1 + 'px'); //space the ticks out using right margin
     392                                        });
     393
     394                                        if( 2 === REVAPP._compareoneortwo ) {
     395                                                $( '.revision-tick' ).first().remove(); //TODO - remove the check
     396                                        }
     397                                        $( '.revision-tick' ).last().css( 'margin-right', '0' ); // last tick gets no right margin
     398                                }
     399
     400                        },
     401
     402                        //render the options view
     403                        render : function() {
     404                                var self = this;
     405
     406                                if ( null !== self.model ) {
     407                                        //TODO remove this initial model when ticket #16215 rolls because
     408                                        //revisions will then include current version
     409                                        var add_placeholder = ( 2 === REVAPP._compareoneortwo ) ? self.template('') : '';
     410
     411                                        var addhtml = "";//add_placeholder;
     412                                        _.each ( self.model.models, function ( the_model ) {
     413
     414                                                addhtml = addhtml + self.template ( the_model.toJSON() );
     415
     416                                        });
     417                                        self.$el.html( addhtml );
     418
     419                                }
     420                                self.resetticks();
     421                                return self;
     422                        }
     423                }),
     424
     425                //
    263426                //primary revision diff view
    264427                //
    265428                View : Backbone.View.extend({
     
    271434                        comparetwochecked : '',
    272435                        draggingleft : false,
    273436
    274                         initialize : function(){
    275                         },
    276 
    277437                        //
    278438                        //render the revisions
    279439                        //
    280440                        render : function() {
    281441                                var addhtml = '';
    282442                                //compare two revisions mode?
     443
    283444                                if ( 2 === REVAPP._compareoneortwo ) {
    284445                                        this.comparetwochecked = 'checked';
    285446                                        if ( this.draggingleft ) {
     
    291452                                                }
    292453                                        } else { //dragging right handle
    293454                                                var thediff = REVAPP._right_diff;
     455                                                //console.log( thediff )
    294456                                                if ( this.model.at( thediff ) ) {
    295457                                                        addhtml = this.template( _.extend(
    296458                                                                this.model.at( thediff ).toJSON(),
     
    310472                                this.$el.html( addhtml );
    311473                                if ( this.model.length < 3 ) {
    312474                                        $( 'div#comparetworevisions' ).hide(); //don't allow compare two if fewer than three revisions
    313 
    314475                                }
     476                                if ( this.model.length < 2 ) {
     477                                        $( 'div#diffslider' ).hide(); //don't allow compare two if fewer than three revisions
     478                                        $( 'div.diff-slider-ticks-wrapper' ).hide();
     479                                }
    315480                                //console.log ( (this.model.at( REVAPP._right_diff - 1 )).url());
    316481                                return this;
    317482                        },
     
    326491                        //
    327492                        clickcomparetwo : function(){
    328493                                self = this;
     494
    329495                                if ( $( 'input#comparetwo' ).is( ':checked' ) ) {
    330496                                        REVAPP._compareoneortwo = 2 ;
     497                                        if ( 0 === REVAPP._left_diff )
     498                                                REVAPP._left_diff = 1;
     499
     500                                        //REVAPP._right_diff = (REVAPP._revisions.length <= REVAPP._right_diff ) ? REVAPP._right_diff : REVAPP._right_diff +1;
     501                                        //REVAPP._right_diff =  ( 1 >= REVAPP._right_diff ) ? 1  : REVAPP._right_diff-1; //reset right handle
     502                                        wpRevisionsSettings.revision_id = ''; // reset passed revision id so switching back to one handle mode doesn't re-select revision
    331503                                        REVAPP.reloadleftright();
     504                                        REVAPP._revisionView.draggingleft = true;
     505                                        REVAPP._revisionView.model = REVAPP._left_handle_revisions;
     506                                        REVAPP._tickmarkView.model = REVAPP._left_handle_revisions;
     507
     508                                        //REVAPP._right_diff-=1;
     509                                        //REVAPP._left_diff = 2;
     510
    332511                                } else {
    333512                                        REVAPP._compareoneortwo = 1 ;
     513
    334514                                        REVAPP._revisionView.draggingleft = false;
    335515                                        REVAPP._left_diff = 0;
     516                                        REVAPP._right_diff = (REVAPP._revisions.length <= REVAPP._right_diff ) ? REVAPP._right_diff : REVAPP._right_diff +1;
    336517                                        REVAPP.reloadmodelsingle();
    337518                                }
    338519                                REVAPP._revisionsInteractions.render();
     520                                REVAPP._tickmarkView.render();
     521                                //REVAPP._revisionView.render();
    339522                        }
    340523                }),
    341524
    342525                //
    343526                //options view for show autosaves and show split view options
    344527                //
     528                /* DISABLED for now
    345529                Options : Backbone.View.extend({
    346530                        el : $('#backbonerevisionsoptions')[0],
    347531                        tagName : 'revisionoptionsview',
    348532                        className : 'revisionoptions-container',
    349533                        template : wp.template('revisionoptions'),
    350534
    351                         initialize : function() {
    352                         },
    353 
    354535                        //render the options view
    355536                        render : function() {
    356537                                var addhtml = this.template;
     
    396577                                REVAPP.reloadmodel();
    397578                        }
    398579                }),
    399 
     580                */
    400581                //
    401582                //main interactions view
    402583                //
     
    405586                        tagName : 'revisionvinteract',
    406587                        className : 'revisionvinteract-container',
    407588                        template : wp.template('revisionvinteract'),
    408                         _restoreword : '',
    409589
    410590                        initialize : function() {
    411                                 this._restoreword = $( 'input#restore' ).attr( 'value' );
    412591                        },
    413592
    414                         reset_restore_button : function() {
    415                                 $( 'input#restore' ).attr( 'value', this._restoreword + ' ' + REVAPP._revisions.at( REVAPP._right_diff - 1 ).get( 'ID' ) );
    416                         },
    417 
    418593                        render : function() {
    419594                                var self = this;
    420595
    421596                                var addhtml = this.template;
    422597                                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();
    427598
    428599                                var modelcount = REVAPP._revisions.length;
    429600
     
    431602                                if ( 1 === REVAPP._compareoneortwo ) {
    432603                                        //set up the slider with a single handle
    433604                                        slider.slider({
    434                                                 value : REVAPP._right_diff-1,
    435                                                 min : 0,
    436                                                 max : modelcount-1,
    437                                                 step : 1,
     605                                                value: REVAPP._right_diff-1,
     606                                                min: 0,
     607                                                max: modelcount-1,
     608                                                step: 1,
    438609
     610
    439611                                                //slide interactions for one handles slider
    440612                                                slide : function( event, ui ) {
    441                                                         if ( REVAPP._right_model_loading ) //left model stoll loading, prevent sliding left handle
    442                                                                                 return false;
    443613
    444                                                         REVAPP._right_diff =( ui.value+1 );
    445                                                         $( '#diff_count' ).html( REVAPP._right_diff );
     614                                                        REVAPP._right_diff = ( ui.value +1 );
    446615                                                        REVAPP._revisionView.render();
    447                                                         self.reset_restore_button();
    448                                                 }
     616                                                        console.log(REVAPP._revisions.at( ui.value ).get( 'ID'));
     617                                                        console.log(wpRevisionsSettings.post_id);
     618
     619                                                        if ( REVAPP._revisions.at( ui.value ).get( 'ID') == wpRevisionsSettings.post_id ){
     620                                                                $( '#diffrestore' ).hide();
     621                                                        } else {
     622                                                                $( '#diffrestore' ).show();
     623                                                        }
     624                                                        /*
     625                                                        $( 'a.ui-slider-handle' ).tooltip( {
     626                                                                content: REVAPP._revisions.at( ui.value ).get( 'revision_date_author_short' ),
     627                                                                position: {
     628                                                                my: "top-65",
     629                                                                using: function( position, feedback ) {
     630                                                                        $( this ).css( position );
     631                                                                        $( "<div>" )
     632                                                                        .addClass( "arrow" )
     633                                                                        .addClass( feedback.vertical )
     634                                                                        .addClass( feedback.horizontal )
     635                                                                        .appendTo( this );
     636                                                                        }
     637                                                                }
     638                                                        });//.trigger( 'close' ).trigger( 'open' );
     639*/
     640                                                        }
    449641                                        });
    450642                                        $( '.revisiondiffcontainer' ).removeClass( 'comparetwo' );
     643
    451644                                } else { //comparing more than one, eg 2
    452645                                        //set up the slider with two handles
    453646                                        slider.slider({
     
    467660                                                                                return false;
    468661
    469662                                                                        if ( REVAPP._revisionView.model !== REVAPP._left_handle_revisions &&
    470                                                                                         null !== REVAPP._left_handle_revisions )
     663                                                                                        null !== REVAPP._left_handle_revisions ) {
    471664                                                                                REVAPP._revisionView.model = REVAPP._left_handle_revisions;
    472 
     665                                                                                REVAPP._tickmarkView.model = REVAPP._left_handle_revisions;
     666                                                                                REVAPP._tickmarkView.render();
     667                                                                        }
    473668                                                                        REVAPP._revisionView.draggingleft = true;
    474669                                                                        REVAPP._left_diff_start = ui.values[ 0 ];
    475670                                                                        break;
    476671
    477672                                                                case 2: //right
    478                                                                         if ( REVAPP._right_model_loading ) //right model stoll loading, prevent sliding right handle
     673                                                                        if ( REVAPP._right_model_loading ) //left model stoll loading, prevent sliding left handle
    479674                                                                                return false;
    480675
    481676                                                                        //one extra spot at left end when comparing two
    482677                                                                        if ( REVAPP._revisionView.model !== REVAPP._right_handle_revisions &&
    483                                                                                         null !== REVAPP._right_handle_revisions )
     678                                                                                        null !== REVAPP._right_handle_revisions ) {
    484679                                                                                REVAPP._revisionView.model = REVAPP._right_handle_revisions;
     680                                                                                REVAPP._tickmarkView.model = REVAPP._right_handle_revisions;
     681                                                                                REVAPP._tickmarkView.render();
     682                                                                        }
    485683
    486684                                                                        REVAPP._revisionView.draggingleft = false;
    487685                                                                        REVAPP._right_diff_start = ui.values[ 1 ];
     
    501699                                                                        if ( REVAPP._left_model_loading ) //left model still loading, prevent sliding left handle
    502700                                                                                return false;
    503701
    504                                                                         REVAPP._left_diff = ui.values[ 0 ] - 1; //one extra spot at left end when comparing two
     702                                                                        REVAPP._left_diff = ui.values[ 0 ]; //one extra spot at left end when comparing two
    505703                                                                        break;
    506704
    507705                                                                case 2: //right
    508                                                                         if ( REVAPP._right_model_loading ) //right model still loading, prevent sliding right handle
    509                                                                                 return false;
     706                                                                        REVAPP._right_diff = ui.values[ 1 ] ;
     707                                                                        //console.log('setting ' + REVAPP._right_diff );
     708                                                                        if ( REVAPP._revisions.at( ui.values[ 1 ] -1 ).get( 'ID') == wpRevisionsSettings.post_id ){
     709                                                                                $( '#diffrestore' ).hide();
     710                                                                        } else {
     711                                                                                $( '#diffrestore' ).show();
     712                                                                        }
    510713
    511                                                                         REVAPP._right_diff = ui.values[ 1 ] - 1 ;
    512714                                                                        break;
    513715                                                        }
    514716
    515                                                         $( '#diff_count' ).html( REVAPP._right_diff );
    516 
    517717                                                        if ( 0 === REVAPP._left_diff ) {
    518718                                                                $( '.revisiondiffcontainer' ).addClass( 'currentversion' );
    519719
    520720                                                        } else {
    521721                                                                $( '.revisiondiffcontainer' ).removeClass( 'currentversion' );
    522                                                                 $( '#diff_left_count_inner' ).html( REVAPP._left_diff );
    523722                                                        }
    524723
    525                                                         REVAPP._revisionView.render(); //render the diff view
    526                                                         self.reset_restore_button();
     724                                                        REVAPP._revisionView.render();
     725
    527726                                                },
    528727
    529728                                                //when the user stops sliding  in 2 handle mode, recalculate diffs
     
    536735
    537736                                                                switch ( index ) {
    538737                                                                        case 1: //left
     738
    539739                                                                                //left handle dragged & changed, reload right handle model
    540                                                                                 if ( ! ( REVAPP._left_diff_start === ui.values[ 0 ] || REVAPP._left_model_loading ) )
     740                                                                                if ( REVAPP._left_diff_start !== ui.values[ 0 ] )
    541741                                                                                        REVAPP.reloadright();
    542742
    543743                                                                                break;
    544744
    545745                                                                        case 2: //right
     746                                                                                //REVAPP._right_diff =  ( 1 >= REVAPP._right_diff ) ? 1  : REVAPP._right_diff-1;
    546747                                                                                //right handle dragged & changed, reload left handle model if changed
    547                                                                                 if ( ! ( REVAPP._right_diff_start === ui.values[ 1 ] || REVAPP._right_model_loading ) ) {
     748                                                                                if ( REVAPP._right_diff_start !== ui.values[ 1 ] )
    548749                                                                                        REVAPP.reloadleft();
    549                                                                                 }
     750
    550751                                                                                break;
    551752                                                                }
    552753                                                        }
    553754                                                }
    554755                                        });
    555756                                        $( '.revisiondiffcontainer' ).addClass( 'comparetwo' );
     757                                        $( 'a.ui-slider-handle' ).first().addClass( 'left-handle' );
    556758                                }
    557759
    558760                                return this;
     
    571773
    572774                                REVAPP._revisionView.render();
    573775
    574                                 $( '#diff_count' ).html( REVAPP._right_diff );
    575776                                $( '#slider' ).slider( 'value', REVAPP._right_diff - 1 ).trigger( 'slide' );
    576                                 this.reset_restore_button();
    577777                        },
    578778
    579779                        //go the the previous revision
     
    583783
    584784                                REVAPP._revisionView.render();
    585785
    586                                 $( '#diff_count' ).html( REVAPP._right_diff );
    587786                                $( '#slider' ).slider( 'value', REVAPP._right_diff - 1 ).trigger( 'slide' );
    588                                 this.reset_restore_button();
    589787                        }
    590788                })
    591789        });
  • wp-admin/revision.php

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

     
    175175.sidebar-name,
    176176#nav-menu-header,
    177177#nav-menu-footer,
    178 .menu-item-handle,
    179 .wp-slider .ui-slider-handle {
     178.menu-item-handle {
    180179        background: #f1f1f1;
    181180        background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9));
    182181        background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9);
     
    185184        background-image: linear-gradient(to top, #ececec, #f9f9f9);
    186185}
    187186
     187
     188
    188189.widget .widget-top,
    189190.postbox h3,
    190191.stuffbox h3 {
     
    13781379        background-color: #e9f6ea;
    13791380}
    13801381
     1382.diff-to-title {
     1383        color: #0080AA;
     1384}
     1385
    13811386#diffsubheader{
    13821387        background-color: #f7f7f7;
    13831388}
    13841389
     1390.comparetwo#diffsubheader.diff-left-hand-meta-row {
     1391        background-color: #fcfcfc;
     1392}
     1393
     1394.revision-tick.revision-toloadtrue {
     1395        background-color: #9999cc;
     1396        background: url(../images/wpspin_light.gif) no-repeat;
     1397        background-position: middle;
     1398        background-size: 1px 10px;
     1399}
     1400
     1401.revision-tick.revision-toloadfalse {
     1402        background-color: #aaa;
     1403}
     1404
    13851405#att-info {
    13861406        background-color: #e4f2Fd;
    13871407}
    13881408
     1409body .ui-tooltip {
     1410        border-color: #d7d7d7;
     1411        background-color: #fff;
     1412}
     1413
    13891414/* jQuery UI Slider */
    13901415.wp-slider.ui-slider {
    13911416        border-color: #d7d7d7;
     
    13931418}
    13941419
    13951420.wp-slider .ui-slider-handle {
    1396         border-color: #d7d7d7;
     1421        border-color: none;
    13971422}
    13981423
     1424.wp-slider .ui-slider-handle.left-handle {
     1425background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAABAlBMVEXR2uHM1dzCzNW4ydOzxtSxw9Gqwc+bs7+Ss8SVscaZrLqQq7yNrMCKqr+EqsGDqb6GpruCpbl8pL15o7t1n7hwnLVika1djq5giqJXiqlYiqNJgp9ieYlDfqA/epw3dpk7dpg2dpo3dZo6dZc4dJY4dJg3cZY2bpE1bosxaIYxZIMrYX0tXnwtXHYsWHEnVW0mTmglT2cjTGIhRVsfQlYaN0kYM0QULDgTKTYRJzQTJzINISoLHCYNGyYKGCEIFxwJEhcJEhsHEhQDDAkHCg8EBwwCBwoEBAQBAwIBAQEBAQMAAgEBAAAAAAQAAQMBAAIAAAICAAEBAQAAAQAAAAD///+62qV+AAAAVnRSTlP/////////////////////////////////////////////////////////////////////////////////////////////////////////////////AEpNbNkAAAAJcEhZcwAACusAAArrAYKLDVoAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACbSURBVBiVVcvVDoNQEEXRqbu781B3d/dQQknh/P+vtBQKt/tpsnKGEOW4klkQFFvIsqwYzUJUvCts1wJl9gIruxT5hpLEyMBLKG+Z0ToJgrPLTDqOjyCxNN7mcahiaz50uDWsX0Fk+tKahKGJpX55qp1qpAsCY0lt5MdPUD2KoniowBRXn+f5Xp4RZDfCKg1W0D637P/iznn06w0M+083NZW9ZwAAAABJRU5ErkJggg==);
     1426}
     1427
     1428.wp-slider .ui-slider-handle.ui-state-active.left-handle {
     1429background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAAzFBMVEXZ5ejU4eXM3ODG2NzE1tvB1Nq90deux86sxs2qxcynwsqlwcmjwMihvseevMWdvMSbusOXuMGTtb6IrbiHrLeCqbSBqLN/p7J3oa11oKxzn6tvnKhrmaZqmKVpmKVol6RllaJhk6Bej51djptaiZZZiJVYhpNWg5BUf4xSfYlRfIhPeYRMdYBKcXxFaXNDZnA+X2g9XmY8XGU4VV43VFw2U1s0UFgyTVQxS1IwSVAuR00sREosQ0orQkgqQEYpPkQoPkMoPUMoPUL///8pY4MvAAAARHRSTlP/////////////////////////////////////////////////////////////////////////////////////////AHHSjxIAAAAJcEhZcwAACusAAArrAYKLDVoAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACUSURBVBiVVctXEoJQEETRMaIo5qwF5hwxYOY9ev97EiQ43q+pUz2EYk9n5UElU0rpRO016toO79WhxlVysWqkroRgsswSjAsbnasgpGdsMk25gooZvR3K8CQxCuU9jH8FhZ3022rwJTZ4CK9nnwJBbiO8yVpFKDButm1bOn6iLFyZt5igeZLHOrhgfJ8k/yXTVoLrAxo1P5iCdUg7AAAAAElFTkSuQmCC);
     1430}
     1431
     1432.wp-slider .ui-slider-handle {
     1433        /* Slider drag Triangle CSS */
     1434background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA8FBMVEU2dZipwNBJl8VGmcX///+EpLlBgqpymrNFjru3ydNWiKs6eZzY4uuRrL08faPL3OZBjLSBqsCTssRHlMJEf59cj657o7xKl8OEqsE9gag2dJtEkb+ct8iZs8BHmMePq8BejKZAiK5llK5FjrlJl8c6dZdGl8avxdBJlcZ4nbc6ep6XrbpKgZ+Lqr5KmcdIkbqsws1Gk8E+f6c4dptaiadFirRKl8V8pblImcNIl8eGpruVscZCh7BMlsdIlcFImchEkbs9eJpCjbdGjbk8fJ84dp02dpo8gatMlsM2dps8faVAg61Ej71Ek75IksFIlcOaLCw7AAAAUHRSTlP/////AP///////////////////////////////////////////////////////////////////////////////////////////////////xB6m5UAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVcxZD8FAGIXhjxzUVktQgqKmo7ZYhkgsiS1tQuj//zeomo736uS5OFSo2W6UXc/R5hxXW5foxDlXqUKZx0GFZpXynuM4kXhjgjgyJkGzQIjpvi9Fx1uQ0iQUh4GkR/Ini0CQ2IfQ24YC4X8T+Mn0zj8lO1IgnqZpzlxE0m4YhrFsKYJVn126UGV+W1wHf4LdpByuF0goFKI7tv/dAAAAAElFTkSuQmCC);
     1435}
     1436
    13991437.wp-slider .ui-slider-handle.ui-state-hover,
    14001438.wp-slider .ui-slider-handle.ui-state-focus {
    1401         border-color: #aaa;
     1439        border-color: none;
     1440        outline: none;
    14021441}
    14031442
    14041443.wp-slider .ui-slider-handle.ui-state-active {
    1405         border-color: #aaa;
    1406         background: #eee;
    1407         background-image: -webkit-gradient(linear, left bottom, left top, from(#f9f9f9), to(#ececec));
    1408         background-image: -webkit-linear-gradient(bottom, #f9f9f9, #ececec);
    1409         background-image:    -moz-linear-gradient(bottom, #f9f9f9, #ececec);
    1410         background-image:      -o-linear-gradient(bottom, #f9f9f9, #ececec);
    1411         background-image: linear-gradient(to top, #f9f9f9, #ececec);
     1444        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA51BMVEUgZpDkzc0yd6f///8mcqFJm8cjbZZzr80mg78lh8BDk8UngLl+s9AmfKk4hrGeweBaoMhNlMORwt4nd6Zdm8BAjMEnf7RYmsMkb50mhsFWlsYhZ5ImhbwocZg0f61Lk8E9i7twqNBgo8VSmMUofLBcm8o3faUpfK8mh8Aia5MgZpFMmcgpeapDmcJjo8sliMEmh70nhLkkcKAqgLF2sc8sc5ojbZsngrMkh8EnfKw1eaUjbpkkapImeKQgaJAohb0mh8MmhcMng7kkcKEpf68iZ48haJMmhb8kicEmc6MibJkia5UnhLsw1mWvAAAATXRSTlP/AP8A/////////////////////////////////////////////////////////////////////////////////////////////////9/iR18AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVc15D8FAEIfh+Ymj6761LIrSiCNVVyjbRGgifP/PQ6q22/evyZPJDNXzD6G0qNDq5PtO3DJDFyfRpk+po2Eo0h5Qx9U0LRa3SejdlR2rDMLI41yKh6/AtOSzUiuU4kvemSMUDBsRXGuRIHj/CvCXyTNcSXelQBQYY1uBWMY651xfK4KzbdgzqJI73LK7hGC6r0bTB5apIhqIH/YIAAAAAElFTkSuQmCC);
    14121445}
    14131446
    14141447/* edit image */
  • wp-admin/css/wp-admin.css

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