I love @lolreppeatlol's idea, so I implemented it with a userscript! :)
Install it from GitHub Gist :) You will probably need a userscript manager such as Greasemonkey or Tampermonkey.
Update: I have now added this feature into v1.0.3 (currently in dev
) of SOX: Stack Overflow Extras, a userscript which adds a bunch of optional features to the Stack Exchange sites. Install it for a bunch of other cool features! :)
// ==UserScript==
// @name Tabular reviewer stats on /review/suggested-edits
// @namespace http://stackexchange.com/users/4337810/
// @version 1.1
// @description A userscript that makes the reviewer stats less wordy :)
// @author ᔕᖺᘎᕊ (http://stackexchange.com/users/4337810/)
// @match *://*.stackoverflow.com/review/suggested-edits/*
// @match *://*.stackexchange.com/review/suggested-edits/*
// @match *://*.superuser.com/review/suggested-edits/*
// @match *://*.serverfault.com/review/suggested-edits/*
// @match *://*.askubuntu.com/review/suggested-edits/*
// @match *://*.stackapps.com/review/suggested-edits/*
// @match *://*.mathoverflow.net/review/suggested-edits/*
// @grant none
// ==/UserScript==
//Idea by lolreppeatlol @ https://meta.stackexchange.com/a/277446/260841 :)
setTimeout(function() {
var info = {};
$('.review-more-instructions ul:eq(0) li').each(function() {
var text = $(this).text(),
username = $(this).find('a').text(),
link = $(this).find('a').attr('href'),
approved = text.match(/approved (.*?)[a-zA-Z]/)[1],
rejected = text.match(/rejected (.*?)[a-zA-Z]/)[1],
improved = text.match(/improved (.*?)[a-zA-Z]/)[1];
info[username] = {
'link': link,
'approved': approved,
'rejected': rejected,
'improved': improved
};
});
var $editor = $('.review-more-instructions ul:eq(1) li'),
editorName = $editor.find('a').text(),
editorLink = $editor.find('a').attr('href'),
editorApproved = $editor.text().match(/([0-9])/g)[0],
editorRejected = $editor.text().match(/([0-9])/g)[1];
info[editorName] = {
'editorLink': link,
'approved': editorApproved,
'rejected': editorRejected
};
var table = "<table><tbody><tr><th style='padding: 4px;'>User</th><th style='padding: 4px;'>Approved</th><th style='padding: 4px;'>Rejected</th><th style='padding: 4px;'>Improved</th style='padding: 4px;'></tr>";
$.each(info, function(user, details) {
table += "<tr><td style='padding: 4px;'><a href='" + details.link + "'>" + user + "</a></td><td style='padding: 4px;'>" + details.approved + "</td><td style='padding: 4px;'>" + details.rejected + "</td><td style='padding: 4px;'>" + (details.improved ? details.improved : 'N/A') + "</td></tr>";
});
table += "</tbody></table>";
$('.review-more-instructions p, .review-more-instructions ul').remove();
$('.review-more-instructions').append(table);
}, 2000);