What is meta? ×
Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 128 Stack Exchange communities.

I have started reviewing edits and find myself clicking on improve quite a lot.

Occasionally, an editor changes the the meaning of the original author, but once I am on the improving page, I can no longer see which parts have been edited.

To see that again, I have found that I can only do that by cancelling the edit, duplicate the window, and then start improving again. (Ctrl-clicking back will show a different suggested edit to review)

Another scenario is, that I need to go look at comments to check whether what has been edited in came from there, which is when I'm in need of a link back to the original question.

Here are some ideas:

  • Add a link back to the original post
  • Add a link to the diff between the suggested edit and the post
  • Add a live diff between original/suggested/revised

What do you think?

share|improve this question
2  
Use your tabbed browsing. :) It's a bit of a pain, but it works. –  jmort253 Aug 4 '12 at 21:41
add comment

1 Answer 1

Screenshots:

Click the Show diffs heading to show and hide the diffs:

enter image description here

The diffs appear like this:

enter image description here

enter image description here

Description:

Here's a short GreaseMonkey script that adds the diffs to the top of the improvement editor. I've never written an addon/extension but I bet this could be adapted into one.

// ==UserScript==
// @name        reviewhelp
// @namespace   http://stackoverflow.com/review/suggested-edits/
// @include     *stackoverflow.com/review/suggested-edits*
// @version     1
// @require     http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js
// ==/UserScript==


$(document).on("click", '[value=Improve]', function() {
    if ($('.full-diff').length) {
        var table = $('<div/>').append($('.full-diff').clone()).hide();
        $('.editing-review-content').ajaxComplete(function() {
            $('#mainbar').prepend($("<hr/>"));
            $('#mainbar').prepend(table);
            var heading = $("<div><a href='#'><h2>Show diffs</h2></a></div>");
            $('#mainbar').prepend(heading);
            heading.toggle(function() {
                $(this).next().slideToggle('fast');
                $('h2', this).text('Hide diffs');
                $('a', this).css("color", "orange");
            }, function() {
                $(this).next().slideToggle('fast');
                $('h2', this).text('Show diffs');
                $('a', this).css("color", "");
            });
            heading.hover(function() {
                $('a', this).css("color", "orange")
            }, function() {
                if ($('h2', this).text() == 'Show diffs') $('a', this).css("color", "")
            });
        });
    }
});
share|improve this answer
add comment

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .