WordPress.org

Make WordPress Core

Ticket #23497: 23497.26.diff

File 23497.26.diff, 54.9 KB (added by adamsilverstein, 13 months ago)
  • wp-includes/post-template.php

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

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

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

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

     
    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                                                        } 
     
    571772 
    572773                                REVAPP._revisionView.render(); 
    573774 
    574                                 $( '#diff_count' ).html( REVAPP._right_diff ); 
    575775                                $( '#slider' ).slider( 'value', REVAPP._right_diff - 1 ).trigger( 'slide' ); 
    576                                 this.reset_restore_button(); 
    577776                        }, 
    578777 
    579778                        //go the the previous revision 
     
    583782 
    584783                                REVAPP._revisionView.render(); 
    585784 
    586                                 $( '#diff_count' ).html( REVAPP._right_diff ); 
    587785                                $( '#slider' ).slider( 'value', REVAPP._right_diff - 1 ).trigger( 'slide' ); 
    588                                 this.reset_restore_button(); 
    589786                        } 
    590787                }) 
    591788        }); 
  • 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                        <span class="diff-from-title"><?php _e( 'From:' ); ?></span> <?php _e( 'revision by' ); ?> {{{ 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                        <span class="diff-to-title"><?php _e( 'To:' ); ?></span> <?php _e( 'revision by' ); ?> {{{ 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 { 
     1425        /* Slider drag Triangle CSS */ 
     1426background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA8FBMVEU2dZipwNBJl8VGmcX///+EpLlBgqpymrNFjru3ydNWiKs6eZzY4uuRrL08faPL3OZBjLSBqsCTssRHlMJEf59cj657o7xKl8OEqsE9gag2dJtEkb+ct8iZs8BHmMePq8BejKZAiK5llK5FjrlJl8c6dZdGl8avxdBJlcZ4nbc6ep6XrbpKgZ+Lqr5KmcdIkbqsws1Gk8E+f6c4dptaiadFirRKl8V8pblImcNIl8eGpruVscZCh7BMlsdIlcFImchEkbs9eJpCjbdGjbk8fJ84dp02dpo8gatMlsM2dps8faVAg61Ej71Ek75IksFIlcOaLCw7AAAAUHRSTlP/////AP///////////////////////////////////////////////////////////////////////////////////////////////////xB6m5UAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVcxZD8FAGIXhjxzUVktQgqKmo7ZYhkgsiS1tQuj//zeomo736uS5OFSo2W6UXc/R5hxXW5foxDlXqUKZx0GFZpXynuM4kXhjgjgyJkGzQIjpvi9Fx1uQ0iQUh4GkR/Ini0CQ2IfQ24YC4X8T+Mn0zj8lO1IgnqZpzlxE0m4YhrFsKYJVn126UGV+W1wHf4LdpByuF0goFKI7tv/dAAAAAElFTkSuQmCC'); 
     1427} 
     1428 
    13991429.wp-slider .ui-slider-handle.ui-state-hover, 
    14001430.wp-slider .ui-slider-handle.ui-state-focus { 
    1401         border-color: #aaa; 
     1431        border-color: none; 
     1432        outline: none; 
    14021433} 
    14031434 
    14041435.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); 
     1436        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA51BMVEUgZpDkzc0yd6f///8mcqFJm8cjbZZzr80mg78lh8BDk8UngLl+s9AmfKk4hrGeweBaoMhNlMORwt4nd6Zdm8BAjMEnf7RYmsMkb50mhsFWlsYhZ5ImhbwocZg0f61Lk8E9i7twqNBgo8VSmMUofLBcm8o3faUpfK8mh8Aia5MgZpFMmcgpeapDmcJjo8sliMEmh70nhLkkcKAqgLF2sc8sc5ojbZsngrMkh8EnfKw1eaUjbpkkapImeKQgaJAohb0mh8MmhcMng7kkcKEpf68iZ48haJMmhb8kicEmc6MibJkia5UnhLsw1mWvAAAATXRSTlP/AP8A/////////////////////////////////////////////////////////////////////////////////////////////////9/iR18AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVc15D8FAEIfh+Ymj6761LIrSiCNVVyjbRGgifP/PQ6q22/evyZPJDNXzD6G0qNDq5PtO3DJDFyfRpk+po2Eo0h5Qx9U0LRa3SejdlR2rDMLI41yKh6/AtOSzUiuU4kvemSMUDBsRXGuRIHj/CvCXyTNcSXelQBQYY1uBWMY651xfK4KzbdgzqJI73LK7hGC6r0bTB5apIhqIH/YIAAAAAElFTkSuQmCC'); 
    14121437} 
    14131438 
    14141439/* 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} 
     3590 
    35853591.revisiondiffcontainer { 
    35863592        width: 96%; 
    35873593} 
     
    35903596        margin: 2px; 
    35913597} 
    35923598 
    3593 #diffrestore, 
    3594 #diffnext, 
    3595 #diffcancel { 
     3599#diffnext { 
    35963600        float: right; 
    35973601        margin-right: 5px; 
    35983602} 
    35993603 
     3604#diffrestore input{ 
     3605        margin-left: 10px; 
     3606} 
     3607 
    36003608#diffprevious, 
    36013609#difftitle, 
    36023610#difftitlefrom, 
     
    36083616 
    36093617#diffprevious, 
    36103618#diffnext { 
    3611         margin-top: 7px; 
    36123619        height: 30px; 
    36133620} 
    36143621 
     
    36203627#diffheader { 
    36213628        border-bottom: 1px solid #dfdfdf; 
    36223629        width: 100%; 
    3623         height: 45px; 
    3624         line-height: 45px; 
    3625         padding-top: 10px; 
     3630        height: 40px; 
     3631        line-height: 40px; 
     3632        padding-top: 30px; 
    36263633} 
    36273634 
    3628 #diffsubheader { 
     3635#diffsubheader,.diff-left-hand-meta-row { 
    36293636        border-bottom: 1px solid #dfdfdf; 
    36303637        width: 100%; 
    36313638        height:35px; 
    36323639        line-height: 35px; 
     3640        display: block; 
    36333641} 
    36343642 
    3635 #diffslider { 
     3643#diffslider{ 
    36363644        width: 70%; 
    36373645        margin-left: auto; 
    36383646        margin-right: auto; 
    36393647        text-align: center; 
    3640         height: 3.5em; 
     3648        height: 0.8em; 
     3649        margin-top: 20px; 
    36413650} 
    36423651 
     3652.diff-slider-ticks-wrapper { 
     3653        margin-left: auto; 
     3654        margin-right: auto; 
     3655        text-align: center; 
     3656} 
     3657 
     3658#diff-slider-ticks { 
     3659        position: absolute; 
     3660        margin-top: 50px; 
     3661        z-index: 1; 
     3662} 
     3663 
    36433664#revisioncount { 
    36443665        width: 50%; 
    36453666        margin-left: auto; 
     
    37073728 
    37083729#comparetworevisions { 
    37093730        float: right; 
     3731        position: absolute; 
     3732        top: 10px; 
     3733        right: 10px; 
    37103734        line-height: 35px; 
    37113735        padding-right: 5px; 
    37123736} 
     
    37423766.comparetwo #diffprevious, 
    37433767.comparetwo #diffnext, 
    37443768span#diff_left_current_revision, 
    3745 span#diff_from_current_revision, 
     3769#diff_from_current_revision, 
    37463770.currentversion span#diff_left_count, 
    37473771.currentversion span#diff_left_count_inner, 
    3748 .currentversion #difftitlefrom, 
    3749 .comparetwo.currentversion #difftitlefrom { 
     3772.comparetwo.currentversion #diff_from_current_revision, 
     3773#diffsubheader.diff-left-hand-meta-row { 
    37503774        display: none; 
    37513775} 
    37523776 
     
    37543778span#diff_left_count, 
    37553779span#diff_left_count_inner, 
    37563780.comparetwo #difftitlefrom, 
    3757 .comparetwo.currentversion span#diff_from_current_revision, 
    37583781.leftmodelloading #modelsloading, 
    37593782.rightmodelloading #modelsloading, 
    37603783.leftmodelloading #modelsloading .spinner, 
    37613784.rightmodelloading #modelsloading .spinner, 
    3762 { 
    3763         display: inline; 
     3785.comparetwo #diffsubheader.diff-left-hand-meta-row { 
     3786        display: block; 
    37643787} 
    37653788 
     3789.revision-tick { 
     3790        width: 1px; 
     3791        float: left; 
     3792        margin-right: 15px; 
     3793        height: 11px; 
     3794        padding: 0; 
     3795        margin-left: 0px; 
     3796} 
     3797 
     3798.revision-tick.revision-scopeofchanges-vsmall { 
     3799                width: 1px; 
     3800                background-color: #aaa; 
     3801} 
     3802 
     3803.revision-tick.revision-scopeofchanges-small { 
     3804                width: 2px; 
     3805                background-color: #aaa; 
     3806                margin-left: -1px; 
     3807} 
     3808 
     3809.revision-tick.revision-scopeofchanges-med { 
     3810                width: 3px; 
     3811                margin-left: -2px; 
     3812                background-color: #666; 
     3813} 
     3814 
     3815.revision-tick.revision-scopeofchanges-large { 
     3816                width: 4px; 
     3817                margin-left: -2px; 
     3818                background-color: #333; 
     3819} 
     3820 
     3821.revision-tick.revision-scopeofchanges-large + .revision-tick  { 
     3822        margin-left: -1px; 
     3823} 
     3824 
     3825.revision-tick.revision-scopeofchanges-vlarge { 
     3826                margin-left: -2px; 
     3827                width: 4px; 
     3828                background-color: #111; 
     3829                left: 1; 
     3830} 
     3831 
     3832.revision-tick.revision-scopeofchanges-vlarge + .revision-tick  { 
     3833        margin-left: -2px; 
     3834} 
     3835 
    37663836.diff-loading { 
    37673837        margin-top: 50px; 
    37683838        width: 100%; 
     
    37773847        float: none; 
    37783848} 
    37793849 
    3780 #difftitlefrom { 
    3781         float: left; 
    3782         display: none; 
    3783 } 
    3784  
    37853850#modelsloading { 
    37863851        float: right; 
     3852        position: absolute; 
    37873853        line-height: 30px; 
    37883854        display: none; 
    37893855        clear: none; 
    3790         margin: 0; 
     3856        right: 170px; 
    37913857        margin-top: -40px; 
    37923858} 
    37933859 
    37943860#modelsloading .spinner { 
    37953861        float: left; 
    3796  } 
     3862} 
    37973863 
     3864.ui-tooltip-content img { 
     3865        float: left; 
     3866        margin-right: 5px; 
     3867} 
     3868/*  jQuery UI Tooltip 1.10.1 */ 
     3869 
     3870.ui-tooltip { 
     3871        padding: 8px; 
     3872        position: absolute; 
     3873        z-index: 9999; 
     3874        max-width: 300px; 
     3875        min-width: 130px; 
     3876} 
     3877 
     3878body .ui-tooltip { 
     3879        border-width: 1px; 
     3880} 
     3881 
     3882.ui-tooltip, .arrow:after { 
     3883        border: 1px solid #d7d7d7; 
     3884} 
     3885 
     3886.ui-tooltip { 
     3887        padding: 5px 10px; 
     3888} 
     3889 
     3890.arrow { 
     3891        width: 70px; 
     3892        height: 16px; 
     3893        overflow: hidden; 
     3894        position: absolute; 
     3895        left: 50%; 
     3896        margin-left: -35px; 
     3897        bottom: -16px; 
     3898        z-index: 99999; 
     3899 
     3900} 
     3901 
     3902.arrow.top { 
     3903        top: -16px; 
     3904        bottom: auto; 
     3905} 
     3906 
     3907.arrow.left { 
     3908        left: 20%; 
     3909} 
     3910 
     3911.arrow:after { 
     3912        content: ""; 
     3913        position: absolute; 
     3914        left: 20px; 
     3915        top: -20px; 
     3916        width: 25px; 
     3917        height: 25px; 
     3918        background-color: #FFF; 
     3919        -webkit-transform: rotate(45deg); 
     3920        -moz-transform: rotate(45deg); 
     3921        -ms-transform: rotate(45deg); 
     3922        -o-transform: rotate(45deg); 
     3923        tranform: rotate(45deg); 
     3924} 
     3925 
     3926.arrow.top:after { 
     3927        bottom: -20px; 
     3928        top: auto; 
     3929} 
     3930 
    37983931 /* jQuery UI Slider */ 
    37993932 
    38003933.wp-slider.ui-slider { 
     
    38093942.wp-slider .ui-slider-handle { 
    38103943        position: absolute; 
    38113944        z-index: 2; 
    3812         width: 1.2em; 
    3813         height: 1.2em; 
    3814         border-width: 1px; 
    3815         border-style: solid; 
    3816         border-radius: 3px; 
     3945        width: 17px; 
     3946        height: 17px; 
     3947        border: none; 
    38173948} 
    38183949 
    38193950.wp-slider .ui-slider-range {