Ticket #23497: 23497.29.diff
File 23497.29.diff, 57.7 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
2137 2137 /* translators: revision date format, see http://php.net/date */ 2138 2138 $datef = _x( 'j F, Y @ G:i:s', 'revision date format'); 2139 2139 2140 $left_revision = get_post( $compare_to ); 2141 //error_log($left_revision); 2140 2142 //single model fetch mode 2143 //return the diff of a single revision comparison 2141 2144 if ( 0 != $single_revision_id ) { 2142 $left_revision = get_post( $compare_to );2143 2145 $right_revision = get_post( $single_revision_id ); 2144 2146 2145 if ( $compare_two_mode ) {2146 $compare_to_gravatar = get_avatar( $left_revision->post_author, 18 );2147 $compare_to_author = get_the_author_meta( 'display_name', $left_revision->post_author );2148 $compare_to_date = date_i18n( $datef, strtotime( $left_revision->post_modified ) );2149 2150 $revision_from_date_author = sprintf(2151 '%s %s, %s %s (%s)',2152 $compare_to_gravatar,2153 $compare_to_author,2154 human_time_diff( strtotime( $left_revision->post_modified ), current_time( 'timestamp' ) ),2155 __( ' ago ' ),2156 $compare_to_date2157 );2158 }2159 2160 2147 // 2161 2148 //make sure the left revision is the most recent 2162 2149 // … … 2166 2153 $right_revision = $temp; 2167 2154 } 2168 2155 2156 $linesadded=0; 2157 $linesdeleted=0; 2158 2169 2159 // 2170 2160 //compare from left to right, passed from application 2171 2161 // … … 2181 2171 if ( ! empty( $show_split_view ) ) 2182 2172 $args = array( 'show_split_view' => true ); 2183 2173 2184 $content .= wp_text_diff( $left_content, $right_content, $args ); 2174 $diff = wp_text_diff_with_count( $left_content, $right_content, $args ); 2175 2176 if ( isset( $diff[ 'html' ] ) ) 2177 $content .= $diff[ 'html' ]; 2178 2179 if ( isset( $diff[ 'linesadded' ] ) ) 2180 $linesadded = $linesadded + $diff[ 'linesadded' ]; 2181 2182 if ( isset( $diff[ 'linesdeleted' ] ) ) 2183 $linesdeleted = $linesdeleted + $diff[ 'linesdeleted' ]; 2184 2185 2185 2186 } 2186 $content = '' == $content ? __( 'No difference' ) : $content; 2187 $alltherevisions = array ( 2188 'revisiondiff' => $content 2189 ); 2187 $content = '' == $content ? __( 'No difference' ) : $content; 2188 2189 $alltherevisions = array ( 2190 'revisiondiff' => $content, 2191 'lines_deleted' => $linesdeleted, 2192 'lines_added' => $linesadded 2193 ); 2190 2194 echo json_encode( $alltherevisions ); 2191 2195 exit(); 2192 } 2196 } //end single model fetch 2193 2197 2198 //fetch the list of revisions available 2199 2194 2200 //if we are comparing two revisions, the first 'revision' represented by the leftmost 2195 2201 //slider position is the current revision, prepend a comparison to this revision 2196 if ( $compare_two_mode ) 2197 array_unshift( $revisions, get_post( $post_id ) ); 2198 2202 if ( ! wp_first_revision_matches_current_version( $post_id ) ) //revisions don't have current version 2203 array_unshift( $revisions, get_post( $post_id ) ) ; 2204 //$revisions->append ( get_post( $post_id ) ); 2205 //error_log( var_dump( $revisions )); 2199 2206 $count = -1; 2200 2207 2208 //reverse the list to start with oldes revision 2209 $revisions = array_reverse( $revisions ); 2210 2211 $previous_revision_id = 0; 2201 2212 foreach ( $revisions as $revision ) : 2202 if ( ! empty( $show_autosaves ) && wp_is_post_autosave( $revision ) ) 2213 //error_log( ( $show_autosaves )); 2214 if ( empty( $show_autosaves ) && wp_is_post_autosave( $revision ) ) 2203 2215 continue; 2204 2216 2205 2217 $revision_from_date_author = ''; 2206 2218 $count++; 2207 2219 // return blank data for diffs to the left of the left handle (for right handel model) 2208 2220 // or to the right of the right handle (for left handel model) 2209 if ( ( 0 != $left_handle_at && $count <= $left_handle_at ) || 2210 ( 0 != $right_handle_at && $count > $right_handle_at )) { 2221 if ( ( 0 != $left_handle_at && $count <= $left_handle_at ) || 2222 ( 0 != $right_handle_at && $count > $right_handle_at )) { 2211 2223 $alltherevisions[] = array ( 2212 2224 'ID' => $revision->ID, 2213 2225 ); 2214 2215 2226 continue; 2216 2227 } 2217 2228 2218 $gravatar = get_avatar( $revision->post_author, 18 ); 2229 if ( $compare_two_mode ) { 2230 $compare_to_gravatar = get_avatar( $left_revision->post_author, 24 ); 2231 $compare_to_author = get_the_author_meta( 'display_name', $left_revision->post_author ); 2232 $compare_to_date = date_i18n( $datef, strtotime( $left_revision->post_modified ) ); 2233 2234 $revision_from_date_author = sprintf( 2235 '%s %s, %s %s (%s)', 2236 $compare_to_gravatar, 2237 $compare_to_author, 2238 human_time_diff( strtotime( $left_revision->post_modified ), current_time( 'timestamp' ) ), 2239 __( ' ago ' ), 2240 $compare_to_date 2241 ); 2242 } 2243 2244 $gravatar = get_avatar( $revision->post_author, 24 ); 2219 2245 $author = get_the_author_meta( 'display_name', $revision->post_author ); 2220 2246 $date = date_i18n( $datef, strtotime( $revision->post_modified ) ); 2221 2247 $revision_date_author = sprintf( … … 2226 2252 __( ' ago ' ), 2227 2253 $date 2228 2254 ); 2255 $datef2 = __( 'j M @ G:i' ); 2256 $date2 = date_i18n( $datef2, strtotime( $revision->post_modified ) ); 2229 2257 2258 $revision_date_author_short = sprintf( 2259 '%s <strong>%s</strong><br />%s', 2260 $gravatar, 2261 $author, 2262 $date2 2263 ); 2264 2230 2265 $restoreaction = wp_nonce_url( 2231 2266 add_query_arg( 2232 2267 array( 'revision' => $revision->ID, … … 2236 2271 "restore-post_{$compare_to}|{$revision->ID}" 2237 2272 ); 2238 2273 2239 $alltherevisions[] = array ( 2274 if ( ( $compare_two_mode || 0 !== $previous_revision_id ) ) { 2275 $alltherevisions[] = array ( 2240 2276 'ID' => $revision->ID, 2241 2277 'revision_date_author' => $revision_date_author, 2242 2278 'revision_from_date_author' => $revision_from_date_author, 2279 'revision_date_author_short' => $revision_date_author_short, 2243 2280 'restoreaction' => urldecode( $restoreaction ), 2244 'revision_toload' => true 2281 'revision_toload' => true, 2282 'previous_revision_id' => $previous_revision_id 2245 2283 ); 2284 } 2285 $previous_revision_id = $revision->ID; 2246 2286 2247 2287 endforeach; 2248 2288 -
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 _has_tooltip : 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 addTooltip : function( handle, message ) { 290 291 handle.attr( 'title', '' ).tooltip({ 292 track: false, 293 294 position: { 295 my: "left-22 top-66", 296 at: "top left", 297 of: handle, 298 using: function( position, feedback ) { 299 //console.log(this); 300 $( this ).css( position ); 301 $( "<div>" ) 302 .addClass( "arrow" ) 303 .addClass( feedback.vertical ) 304 .addClass( feedback.horizontal ) 305 .appendTo( $( this ) ); 306 } 307 }, 308 show: false, 309 hide: false, 310 content: function() { 311 return message; 312 } 313 314 } ); 315 }, 316 /**/ 317 318 completeApplicationSetup : function() { 226 319 this._revisionView = new wp.revisions.views.View({ 227 320 model : this._revisions 228 321 }); 229 322 this._revisionView.render(); 230 $( '#diff_max, #diff_maxof' ).html( this._revisions.length );231 $( '#diff_count' ).html( REVAPP._right_diff );232 323 $( '#slider' ).slider( 'option', 'max', this._revisions.length - 1 ); 233 324 234 325 this.reload_toload_revisions( this._revisions ); 326 235 327 this._revisionsInteractions = new wp.revisions.views.Interact({ 236 328 model : this._revisions 237 329 }); 238 330 this._revisionsInteractions.render(); 239 331 332 this._tickmarkView = new wp.revisions.views.Tickmarks({ 333 model : this._revisions 334 }); 335 this._tickmarkView.render(); 336 this._tickmarkView.resetticks(); 337 338 240 339 /* 340 .on( 'mouseup', function( event ) { 341 REVAPP._keep_tooltip_open = false; 342 $( this ).find('.ui-slider-tooltip').hide(); 343 } ).on( 'mousedown', function( event ) { 344 REVAPP._keep_tooltip_open = true; 345 } ).on( 'mouseout', function( event ) { 346 if ( REVAPP._keep_tooltip_open) 347 event.stopImmediatePropagation(); 348 }); 349 */ 350 /* 241 351 //Options hidden for now, moving to screen options 242 352 this._revisionsOptions = new wp.revisions.views.Options({ 243 353 model : this._revisions … … 252 362 wp.revisions.Collection = Backbone.Collection.extend({ 253 363 model : wp.revisions.Model, 254 364 url : ajaxurl + '?action=revisions-data&compare_to=' + wpRevisionsSettings.post_id + 255 '&show_autosaves= false&show_split_view=true&nonce=' + wpRevisionsSettings.nonce,365 '&show_autosaves=true&show_split_view=true&nonce=' + wpRevisionsSettings.nonce, 256 366 257 367 initialize : function() { 258 368 } 259 369 } ); 260 370 261 371 _.extend(wp.revisions.views, { 372 373 //Ticks inside slider view 262 374 // 375 Tickmarks : Backbone.View.extend({ 376 el : $('#diff-slider-ticks')[0], 377 tagName : 'diff-slider-ticks-view', 378 className : 'diff-slider-ticks-container', 379 template : wp.template('revision-ticks'), 380 model : wp.revisions.Model, 381 382 resetticks : function() { 383 var slider_max = $( '#slider' ).slider( 'option', 'max'); 384 var slider_width = $( '#slider' ).width(); 385 var adjust_max = ( 2 === REVAPP._compareoneortwo ) ? 1 : 0; 386 var tick_width = Math.floor( slider_width / ( slider_max - adjust_max ) ); 387 388 //TODO: adjust right margins for wider ticks so they stay centered on handle stop point 389 390 tick_width = (tick_width > 50 ) ? 50 : tick_width; 391 tick_width = (tick_width < 10 ) ? 10 : tick_width; 392 393 slider_width = tick_width * (slider_max - adjust_max ) +1; 394 395 $( '#slider' ).width( slider_width ); 396 $( '.diff-slider-ticks-wrapper' ).width( slider_width ); 397 $( '#diffslider' ).width( slider_width ); 398 $( '#diff-slider-ticks' ).width( slider_width ); 399 400 var a_tick_width = $( '.revision-tick' ).width(); 401 402 if ( tick_width !== a_tick_width ) { // is the width already set correctly? 403 $( '.revision-tick' ).each( function( ) { 404 $(this).css( 'margin-right', tick_width - 1 + 'px'); //space the ticks out using right margin 405 }); 406 407 if( 2 === REVAPP._compareoneortwo ) { 408 $( '.revision-tick' ).first().remove(); //TODO - remove the check 409 } 410 $( '.revision-tick' ).last().css( 'margin-right', '0' ); // last tick gets no right margin 411 } 412 413 }, 414 415 //render the tickmark view 416 render : function() { 417 var self = this; 418 419 if ( null !== self.model ) { 420 //TODO remove this initial model when ticket #16215 rolls because 421 //revisions will then include current version 422 var add_placeholder = ( 2 === REVAPP._compareoneortwo ) ? self.template('') : ''; 423 424 var addhtml = "";//add_placeholder; 425 _.each ( self.model.models, function ( the_model ) { 426 427 addhtml = addhtml + self.template ( the_model.toJSON() ); 428 429 }); 430 self.$el.html( addhtml ); 431 432 } 433 self.resetticks(); 434 return self; 435 } 436 }), 437 438 // 263 439 //primary revision diff view 264 440 // 265 441 View : Backbone.View.extend({ … … 267 443 tagName : 'revisionvview', 268 444 className : 'revisionview-container', 269 445 template : wp.template('revision'), 270 revvapp : null,271 446 comparetwochecked : '', 272 447 draggingleft : false, 273 448 274 initialize : function(){275 },276 277 449 // 278 450 //render the revisions 279 451 // 280 452 render : function() { 281 453 var addhtml = ''; 282 454 //compare two revisions mode? 455 283 456 if ( 2 === REVAPP._compareoneortwo ) { 284 457 this.comparetwochecked = 'checked'; 285 458 if ( this.draggingleft ) { … … 291 464 } 292 465 } else { //dragging right handle 293 466 var thediff = REVAPP._right_diff; 467 //console.log( thediff ) 294 468 if ( this.model.at( thediff ) ) { 295 469 addhtml = this.template( _.extend( 296 470 this.model.at( thediff ).toJSON(), … … 310 484 this.$el.html( addhtml ); 311 485 if ( this.model.length < 3 ) { 312 486 $( 'div#comparetworevisions' ).hide(); //don't allow compare two if fewer than three revisions 487 } 488 if ( this.model.length < 2 ) { 489 $( 'div#diffslider' ).hide(); //don't allow compare two if fewer than three revisions 490 $( 'div.diff-slider-ticks-wrapper' ).hide(); 491 } 492 //console.log ( (this.model.at( REVAPP._right_diff - 1 )).url()); 313 493 494 if ( 2 === REVAPP._compareoneortwo && REVAPP._revisionView.draggingleft ) { 495 REVAPP.addTooltip ( $( 'a.ui-slider-handle.left-handle' ), 496 ( REVAPP._right_diff >= REVAPP._revisions.length ) ? '' : REVAPP._revisions.at( REVAPP._left_diff ).get( 'revision_date_author_short' ) ); 497 REVAPP.addTooltip ( $( 'a.ui-slider-handle.right-handle' ), 498 ( REVAPP._right_diff >= REVAPP._revisions.length ) ? '' : REVAPP._revisions.at( REVAPP._right_diff ).get( 'revision_date_author_short' ) ); 499 } else { 500 REVAPP.addTooltip ( $( 'a.ui-slider-handle' ), 501 ( REVAPP._right_diff >= REVAPP._revisions.length ) ? '' : REVAPP._revisions.at( REVAPP._right_diff ).get( 'revision_date_author_short' ) ); 314 502 } 315 //console.log ( (this.model.at( REVAPP._right_diff - 1 )).url()); 503 // } else { 504 505 // } 316 506 return this; 317 507 }, 318 508 … … 326 516 // 327 517 clickcomparetwo : function(){ 328 518 self = this; 519 329 520 if ( $( 'input#comparetwo' ).is( ':checked' ) ) { 330 521 REVAPP._compareoneortwo = 2 ; 522 if ( 0 === REVAPP._left_diff ) 523 REVAPP._left_diff = 1; 524 525 526 if ( 1 === REVAPP._right_diff ) 527 REVAPP._right_diff = 2; 528 529 wpRevisionsSettings.revision_id = ''; // reset passed revision id so switching back to one handle mode doesn't re-select revision 331 530 REVAPP.reloadleftright(); 531 REVAPP._revisionView.draggingleft = true; 532 REVAPP._revisionView.model = REVAPP._left_handle_revisions; 533 REVAPP._tickmarkView.model = REVAPP._left_handle_revisions; 332 534 } else { 333 535 REVAPP._compareoneortwo = 1 ; 334 536 REVAPP._revisionView.draggingleft = false; 335 537 REVAPP._left_diff = 0; 538 REVAPP._right_diff = (REVAPP._revisions.length <= REVAPP._right_diff ) ? REVAPP._right_diff : REVAPP._right_diff +1; 336 539 REVAPP.reloadmodelsingle(); 337 540 } 338 541 REVAPP._revisionsInteractions.render(); 542 REVAPP._tickmarkView.render(); 543 //REVAPP._revisionView.render(); 339 544 } 340 545 }), 341 546 342 547 // 343 548 //options view for show autosaves and show split view options 344 549 // 550 /* DISABLED for now 345 551 Options : Backbone.View.extend({ 346 552 el : $('#backbonerevisionsoptions')[0], 347 553 tagName : 'revisionoptionsview', 348 554 className : 'revisionoptions-container', 349 555 template : wp.template('revisionoptions'), 350 556 351 initialize : function() {352 },353 354 557 //render the options view 355 558 render : function() { 356 559 var addhtml = this.template; … … 396 599 REVAPP.reloadmodel(); 397 600 } 398 601 }), 399 602 */ 400 603 // 401 604 //main interactions view 402 605 // … … 405 608 tagName : 'revisionvinteract', 406 609 className : 'revisionvinteract-container', 407 610 template : wp.template('revisionvinteract'), 408 _restoreword : '',409 611 410 612 initialize : function() { 411 this._restoreword = $( 'input#restore' ).attr( 'value' );412 613 }, 413 614 414 reset_restore_button : function() {415 $( 'input#restore' ).attr( 'value', this._restoreword + ' ' + REVAPP._revisions.at( REVAPP._right_diff - 1 ).get( 'ID' ) );416 },417 418 615 render : function() { 419 616 var self = this; 420 617 421 618 var addhtml = this.template; 422 619 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 620 428 621 var modelcount = REVAPP._revisions.length; 429 622 … … 431 624 if ( 1 === REVAPP._compareoneortwo ) { 432 625 //set up the slider with a single handle 433 626 slider.slider({ 434 value 435 min 436 max 437 step 627 value: REVAPP._right_diff-1, 628 min: 0, 629 max: modelcount-1, 630 step: 1, 438 631 632 439 633 //slide interactions for one handles slider 440 634 slide : function( event, ui ) { 441 if ( REVAPP._right_model_loading ) //left model stoll loading, prevent sliding left handle442 return false;443 635 444 REVAPP._right_diff =( ui.value+1 ); 445 $( '#diff_count' ).html( REVAPP._right_diff ); 636 REVAPP._right_diff = ( ui.value +1 ); 446 637 REVAPP._revisionView.render(); 447 self.reset_restore_button(); 448 } 638 console.log(REVAPP._revisions.at( ui.value ).get( 'ID')); 639 console.log(wpRevisionsSettings.post_id); 640 641 if ( REVAPP._revisions.at( ui.value ).get( 'ID') == wpRevisionsSettings.post_id ){ 642 $( '#diffrestore' ).hide(); 643 } else { 644 $( '#diffrestore' ).show(); 645 } 646 /* 647 $( 'a.ui-slider-handle' ).tooltip( { 648 content: REVAPP._revisions.at( ui.value ).get( 'revision_date_author_short' ), 649 position: { 650 my: "top-65", 651 using: function( position, feedback ) { 652 $( this ).css( position ); 653 $( "<div>" ) 654 .addClass( "arrow" ) 655 .addClass( feedback.vertical ) 656 .addClass( feedback.horizontal ) 657 .appendTo( this ); 658 } 659 } 660 });//.trigger( 'close' ).trigger( 'open' ); 661 */ 662 } 449 663 }); 450 664 $( '.revisiondiffcontainer' ).removeClass( 'comparetwo' ); 665 451 666 } else { //comparing more than one, eg 2 452 667 //set up the slider with two handles 453 668 slider.slider({ … … 467 682 return false; 468 683 469 684 if ( REVAPP._revisionView.model !== REVAPP._left_handle_revisions && 470 null !== REVAPP._left_handle_revisions ) 685 null !== REVAPP._left_handle_revisions ) { 471 686 REVAPP._revisionView.model = REVAPP._left_handle_revisions; 472 687 REVAPP._tickmarkView.model = REVAPP._left_handle_revisions; 688 REVAPP._tickmarkView.render(); 689 } 473 690 REVAPP._revisionView.draggingleft = true; 474 691 REVAPP._left_diff_start = ui.values[ 0 ]; 475 692 break; 476 693 477 694 case 2: //right 478 if ( REVAPP._right_model_loading ) // right model stoll loading, prevent sliding right handle695 if ( REVAPP._right_model_loading ) //left model stoll loading, prevent sliding left handle 479 696 return false; 480 697 481 698 //one extra spot at left end when comparing two 482 699 if ( REVAPP._revisionView.model !== REVAPP._right_handle_revisions && 483 null !== REVAPP._right_handle_revisions ) 700 null !== REVAPP._right_handle_revisions ) { 484 701 REVAPP._revisionView.model = REVAPP._right_handle_revisions; 702 REVAPP._tickmarkView.model = REVAPP._right_handle_revisions; 703 REVAPP._tickmarkView.render(); 704 } 485 705 486 706 REVAPP._revisionView.draggingleft = false; 487 707 REVAPP._right_diff_start = ui.values[ 1 ]; … … 501 721 if ( REVAPP._left_model_loading ) //left model still loading, prevent sliding left handle 502 722 return false; 503 723 504 REVAPP._left_diff = ui.values[ 0 ] - 1; //one extra spot at left end when comparing two724 REVAPP._left_diff = ui.values[ 0 ]; //one extra spot at left end when comparing two 505 725 break; 506 726 507 727 case 2: //right 508 if ( REVAPP._right_model_loading ) //right model still loading, prevent sliding right handle 509 return false; 728 REVAPP._right_diff = ui.values[ 1 ] ; 729 //console.log('setting ' + REVAPP._right_diff ); 730 if ( REVAPP._revisions.at( ui.values[ 1 ] -1 ).get( 'ID') == wpRevisionsSettings.post_id ){ 731 $( '#diffrestore' ).hide(); 732 } else { 733 $( '#diffrestore' ).show(); 734 } 510 735 511 REVAPP._right_diff = ui.values[ 1 ] - 1 ;512 736 break; 513 737 } 514 738 515 $( '#diff_count' ).html( REVAPP._right_diff );516 517 739 if ( 0 === REVAPP._left_diff ) { 518 740 $( '.revisiondiffcontainer' ).addClass( 'currentversion' ); 519 741 520 742 } else { 521 743 $( '.revisiondiffcontainer' ).removeClass( 'currentversion' ); 522 $( '#diff_left_count_inner' ).html( REVAPP._left_diff );523 744 } 524 745 525 REVAPP._revisionView.render(); //render the diff view526 self.reset_restore_button(); 746 REVAPP._revisionView.render(); 747 527 748 }, 528 749 529 750 //when the user stops sliding in 2 handle mode, recalculate diffs … … 536 757 537 758 switch ( index ) { 538 759 case 1: //left 760 539 761 //left handle dragged & changed, reload right handle model 540 if ( ! ( REVAPP._left_diff_start === ui.values[ 0 ] || REVAPP._left_model_loading ))762 if ( REVAPP._left_diff_start !== ui.values[ 0 ] ) 541 763 REVAPP.reloadright(); 542 764 543 765 break; 544 766 545 767 case 2: //right 768 //REVAPP._right_diff = ( 1 >= REVAPP._right_diff ) ? 1 : REVAPP._right_diff-1; 546 769 //right handle dragged & changed, reload left handle model if changed 547 if ( ! ( REVAPP._right_diff_start === ui.values[ 1 ] || REVAPP._right_model_loading ) ) {770 if ( REVAPP._right_diff_start !== ui.values[ 1 ] ) 548 771 REVAPP.reloadleft(); 549 } 772 550 773 break; 551 774 } 552 775 } 553 776 } 554 777 }); 555 778 $( '.revisiondiffcontainer' ).addClass( 'comparetwo' ); 779 $( 'a.ui-slider-handle' ).first().addClass( 'left-handle' ).next().addClass( 'right-handle' ); 556 780 } 557 781 558 782 return this; … … 571 795 572 796 REVAPP._revisionView.render(); 573 797 574 $( '#diff_count' ).html( REVAPP._right_diff );575 798 $( '#slider' ).slider( 'value', REVAPP._right_diff - 1 ).trigger( 'slide' ); 576 this.reset_restore_button();577 799 }, 578 800 579 801 //go the the previous revision … … 583 805 584 806 REVAPP._revisionView.render(); 585 807 586 $( '#diff_count' ).html( REVAPP._right_diff );587 808 $( '#slider' ).slider( 'value', REVAPP._right_diff - 1 ).trigger( 'slide' ); 588 this.reset_restore_button();589 809 } 590 810 }) 591 811 }); -
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: -3px; 3821 background-color: #333; 3822 } 3823 3824 .revision-tick.revision-scopeofchanges-vlarge { 3825 margin-left: -3px; 3826 width: 4px; 3827 background-color: #111; 3828 left: 1; 3829 } 3830 3766 3831 .diff-loading { 3767 3832 margin-top: 50px; 3768 3833 width: 100%; … … 3777 3842 float: none; 3778 3843 } 3779 3844 3780 #difftitlefrom {3781 float: left;3782 display: none;3783 }3784 3785 3845 #modelsloading { 3786 3846 float: right; 3847 position: absolute; 3787 3848 line-height: 30px; 3788 3849 display: none; 3789 3850 clear: none; 3790 margin: 0;3851 right: 170px; 3791 3852 margin-top: -40px; 3792 3853 } 3793 3854 3794 3855 #modelsloading .spinner { 3795 3856 float: left; 3796 3857 } 3797 3858 3859 .ui-tooltip-content img { 3860 float: left; 3861 margin-right: 5px; 3862 } 3863 /* jQuery UI Tooltip 1.10.1 */ 3864 3865 .ui-tooltip { 3866 padding: 8px; 3867 position: absolute; 3868 z-index: 9999; 3869 max-width: 300px; 3870 min-width: 130px; 3871 } 3872 3873 body .ui-tooltip { 3874 border-width: 1px; 3875 } 3876 3877 .ui-tooltip, .arrow:after { 3878 border: 1px solid #d7d7d7; 3879 } 3880 3881 .ui-tooltip { 3882 padding: 5px 10px; 3883 } 3884 3885 .arrow { 3886 width: 70px; 3887 height: 16px; 3888 overflow: hidden; 3889 position: absolute; 3890 left: 50%; 3891 margin-left: -35px; 3892 bottom: -16px; 3893 z-index: 99999; 3894 3895 } 3896 3897 .arrow.top { 3898 top: -16px; 3899 bottom: auto; 3900 } 3901 3902 .arrow.left { 3903 left: 20%; 3904 } 3905 3906 .arrow:after { 3907 content: ""; 3908 position: absolute; 3909 left: 20px; 3910 top: -20px; 3911 width: 25px; 3912 height: 25px; 3913 background-color: #FFF; 3914 -webkit-transform: rotate(45deg); 3915 -moz-transform: rotate(45deg); 3916 -ms-transform: rotate(45deg); 3917 -o-transform: rotate(45deg); 3918 tranform: rotate(45deg); 3919 } 3920 3921 .arrow.top:after { 3922 bottom: -20px; 3923 top: auto; 3924 } 3925 3798 3926 /* jQuery UI Slider */ 3799 3927 3800 3928 .wp-slider.ui-slider { … … 3809 3937 .wp-slider .ui-slider-handle { 3810 3938 position: absolute; 3811 3939 z-index: 2; 3812 width: 1.2em; 3813 height: 1.2em; 3814 border-width: 1px; 3815 border-style: solid; 3816 border-radius: 3px; 3940 width: 17px; 3941 height: 17px; 3942 border: none; 3817 3943 } 3818 3944 3819 3945 .wp-slider .ui-slider-range {