Ticket #23497: 23497.27.diff
File 23497.27.diff, 57.0 KB (added by , 12 years ago) |
---|
-
wp-includes/post-template.php
1315 1315 $date = date_i18n( $datef, strtotime( $revision->post_modified ) ); 1316 1316 if ( $link && current_user_can( 'edit_post', $revision->ID ) && $link = get_edit_post_link( $revision->ID ) ) 1317 1317 $date = "<a href='$link'>$date</a>"; 1318 1318 1319 1319 $revision_date_author = sprintf( 1320 1320 '%s %s, %s %s (%s)', 1321 1321 $gravatar, … … 1393 1393 if ( $parent ) 1394 1394 array_unshift( $revisions, $post ); 1395 1395 1396 if ( wp_first_revision_matches_current_version( $post_id ) ) 1397 array_pop( $revisions ); 1398 1396 1399 $rows = $right_checked = ''; 1397 1400 $class = false; 1398 1401 $can_edit_post = current_user_can( 'edit_post', $post->ID ); … … 1479 1482 // if the post was previously restored from a revision 1480 1483 // show the restore event details 1481 1484 // 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 ?> 1489 1492 <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 1500 1503 echo "</ul>"; 1501 } 1504 } 1502 1505 1503 1506 endif; 1504 1507 -
wp-includes/revision.php
62 62 /** 63 63 * Saves an already existing post as a post revision. 64 64 * 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 66 68 * 67 69 * @package WordPress 68 70 * @subpackage Post_Revisions 69 71 * @since 2.6.0 70 72 * 71 73 * @uses _wp_put_post_revision() 74 * @uses wp_first_revision_matches_current_version() 72 75 * 73 76 * @param int $post_id The ID of the post to save as a revision. 74 77 * @return mixed Null or 0 if error, new revision ID, if success. 75 78 */ 76 function wp_save_post_revision( $post_id, $new_data = null ) { 77 // We do autosaves manually with wp_create_post_autosave() 79 function 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 78 86 if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) 79 87 return; 80 88 … … 82 90 if ( ! WP_POST_REVISIONS ) 83 91 return; 84 92 85 if ( ! $post = get_post( $post_id, ARRAY_A ) )93 if ( ! $post = get_post( $post_id, ARRAY_A ) ) 86 94 return; 87 95 88 96 if ( 'auto-draft' == $post['post_status'] ) 89 97 return; 90 98 91 if ( ! post_type_supports($post['post_type'], 'revisions') )99 if ( ! post_type_supports( $post['post_type'], 'revisions' ) ) 92 100 return; 93 101 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; 101 124 } 102 125 } 103 //don't save revision if post unchanged104 if( ! $post_has_changed )105 return;106 126 } 107 127 108 128 $return = _wp_put_post_revision( $post ); 109 129 110 130 // 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 ) 112 132 return $return; 113 133 114 134 // all revisions and (possibly) one autosave 115 135 $revisions = wp_get_post_revisions( $post_id, array( 'order' => 'ASC' ) ); 116 136 117 137 // WP_POST_REVISIONS = (int) (# of autosaves to save) 118 $delete = count( $revisions) - WP_POST_REVISIONS;138 $delete = count( $revisions ) - WP_POST_REVISIONS; 119 139 120 140 if ( $delete < 1 ) 121 141 return $return; … … 123 143 $revisions = array_slice( $revisions, 0, $delete ); 124 144 125 145 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' ) ) 127 147 continue; 128 wp_delete_post_revision( $revisions[ $i]->ID );148 wp_delete_post_revision( $revisions[ $i ]->ID ); 129 149 } 130 150 131 151 return $return; … … 418 438 add_filter('the_preview', '_set_preview'); 419 439 } 420 440 } 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 */ 452 function 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
1744 1744 return $r; 1745 1745 } 1746 1746 endif; 1747 1748 if ( !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 */ 1763 function 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
273 273 $scripts->add( 'template', "/wp-includes/js/template$suffix.js", array('underscore'), '1.4.4', 1 ); 274 274 $scripts->add( 'backbone', '/wp-includes/js/backbone.min.js', array('underscore','jquery', 'template'), '0.9.10', 1 ); 275 275 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 ); 277 277 278 278 $scripts->add( 'imgareaselect', "/wp-includes/js/imgareaselect/jquery.imgareaselect$suffix.js", array('jquery'), '0.9.8', 1 ); 279 279 -
wp-admin/includes/ajax-actions.php
2153 2153 /* translators: revision date format, see http://php.net/date */ 2154 2154 $datef = _x( 'j F, Y @ G:i:s', 'revision date format'); 2155 2155 2156 $left_revision = get_post( $compare_to ); 2157 //error_log($left_revision); 2156 2158 //single model fetch mode 2159 //return the diff of a single revision comparison 2157 2160 if ( 0 != $single_revision_id ) { 2158 $left_revision = get_post( $compare_to );2159 2161 $right_revision = get_post( $single_revision_id ); 2160 2162 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_date2173 );2174 }2175 2176 2163 // 2177 2164 //make sure the left revision is the most recent 2178 2165 // … … 2182 2169 $right_revision = $temp; 2183 2170 } 2184 2171 2172 $linesadded=0; 2173 $linesdeleted=0; 2174 2185 2175 // 2186 2176 //compare from left to right, passed from application 2187 2177 // … … 2197 2187 if ( ! empty( $show_split_view ) ) 2198 2188 $args = array( 'show_split_view' => true ); 2199 2189 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 2201 2202 } 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 ); 2206 2210 echo json_encode( $alltherevisions ); 2207 2211 exit(); 2208 } 2212 } //end single model fetch 2209 2213 2214 //fetch the list of revisions available 2215 2210 2216 //if we are comparing two revisions, the first 'revision' represented by the leftmost 2211 2217 //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 )); 2215 2222 $count = -1; 2216 2223 2224 //reverse the list to start with oldes revision 2225 $revisions = array_reverse( $revisions ); 2226 2227 $previous_revision_id = 0; 2217 2228 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 ) ) 2219 2231 continue; 2220 2232 2221 2233 $revision_from_date_author = ''; 2222 2234 $count++; 2223 2235 // return blank data for diffs to the left of the left handle (for right handel model) 2224 2236 // 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 )) { 2227 2239 $alltherevisions[] = array ( 2228 2240 'ID' => $revision->ID, 2229 2241 ); 2230 2231 2242 continue; 2232 2243 } 2233 2244 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 ); 2235 2261 $author = get_the_author_meta( 'display_name', $revision->post_author ); 2236 2262 $date = date_i18n( $datef, strtotime( $revision->post_modified ) ); 2237 2263 $revision_date_author = sprintf( … … 2242 2268 __( ' ago ' ), 2243 2269 $date 2244 2270 ); 2271 $datef2 = __( 'j M @ G:i' ); 2272 $date2 = date_i18n( $datef2, strtotime( $revision->post_modified ) ); 2245 2273 2274 $revision_date_author_short = sprintf( 2275 '%s <strong>%s</strong><br />%s', 2276 $gravatar, 2277 $author, 2278 $date2 2279 ); 2280 2246 2281 $restoreaction = wp_nonce_url( 2247 2282 add_query_arg( 2248 2283 array( 'revision' => $revision->ID, … … 2252 2287 "restore-post_{$compare_to}|{$revision->ID}" 2253 2288 ); 2254 2289 2255 $alltherevisions[] = array ( 2290 if ( ( $compare_two_mode || 0 !== $previous_revision_id ) ) { 2291 $alltherevisions[] = array ( 2256 2292 'ID' => $revision->ID, 2257 2293 'revision_date_author' => $revision_date_author, 2258 2294 'revision_from_date_author' => $revision_from_date_author, 2295 'revision_date_author_short' => $revision_date_author_short, 2259 2296 'restoreaction' => urldecode( $restoreaction ), 2260 'revision_toload' => true 2297 'revision_toload' => true, 2298 'previous_revision_id' => $previous_revision_id 2261 2299 ); 2300 } 2301 $previous_revision_id = $revision->ID; 2262 2302 2263 2303 endforeach; 2264 2304 -
wp-admin/js/revisions.js
7 7 8 8 Model : Backbone.Model.extend({ 9 9 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, 12 12 defaults: { 13 13 ID : 0, 14 14 revision_date_author : '', 15 revision_date_author_short: '', 15 16 revisiondiff : '<div class="diff-loading"><div class="spinner"></div></div>', 16 17 restoreaction : '', 17 18 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 19 24 }, 20 25 21 26 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 23 37 } 24 38 25 39 }), … … 35 49 _revisionsOptions : null, 36 50 _left_diff : 0, 37 51 _right_diff : 1, 38 _autosaves : false,52 _autosaves : true, 39 53 _show_split_view : true, 40 54 _compareoneortwo : 1, 41 55 _left_model_loading : false, //keep track of model loads 42 56 _right_model_loading : false, //disallow slider interaction, also repeat loads, while loading 57 _tickmarkView : null, //the slider tickmarks 58 _keep_tooltip_open : false, 43 59 44 60 //TODO add ability to arrive on specific revision 45 61 routes : { … … 54 70 var revisions_to_load = model_collection.where( { revision_toload : true } ); 55 71 //console.log(revisions_to_load); 56 72 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 ) { 58 82 the_model.urlRoot = model_collection.url; 59 83 _.delay( function() { 60 84 the_model.fetch( { … … 63 87 remove : false, 64 88 //async : false, 65 89 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 68 119 //console.log('render'); 69 120 self._revisionView.render(); 70 121 } 122 71 123 } 72 124 } ); 73 125 }, delay ) ; 74 delay = delay + 200; //stagger model loads by 200 ms to avoid hammering server with requests126 delay = delay + 150; //stagger model loads to avoid hammering server with requests 75 127 } 76 128 ); 77 129 }, … … 83 135 84 136 stop_left_model_loading : function() { 85 137 this._left_model_loading = false; 86 $('.revisiondiffcontainer').removeClass('leftmodelloading');87 138 }, 88 139 89 140 start_right_model_loading : function() { … … 93 144 94 145 stop_right_model_loading : function() { 95 146 this._right_model_loading = false; 147 }, 148 149 stop_model_loading_spinner : function() { 96 150 $('.revisiondiffcontainer').removeClass('rightmodelloading'); 151 $('.revisiondiffcontainer').removeClass('leftmodelloading'); 97 152 }, 98 153 99 154 reloadmodel : function() { … … 107 162 reloadmodelsingle : function() { 108 163 var self = this; 109 164 self._revisions.url = ajaxurl + '?action=revisions-data&compare_to=' + wpRevisionsSettings.post_id + 110 '&show_autosaves=' + self._autosaves +165 '&show_autosaves=' + REVAPP._autosaves + 111 166 '&show_split_view=' + REVAPP._show_split_view + 112 167 '&nonce=' + wpRevisionsSettings.nonce; 113 168 self.start_right_model_loading(); 114 this._revisions.fetch({ //reload revision data169 self._revisions.fetch({ //reload revision data 115 170 success : function() { 116 171 self.stop_right_model_loading(); 117 172 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 120 174 175 // self._right_diff = revisioncount; 176 177 178 121 179 self._revisionView.render(); 122 180 self.reload_toload_revisions( self._revisions ); 123 181 124 182 $( '#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(); 125 186 }, 126 187 127 188 error : function () { … … 136 197 var self = this; 137 198 self.start_left_model_loading(); 138 199 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 139 205 self._left_handle_revisions.url = 140 206 ajaxurl + 141 207 '?action=revisions-data&compare_to=' + self._revisions.at( self._right_diff - 1 ).get( 'ID' ) + 142 208 '&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 + 145 211 '&nonce=' + wpRevisionsSettings.nonce + 146 212 '&right_handle_at=' + ( self._right_diff ); 147 213 … … 150 216 success : function(){ 151 217 self.stop_left_model_loading(); 152 218 self.reload_toload_revisions( self._left_handle_revisions ); 219 self._tickmarkView.model = self._left_handle_revisions; 220 $( '#slider' ).slider( 'option', 'max', self._revisions.length ); 153 221 }, 154 222 155 223 error : function () { … … 163 231 var self = this; 164 232 self.start_right_model_loading(); 165 233 self._right_handle_revisions = new wp.revisions.Collection(); 166 if ( 0 === self._left_diff ) { 234 //console.log (REVAPP._left_diff ); 235 167 236 self._right_handle_revisions.url = 168 237 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 )+ 170 239 '&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 + 173 242 '&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 }184 243 185 244 self._right_handle_revisions.fetch({ 186 245 187 246 success : function(){ 188 247 self.stop_right_model_loading(); 189 248 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 190 255 }, 191 256 192 257 error : function ( response ) { … … 208 273 initialize : function( options ) { 209 274 var self = this; //store the application instance 210 275 if (this._revisions === null) { 211 self._autosaves = '';212 276 self._revisions = new wp.revisions.Collection(); //set up collection 213 277 self.start_right_model_loading(); 214 278 self._revisions.fetch({ //load revision data 215 279 216 280 success : function() { 217 281 self.stop_right_model_loading(); 218 self. revisionDiffSetup();282 self.completeApplicationSetup(); 219 283 } 220 284 }); 221 285 } 222 286 return this; 223 287 }, 224 288 225 revisionDiffSetup : function() {289 completeApplicationSetup : function() { 226 290 this._revisionView = new wp.revisions.views.View({ 227 291 model : this._revisions 228 292 }); 229 293 this._revisionView.render(); 230 $( '#diff_max, #diff_maxof' ).html( this._revisions.length );231 $( '#diff_count' ).html( REVAPP._right_diff );232 294 $( '#slider' ).slider( 'option', 'max', this._revisions.length - 1 ); 233 295 234 296 this.reload_toload_revisions( this._revisions ); 297 235 298 this._revisionsInteractions = new wp.revisions.views.Interact({ 236 299 model : this._revisions 237 300 }); 238 301 this._revisionsInteractions.render(); 239 302 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 } ); 240 326 /* 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 /* 241 338 //Options hidden for now, moving to screen options 242 339 this._revisionsOptions = new wp.revisions.views.Options({ 243 340 model : this._revisions … … 252 349 wp.revisions.Collection = Backbone.Collection.extend({ 253 350 model : wp.revisions.Model, 254 351 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, 256 353 257 354 initialize : function() { 258 355 } 259 356 } ); 260 357 261 358 _.extend(wp.revisions.views, { 359 360 //Ticks inside slider view 262 361 // 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 // 263 426 //primary revision diff view 264 427 // 265 428 View : Backbone.View.extend({ … … 271 434 comparetwochecked : '', 272 435 draggingleft : false, 273 436 274 initialize : function(){275 },276 277 437 // 278 438 //render the revisions 279 439 // 280 440 render : function() { 281 441 var addhtml = ''; 282 442 //compare two revisions mode? 443 283 444 if ( 2 === REVAPP._compareoneortwo ) { 284 445 this.comparetwochecked = 'checked'; 285 446 if ( this.draggingleft ) { … … 291 452 } 292 453 } else { //dragging right handle 293 454 var thediff = REVAPP._right_diff; 455 //console.log( thediff ) 294 456 if ( this.model.at( thediff ) ) { 295 457 addhtml = this.template( _.extend( 296 458 this.model.at( thediff ).toJSON(), … … 310 472 this.$el.html( addhtml ); 311 473 if ( this.model.length < 3 ) { 312 474 $( 'div#comparetworevisions' ).hide(); //don't allow compare two if fewer than three revisions 313 314 475 } 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 } 315 480 //console.log ( (this.model.at( REVAPP._right_diff - 1 )).url()); 316 481 return this; 317 482 }, … … 326 491 // 327 492 clickcomparetwo : function(){ 328 493 self = this; 494 329 495 if ( $( 'input#comparetwo' ).is( ':checked' ) ) { 330 496 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 331 503 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 332 511 } else { 333 512 REVAPP._compareoneortwo = 1 ; 513 334 514 REVAPP._revisionView.draggingleft = false; 335 515 REVAPP._left_diff = 0; 516 REVAPP._right_diff = (REVAPP._revisions.length <= REVAPP._right_diff ) ? REVAPP._right_diff : REVAPP._right_diff +1; 336 517 REVAPP.reloadmodelsingle(); 337 518 } 338 519 REVAPP._revisionsInteractions.render(); 520 REVAPP._tickmarkView.render(); 521 //REVAPP._revisionView.render(); 339 522 } 340 523 }), 341 524 342 525 // 343 526 //options view for show autosaves and show split view options 344 527 // 528 /* DISABLED for now 345 529 Options : Backbone.View.extend({ 346 530 el : $('#backbonerevisionsoptions')[0], 347 531 tagName : 'revisionoptionsview', 348 532 className : 'revisionoptions-container', 349 533 template : wp.template('revisionoptions'), 350 534 351 initialize : function() {352 },353 354 535 //render the options view 355 536 render : function() { 356 537 var addhtml = this.template; … … 396 577 REVAPP.reloadmodel(); 397 578 } 398 579 }), 399 580 */ 400 581 // 401 582 //main interactions view 402 583 // … … 405 586 tagName : 'revisionvinteract', 406 587 className : 'revisionvinteract-container', 407 588 template : wp.template('revisionvinteract'), 408 _restoreword : '',409 589 410 590 initialize : function() { 411 this._restoreword = $( 'input#restore' ).attr( 'value' );412 591 }, 413 592 414 reset_restore_button : function() {415 $( 'input#restore' ).attr( 'value', this._restoreword + ' ' + REVAPP._revisions.at( REVAPP._right_diff - 1 ).get( 'ID' ) );416 },417 418 593 render : function() { 419 594 var self = this; 420 595 421 596 var addhtml = this.template; 422 597 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();427 598 428 599 var modelcount = REVAPP._revisions.length; 429 600 … … 431 602 if ( 1 === REVAPP._compareoneortwo ) { 432 603 //set up the slider with a single handle 433 604 slider.slider({ 434 value 435 min 436 max 437 step 605 value: REVAPP._right_diff-1, 606 min: 0, 607 max: modelcount-1, 608 step: 1, 438 609 610 439 611 //slide interactions for one handles slider 440 612 slide : function( event, ui ) { 441 if ( REVAPP._right_model_loading ) //left model stoll loading, prevent sliding left handle442 return false;443 613 444 REVAPP._right_diff =( ui.value+1 ); 445 $( '#diff_count' ).html( REVAPP._right_diff ); 614 REVAPP._right_diff = ( ui.value +1 ); 446 615 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 } 449 641 }); 450 642 $( '.revisiondiffcontainer' ).removeClass( 'comparetwo' ); 643 451 644 } else { //comparing more than one, eg 2 452 645 //set up the slider with two handles 453 646 slider.slider({ … … 467 660 return false; 468 661 469 662 if ( REVAPP._revisionView.model !== REVAPP._left_handle_revisions && 470 null !== REVAPP._left_handle_revisions ) 663 null !== REVAPP._left_handle_revisions ) { 471 664 REVAPP._revisionView.model = REVAPP._left_handle_revisions; 472 665 REVAPP._tickmarkView.model = REVAPP._left_handle_revisions; 666 REVAPP._tickmarkView.render(); 667 } 473 668 REVAPP._revisionView.draggingleft = true; 474 669 REVAPP._left_diff_start = ui.values[ 0 ]; 475 670 break; 476 671 477 672 case 2: //right 478 if ( REVAPP._right_model_loading ) // right model stoll loading, prevent sliding right handle673 if ( REVAPP._right_model_loading ) //left model stoll loading, prevent sliding left handle 479 674 return false; 480 675 481 676 //one extra spot at left end when comparing two 482 677 if ( REVAPP._revisionView.model !== REVAPP._right_handle_revisions && 483 null !== REVAPP._right_handle_revisions ) 678 null !== REVAPP._right_handle_revisions ) { 484 679 REVAPP._revisionView.model = REVAPP._right_handle_revisions; 680 REVAPP._tickmarkView.model = REVAPP._right_handle_revisions; 681 REVAPP._tickmarkView.render(); 682 } 485 683 486 684 REVAPP._revisionView.draggingleft = false; 487 685 REVAPP._right_diff_start = ui.values[ 1 ]; … … 501 699 if ( REVAPP._left_model_loading ) //left model still loading, prevent sliding left handle 502 700 return false; 503 701 504 REVAPP._left_diff = ui.values[ 0 ] - 1; //one extra spot at left end when comparing two702 REVAPP._left_diff = ui.values[ 0 ]; //one extra spot at left end when comparing two 505 703 break; 506 704 507 705 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 } 510 713 511 REVAPP._right_diff = ui.values[ 1 ] - 1 ;512 714 break; 513 715 } 514 716 515 $( '#diff_count' ).html( REVAPP._right_diff );516 517 717 if ( 0 === REVAPP._left_diff ) { 518 718 $( '.revisiondiffcontainer' ).addClass( 'currentversion' ); 519 719 520 720 } else { 521 721 $( '.revisiondiffcontainer' ).removeClass( 'currentversion' ); 522 $( '#diff_left_count_inner' ).html( REVAPP._left_diff );523 722 } 524 723 525 REVAPP._revisionView.render(); //render the diff view526 self.reset_restore_button(); 724 REVAPP._revisionView.render(); 725 527 726 }, 528 727 529 728 //when the user stops sliding in 2 handle mode, recalculate diffs … … 536 735 537 736 switch ( index ) { 538 737 case 1: //left 738 539 739 //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 ] ) 541 741 REVAPP.reloadright(); 542 742 543 743 break; 544 744 545 745 case 2: //right 746 //REVAPP._right_diff = ( 1 >= REVAPP._right_diff ) ? 1 : REVAPP._right_diff-1; 546 747 //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 ] ) 548 749 REVAPP.reloadleft(); 549 } 750 550 751 break; 551 752 } 552 753 } 553 754 } 554 755 }); 555 756 $( '.revisiondiffcontainer' ).addClass( 'comparetwo' ); 757 $( 'a.ui-slider-handle' ).first().addClass( 'left-handle' ); 556 758 } 557 759 558 760 return this; … … 571 773 572 774 REVAPP._revisionView.render(); 573 775 574 $( '#diff_count' ).html( REVAPP._right_diff );575 776 $( '#slider' ).slider( 'value', REVAPP._right_diff - 1 ).trigger( 'slide' ); 576 this.reset_restore_button();577 777 }, 578 778 579 779 //go the the previous revision … … 583 783 584 784 REVAPP._revisionView.render(); 585 785 586 $( '#diff_count' ).html( REVAPP._right_diff );587 786 $( '#slider' ).slider( 'value', REVAPP._right_diff - 1 ).trigger( 'slide' ); 588 this.reset_restore_button();589 787 } 590 788 }) 591 789 }); -
wp-admin/revision.php
80 80 $parent_file = $submenu_file = 'edit.php?post_type=' . $post->post_type; 81 81 else 82 82 $parent_file = $submenu_file = 'edit.php'; 83 84 83 wp_enqueue_script( 'revisions' ); 85 84 86 85 require_once( './admin-header.php' ); 87 86 88 87 //TODO - Some of the translations below split things into multiple strings that are contextually related and this makes it pretty impossible for RTL translation. 89 88 //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 ); 92 wp_localize_script( 'revisions', 'wpRevisionsSettings', $wpRevisionsSettings ); 93 94 $comparetworevisionslink = get_edit_post_link( $revision->ID ); 90 95 ?> 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 <?php95 $comparetworevisionslink = get_edit_post_link( $revision->ID );96 ?>97 96 98 <div id="backbonerevisionsoptions"></div> 97 <div id="backbonerevisionsoptions"> 98 </div> 99 99 <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> 101 103 <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> 103 107 <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> 106 116 <hr /> 107 117 </div> 108 118 </div> 109 119 110 120 <script id="tmpl-revision" type="text/html"> 121 <div id="diffsubheader" class="diff-left-hand-meta-row"> 122 <div id="diff_from_current_revision"> 123 <b><?php _e( 'From:' ); ?></b> <?php _e( 'the current version' ); ?> 124 </div> 125 <div id="difftitlefrom"> 126 <div class="diff-from-title"><?php _e( 'From:' ); ?></div>{{{ data.revision_from_date_author }}} 127 </div> 128 </div> 129 111 130 <div id="diffsubheader"> 112 <span id="diff_from_current_revision"><?php _e( 'Current version' ); ?><?php _e( '- compared to -' ); ?></span> 113 <div id="difftitlefrom">{{{ data.revision_from_date_author }}} <?php _e( '- compared to -' ); ?></div> 114 <div id="difftitle">{{{ data.revision_date_author }}}</div> 115 <div id="diffcancel"><input class="button" onClick="document.location='<?php echo get_edit_post_link( $post->ID ); ?>'" type="submit" id="cancel" value="<?php esc_attr_e( 'Cancel' )?>" /></div> 116 <div id="diffrestore"><input class="button button-primary" onClick="document.location='{{{ data.restoreaction }}}'" type="submit" id="restore" value="<?php esc_attr_e( 'Restore revision ID' )?>" /></div> 117 <div id="comparetworevisions"><input type="checkbox" id="comparetwo" value="comparetwo" {{{ data.comparetwochecked }}} name="comparetwo"/> <label for="comparetwo"><?php esc_attr_e( 'Compare two revisions' ); ?></a></div> </div> 131 <div id="difftitle"> 132 <div class="diff-to-title"><?php _e( 'To:' ); ?></div>{{{ data.revision_date_author }}} 133 </div> 134 <div id="diffrestore"> 135 <input class="button button-primary" onClick="document.location='{{{ data.restoreaction }}}'" type="submit" id="restore" value="<?php esc_attr_e( 'Restore This Revision' )?>" /> 136 </div> 137 <div id="comparetworevisions"> 138 <input type="checkbox" id="comparetwo" value="comparetwo" {{{ data.comparetwochecked }}} name="comparetwo"/> 139 <label for="comparetwo"><?php esc_attr_e( 'Compare two revisions' ); ?></a></label> 140 </div> 141 </div> 142 118 143 <div id="removedandadded"> 119 144 <div id="removed"><?php _e( 'Removed -' ); ?></div> 120 145 <div id="added"><?php _e( 'Added +' ); ?></div> … … 124 149 125 150 <script id="tmpl-revisionvinteract" type="text/html"> 126 151 <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' ); ?>" /> 142 153 </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> 143 160 </div> 144 161 </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> 145 166 <?php 146 167 /* 147 168 TODO Convert these into screen options -
wp-admin/css/colors-fresh.css
175 175 .sidebar-name, 176 176 #nav-menu-header, 177 177 #nav-menu-footer, 178 .menu-item-handle, 179 .wp-slider .ui-slider-handle { 178 .menu-item-handle { 180 179 background: #f1f1f1; 181 180 background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9)); 182 181 background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9); … … 185 184 background-image: linear-gradient(to top, #ececec, #f9f9f9); 186 185 } 187 186 187 188 188 189 .widget .widget-top, 189 190 .postbox h3, 190 191 .stuffbox h3 { … … 1378 1379 background-color: #e9f6ea; 1379 1380 } 1380 1381 1382 .diff-to-title { 1383 color: #0080AA; 1384 } 1385 1381 1386 #diffsubheader{ 1382 1387 background-color: #f7f7f7; 1383 1388 } 1384 1389 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 1385 1405 #att-info { 1386 1406 background-color: #e4f2Fd; 1387 1407 } 1388 1408 1409 body .ui-tooltip { 1410 border-color: #d7d7d7; 1411 background-color: #fff; 1412 } 1413 1389 1414 /* jQuery UI Slider */ 1390 1415 .wp-slider.ui-slider { 1391 1416 border-color: #d7d7d7; … … 1393 1418 } 1394 1419 1395 1420 .wp-slider .ui-slider-handle { 1396 border-color: #d7d7d7;1421 border-color: none; 1397 1422 } 1398 1423 1424 .wp-slider .ui-slider-handle.left-handle { 1425 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAABAlBMVEXR2uHM1dzCzNW4ydOzxtSxw9Gqwc+bs7+Ss8SVscaZrLqQq7yNrMCKqr+EqsGDqb6GpruCpbl8pL15o7t1n7hwnLVika1djq5giqJXiqlYiqNJgp9ieYlDfqA/epw3dpk7dpg2dpo3dZo6dZc4dJY4dJg3cZY2bpE1bosxaIYxZIMrYX0tXnwtXHYsWHEnVW0mTmglT2cjTGIhRVsfQlYaN0kYM0QULDgTKTYRJzQTJzINISoLHCYNGyYKGCEIFxwJEhcJEhsHEhQDDAkHCg8EBwwCBwoEBAQBAwIBAQEBAQMAAgEBAAAAAAQAAQMBAAIAAAICAAEBAQAAAQAAAAD///+62qV+AAAAVnRSTlP/////////////////////////////////////////////////////////////////////////////////////////////////////////////////AEpNbNkAAAAJcEhZcwAACusAAArrAYKLDVoAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACbSURBVBiVVcvVDoNQEEXRqbu781B3d/dQQknh/P+vtBQKt/tpsnKGEOW4klkQFFvIsqwYzUJUvCts1wJl9gIruxT5hpLEyMBLKG+Z0ToJgrPLTDqOjyCxNN7mcahiaz50uDWsX0Fk+tKahKGJpX55qp1qpAsCY0lt5MdPUD2KoniowBRXn+f5Xp4RZDfCKg1W0D637P/iznn06w0M+083NZW9ZwAAAABJRU5ErkJggg==); 1426 } 1427 1428 .wp-slider .ui-slider-handle.ui-state-active.left-handle { 1429 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAAzFBMVEXZ5ejU4eXM3ODG2NzE1tvB1Nq90deux86sxs2qxcynwsqlwcmjwMihvseevMWdvMSbusOXuMGTtb6IrbiHrLeCqbSBqLN/p7J3oa11oKxzn6tvnKhrmaZqmKVpmKVol6RllaJhk6Bej51djptaiZZZiJVYhpNWg5BUf4xSfYlRfIhPeYRMdYBKcXxFaXNDZnA+X2g9XmY8XGU4VV43VFw2U1s0UFgyTVQxS1IwSVAuR00sREosQ0orQkgqQEYpPkQoPkMoPUMoPUL///8pY4MvAAAARHRSTlP/////////////////////////////////////////////////////////////////////////////////////////AHHSjxIAAAAJcEhZcwAACusAAArrAYKLDVoAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACUSURBVBiVVctXEoJQEETRMaIo5qwF5hwxYOY9ev97EiQ43q+pUz2EYk9n5UElU0rpRO016toO79WhxlVysWqkroRgsswSjAsbnasgpGdsMk25gooZvR3K8CQxCuU9jH8FhZ3022rwJTZ4CK9nnwJBbiO8yVpFKDButm1bOn6iLFyZt5igeZLHOrhgfJ8k/yXTVoLrAxo1P5iCdUg7AAAAAElFTkSuQmCC); 1430 } 1431 1432 .wp-slider .ui-slider-handle { 1433 /* Slider drag Triangle CSS */ 1434 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA8FBMVEU2dZipwNBJl8VGmcX///+EpLlBgqpymrNFjru3ydNWiKs6eZzY4uuRrL08faPL3OZBjLSBqsCTssRHlMJEf59cj657o7xKl8OEqsE9gag2dJtEkb+ct8iZs8BHmMePq8BejKZAiK5llK5FjrlJl8c6dZdGl8avxdBJlcZ4nbc6ep6XrbpKgZ+Lqr5KmcdIkbqsws1Gk8E+f6c4dptaiadFirRKl8V8pblImcNIl8eGpruVscZCh7BMlsdIlcFImchEkbs9eJpCjbdGjbk8fJ84dp02dpo8gatMlsM2dps8faVAg61Ej71Ek75IksFIlcOaLCw7AAAAUHRSTlP/////AP///////////////////////////////////////////////////////////////////////////////////////////////////xB6m5UAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVcxZD8FAGIXhjxzUVktQgqKmo7ZYhkgsiS1tQuj//zeomo736uS5OFSo2W6UXc/R5hxXW5foxDlXqUKZx0GFZpXynuM4kXhjgjgyJkGzQIjpvi9Fx1uQ0iQUh4GkR/Ini0CQ2IfQ24YC4X8T+Mn0zj8lO1IgnqZpzlxE0m4YhrFsKYJVn126UGV+W1wHf4LdpByuF0goFKI7tv/dAAAAAElFTkSuQmCC); 1435 } 1436 1399 1437 .wp-slider .ui-slider-handle.ui-state-hover, 1400 1438 .wp-slider .ui-slider-handle.ui-state-focus { 1401 border-color: #aaa; 1439 border-color: none; 1440 outline: none; 1402 1441 } 1403 1442 1404 1443 .wp-slider .ui-slider-handle.ui-state-active { 1405 border-color: #aaa; 1406 background: #eee; 1407 background-image: -webkit-gradient(linear, left bottom, left top, from(#f9f9f9), to(#ececec)); 1408 background-image: -webkit-linear-gradient(bottom, #f9f9f9, #ececec); 1409 background-image: -moz-linear-gradient(bottom, #f9f9f9, #ececec); 1410 background-image: -o-linear-gradient(bottom, #f9f9f9, #ececec); 1411 background-image: linear-gradient(to top, #f9f9f9, #ececec); 1444 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA51BMVEUgZpDkzc0yd6f///8mcqFJm8cjbZZzr80mg78lh8BDk8UngLl+s9AmfKk4hrGeweBaoMhNlMORwt4nd6Zdm8BAjMEnf7RYmsMkb50mhsFWlsYhZ5ImhbwocZg0f61Lk8E9i7twqNBgo8VSmMUofLBcm8o3faUpfK8mh8Aia5MgZpFMmcgpeapDmcJjo8sliMEmh70nhLkkcKAqgLF2sc8sc5ojbZsngrMkh8EnfKw1eaUjbpkkapImeKQgaJAohb0mh8MmhcMng7kkcKEpf68iZ48haJMmhb8kicEmc6MibJkia5UnhLsw1mWvAAAATXRSTlP/AP8A/////////////////////////////////////////////////////////////////////////////////////////////////9/iR18AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVc15D8FAEIfh+Ymj6761LIrSiCNVVyjbRGgifP/PQ6q22/evyZPJDNXzD6G0qNDq5PtO3DJDFyfRpk+po2Eo0h5Qx9U0LRa3SejdlR2rDMLI41yKh6/AtOSzUiuU4kvemSMUDBsRXGuRIHj/CvCXyTNcSXelQBQYY1uBWMY651xfK4KzbdgzqJI73LK7hGC6r0bTB5apIhqIH/YIAAAAAElFTkSuQmCC); 1412 1445 } 1413 1446 1414 1447 /* edit image */ -
wp-admin/css/wp-admin.css
3582 3582 vertical-align: middle; 3583 3583 } 3584 3584 3585 .diff-from-title, 3586 .diff-to-title { 3587 font-size: 14px; 3588 font-weight: bold; 3589 width:60px; 3590 text-align: right; 3591 float: left; 3592 margin-right: 5px; 3593 } 3594 3585 3595 .revisiondiffcontainer { 3586 3596 width: 96%; 3587 3597 } … … 3590 3600 margin: 2px; 3591 3601 } 3592 3602 3593 #diffrestore, 3594 #diffnext, 3595 #diffcancel { 3603 #diffnext { 3596 3604 float: right; 3597 3605 margin-right: 5px; 3598 3606 } 3599 3607 3608 #diffrestore input{ 3609 margin-left: 10px; 3610 } 3611 3600 3612 #diffprevious, 3601 3613 #difftitle, 3602 3614 #difftitlefrom, … … 3608 3620 3609 3621 #diffprevious, 3610 3622 #diffnext { 3611 margin-top: 7px;3612 3623 height: 30px; 3613 3624 } 3614 3625 … … 3620 3631 #diffheader { 3621 3632 border-bottom: 1px solid #dfdfdf; 3622 3633 width: 100%; 3623 height: 4 5px;3624 line-height: 4 5px;3625 padding-top: 10px;3634 height: 40px; 3635 line-height: 40px; 3636 padding-top: 30px; 3626 3637 } 3627 3638 3628 #diffsubheader { 3629 border-bottom: 1px solid #dfdfdf; 3639 #diffsubheader,.diff-left-hand-meta-row { 3630 3640 width: 100%; 3631 3641 height:35px; 3632 3642 line-height: 35px; 3643 display: block; 3633 3644 } 3634 3645 3635 #diffslider 3646 #diffslider{ 3636 3647 width: 70%; 3637 3648 margin-left: auto; 3638 3649 margin-right: auto; 3639 3650 text-align: center; 3640 height: 3.5em; 3651 height: 0.8em; 3652 margin-top: 20px; 3641 3653 } 3642 3654 3655 .diff-slider-ticks-wrapper { 3656 margin-left: auto; 3657 margin-right: auto; 3658 text-align: center; 3659 } 3660 3661 #diff-slider-ticks { 3662 position: absolute; 3663 margin-top: 50px; 3664 z-index: 1; 3665 } 3666 3643 3667 #revisioncount { 3644 3668 width: 50%; 3645 3669 margin-left: auto; … … 3707 3731 3708 3732 #comparetworevisions { 3709 3733 float: right; 3734 position: absolute; 3735 top: 10px; 3736 right: 10px; 3710 3737 line-height: 35px; 3711 3738 padding-right: 5px; 3712 3739 } … … 3742 3769 .comparetwo #diffprevious, 3743 3770 .comparetwo #diffnext, 3744 3771 span#diff_left_current_revision, 3745 span#diff_from_current_revision,3772 #diff_from_current_revision, 3746 3773 .currentversion span#diff_left_count, 3747 3774 .currentversion span#diff_left_count_inner, 3748 .c urrentversion #difftitlefrom,3749 .comparetwo.currentversion #difftitlefrom{3775 .comparetwo.currentversion #diff_from_current_revision, 3776 #diffsubheader.diff-left-hand-meta-row { 3750 3777 display: none; 3751 3778 } 3752 3779 … … 3754 3781 span#diff_left_count, 3755 3782 span#diff_left_count_inner, 3756 3783 .comparetwo #difftitlefrom, 3757 .comparetwo.currentversion span#diff_from_current_revision,3758 3784 .leftmodelloading #modelsloading, 3759 3785 .rightmodelloading #modelsloading, 3760 3786 .leftmodelloading #modelsloading .spinner, 3761 3787 .rightmodelloading #modelsloading .spinner, 3762 {3763 display: inline;3788 .comparetwo #diffsubheader.diff-left-hand-meta-row { 3789 display: block; 3764 3790 } 3765 3791 3792 .revision-tick { 3793 width: 1px; 3794 float: left; 3795 margin-right: 15px; 3796 height: 11px; 3797 padding: 0; 3798 margin-left: 0px; 3799 } 3800 3801 .revision-tick.revision-scopeofchanges-vsmall { 3802 width: 1px; 3803 background-color: #aaa; 3804 } 3805 3806 .revision-tick.revision-scopeofchanges-small { 3807 width: 2px; 3808 background-color: #aaa; 3809 margin-left: -1px; 3810 } 3811 3812 .revision-tick.revision-scopeofchanges-med { 3813 width: 3px; 3814 margin-left: -2px; 3815 background-color: #666; 3816 } 3817 3818 .revision-tick.revision-scopeofchanges-large { 3819 width: 4px; 3820 margin-left: -2px; 3821 background-color: #333; 3822 } 3823 3824 .revision-tick.revision-scopeofchanges-large + .revision-tick { 3825 margin-left: -1px; 3826 } 3827 3828 .revision-tick.revision-scopeofchanges-vlarge { 3829 margin-left: -2px; 3830 width: 4px; 3831 background-color: #111; 3832 left: 1; 3833 } 3834 3835 .revision-tick.revision-scopeofchanges-vlarge + .revision-tick { 3836 margin-left: -2px; 3837 } 3838 3766 3839 .diff-loading { 3767 3840 margin-top: 50px; 3768 3841 width: 100%; … … 3777 3850 float: none; 3778 3851 } 3779 3852 3780 #difftitlefrom {3781 float: left;3782 display: none;3783 }3784 3785 3853 #modelsloading { 3786 3854 float: right; 3855 position: absolute; 3787 3856 line-height: 30px; 3788 3857 display: none; 3789 3858 clear: none; 3790 margin: 0;3859 right: 170px; 3791 3860 margin-top: -40px; 3792 3861 } 3793 3862 3794 3863 #modelsloading .spinner { 3795 3864 float: left; 3796 3865 } 3797 3866 3867 .ui-tooltip-content img { 3868 float: left; 3869 margin-right: 5px; 3870 } 3871 /* jQuery UI Tooltip 1.10.1 */ 3872 3873 .ui-tooltip { 3874 padding: 8px; 3875 position: absolute; 3876 z-index: 9999; 3877 max-width: 300px; 3878 min-width: 130px; 3879 } 3880 3881 body .ui-tooltip { 3882 border-width: 1px; 3883 } 3884 3885 .ui-tooltip, .arrow:after { 3886 border: 1px solid #d7d7d7; 3887 } 3888 3889 .ui-tooltip { 3890 padding: 5px 10px; 3891 } 3892 3893 .arrow { 3894 width: 70px; 3895 height: 16px; 3896 overflow: hidden; 3897 position: absolute; 3898 left: 50%; 3899 margin-left: -35px; 3900 bottom: -16px; 3901 z-index: 99999; 3902 3903 } 3904 3905 .arrow.top { 3906 top: -16px; 3907 bottom: auto; 3908 } 3909 3910 .arrow.left { 3911 left: 20%; 3912 } 3913 3914 .arrow:after { 3915 content: ""; 3916 position: absolute; 3917 left: 20px; 3918 top: -20px; 3919 width: 25px; 3920 height: 25px; 3921 background-color: #FFF; 3922 -webkit-transform: rotate(45deg); 3923 -moz-transform: rotate(45deg); 3924 -ms-transform: rotate(45deg); 3925 -o-transform: rotate(45deg); 3926 tranform: rotate(45deg); 3927 } 3928 3929 .arrow.top:after { 3930 bottom: -20px; 3931 top: auto; 3932 } 3933 3798 3934 /* jQuery UI Slider */ 3799 3935 3800 3936 .wp-slider.ui-slider { … … 3809 3945 .wp-slider .ui-slider-handle { 3810 3946 position: absolute; 3811 3947 z-index: 2; 3812 width: 1.2em; 3813 height: 1.2em; 3814 border-width: 1px; 3815 border-style: solid; 3816 border-radius: 3px; 3948 width: 17px; 3949 height: 17px; 3950 border: none; 3817 3951 } 3818 3952 3819 3953 .wp-slider .ui-slider-range {