Merge pull request #3021 from brendandahl/key-ref
Add keyboard shortcuts for retest analyzer.
This commit is contained in:
commit
77997f61d5
@ -74,6 +74,8 @@ Features to add:
|
|||||||
#itemlist > table { border-collapse: collapse; }
|
#itemlist > table { border-collapse: collapse; }
|
||||||
#itemlist > table > tbody > tr > td { border: 1px solid; padding: 1px; }
|
#itemlist > table > tbody > tr > td { border: 1px solid; padding: 1px; }
|
||||||
|
|
||||||
|
.selected { background-color: lightsteelblue; }
|
||||||
|
|
||||||
/*
|
/*
|
||||||
#itemlist > table > tbody > tr.pass > td.url { background: lime; }
|
#itemlist > table > tbody > tr.pass > td.url { background: lime; }
|
||||||
#itemlist > table > tbody > tr.fail > td.url { background: red; }
|
#itemlist > table > tbody > tr.fail > td.url { background: red; }
|
||||||
@ -111,6 +113,7 @@ var gImage1Data; // ImageData object for the reference image
|
|||||||
var gImage2Data; // ImageData object for the test output image
|
var gImage2Data; // ImageData object for the test output image
|
||||||
var gFlashingPixels = []; // array of <path> objects that should be flashed due to pixel color mismatch
|
var gFlashingPixels = []; // array of <path> objects that should be flashed due to pixel color mismatch
|
||||||
var gPath = ''; // path taken from #web= and prepended to ref/snp urls
|
var gPath = ''; // path taken from #web= and prepended to ref/snp urls
|
||||||
|
var gSelected = null; // currently selected comparison
|
||||||
|
|
||||||
function ID(id) {
|
function ID(id) {
|
||||||
if (!(id in gIDCache))
|
if (!(id in gIDCache))
|
||||||
@ -316,6 +319,7 @@ function build_viewer() {
|
|||||||
tr.appendChild(td);
|
tr.appendChild(td);
|
||||||
|
|
||||||
td = document.createElement("td");
|
td = document.createElement("td");
|
||||||
|
td.id = "url" + i;
|
||||||
td.className = "url";
|
td.className = "url";
|
||||||
// Only display part of URL after "/mozilla/".
|
// Only display part of URL after "/mozilla/".
|
||||||
var match = item.url.match(/\/mozilla\/(.*)/);
|
var match = item.url.match(/\/mozilla\/(.*)/);
|
||||||
@ -354,6 +358,11 @@ function get_image_data(src, whenReady) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function show_images(i) {
|
function show_images(i) {
|
||||||
|
if (gSelected !== null) {
|
||||||
|
ID('url' + gSelected).classList.remove('selected');
|
||||||
|
}
|
||||||
|
gSelected = i;
|
||||||
|
ID('url' + gSelected).classList.add('selected');
|
||||||
var item = gTestItems[i];
|
var item = gTestItems[i];
|
||||||
var cell = ID("images");
|
var cell = ID("images");
|
||||||
|
|
||||||
@ -479,6 +488,30 @@ function show_pixelinfo(x, y, pix1rgb, pix1hex, pix2rgb, pix2hex) {
|
|||||||
ID("pix2rgb").textContent = pix2rgb;
|
ID("pix2rgb").textContent = pix2rgb;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
window.addEventListener('keydown', function keydown(event) {
|
||||||
|
if (event.which === 84) {
|
||||||
|
// 't' switch test/ref images
|
||||||
|
var val = 0;
|
||||||
|
if (document.querySelector('input[name="which"][value="0"]:checked')) {
|
||||||
|
val = 1;
|
||||||
|
}
|
||||||
|
document.querySelector('input[name="which"][value="' + val + '"]').click();
|
||||||
|
} else if (event.which === 78 || event.which === 80) {
|
||||||
|
// 'n' next image, 'p' previous image
|
||||||
|
var select = gSelected;
|
||||||
|
if (gSelected === null) {
|
||||||
|
select = 0;
|
||||||
|
} else if (event.which === 78) {
|
||||||
|
select++;
|
||||||
|
} else {
|
||||||
|
select--;
|
||||||
|
}
|
||||||
|
var length = gTestItems.length;
|
||||||
|
select = select < 0 ? length - 1 : select >= length ? 0 : select;
|
||||||
|
show_images(select);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
]]></script>
|
]]></script>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user