Dockery/Pinry
1
0
Fork 0
mirror of https://github.com/pinry/pinry.git synced 2026-01-09 08:42:09 +01:00
Code Issues Packages Projects Releases Activity

Add "sort by size" function to bookmarklet.

Browse Source 
Closes #337.
This commit is contained in:
Lapo Luchini
2022-04-23 09:29:22 +02:00
parent 7b8f89d97b
commit e664475bbd
1 changed files with 27 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
pinry/static/js/bookmarklet.js
View File

@@ -4,7 +4,7 @@
* why it has built in helpers and such when the rest of the
* scripts make use of helpers.js.
* Authors: Pinry Contributors
* Updated: Aug 26th, 2018
* Updated: Apr 23th, 2022
* Require: None
*/
@@ -68,11 +68,31 @@
pinryBar.textContent = 'Pinry Bookmarklet';
pinryBar.onclick = closePinry;
pinryImages.appendChild(pinryBar);
var pinrySort = document.createElement('div');
setCSS(pinrySort, {
display: 'block',
position: 'absolute',
top: '15px',
right: '1em',
cursor: 'pointer'
});
pinrySort.textContent = '\u21D5 Size';
pinryBar.appendChild(pinrySort);
document.body.appendChild(pinryImages);
document.onkeyup = function (e) {
if (e.keyCode == 27) // ESC key
closePinry();
};
pinrySort.onclick = function (e) {
e.stopPropagation();
Array.prototype.slice.call(pinryImages.children
).sort(function (a, b) {
return b.getAttribute('pinryArea') - a.getAttribute('pinryArea');
}).forEach(function (div) {
// re-add to parent in sorted order
pinryImages.appendChild(div);
});
};
}
function imageView(imageUrl) {
@@ -114,9 +134,12 @@
images[img.src] = true;
var w = img.naturalWidth,
h = img.naturalHeight;
if (w > 200 && h > 200)
imageView(img.src).textContent = w + '\u00D7' + h;
}
if (w > 200 && h > 200) {
var i = imageView(img.src);
i.textContent = w + '\u00D7' + h;
i.setAttribute('pinryArea', w * h);
}
}
function addAllImagesToPageView() {
// add all explicit IMGs
var images = document.getElementsByTagName('img');