Make MusicBrainz: 1200px CAA prettier

This commit is contained in:
Laurent Monin 2019-06-25 23:49:08 +02:00
parent c8f05a835d
commit dc55c92e08
No known key found for this signature in database
GPG key ID: D859F01B646C07A7

View file

@ -2,7 +2,7 @@
// @name MusicBrainz: 1200px CAA // @name MusicBrainz: 1200px CAA
// @name:da MusicBrainz: 1200px CAA // @name:da MusicBrainz: 1200px CAA
// @namespace https://github.com/murdos/musicbrainz-userscripts/ // @namespace https://github.com/murdos/musicbrainz-userscripts/
// @version 2019.6.25.1 // @version 2019.6.25.2
// @author Frederik “Freso” S. Olesen // @author Frederik “Freso” S. Olesen
// @license GPL-3.0-or-later // @license GPL-3.0-or-later
// @description Use the 1200px images for the popup/previews on Release cover art pages. (Also adds 1200px “thumbnail” links.) // @description Use the 1200px images for the popup/previews on Release cover art pages. (Also adds 1200px “thumbnail” links.)
@ -21,22 +21,22 @@ var ca_page = document.querySelector('div#content');
var ca_items = ca_page.querySelectorAll('div.artwork-cont'); var ca_items = ca_page.querySelectorAll('div.artwork-cont');
ca_items.forEach(function(ca_item) { ca_items.forEach(function(ca_item) {
/* Use 1200px “thumbnails” for the popups/previews */ /* Use 1200px “thumbnails” for the popups/previews */
var popup_link = ca_item.querySelector('a.artwork-image'); var popup_link = ca_item.querySelector('a.artwork-image');
popup_link.href = popup_link.href.replace(/\.[a-z]+$/, '-1200.jpg'); popup_link.href = popup_link.href.replace(/\.[a-z]+$/, '-1200.jpg');
/* Add a “1200px” link to the “All sizes” list */ /* Add a “1200px” link to the “All sizes” list */
// Until https://tickets.metabrainz.org/browse/CAA-88 is resolved. // Until https://tickets.metabrainz.org/browse/CAA-88 is resolved.
var link_list = ca_item.querySelector('p.small'); var link_list = ca_item.querySelector('p.small');
var link_list_a = link_list.getElementsByTagName('a'); var link_list_a = link_list.getElementsByTagName('a');
for (var i = 0; i < link_list_a.length; i++) { for (var i = 0; i < link_list_a.length; i++) {
if (link_list_a[i].textContent == '500px') { if (link_list_a[i].textContent == '500px') {
var _500px_link = link_list_a[i]; var _500px_link = link_list_a[i];
break; break;
}
} }
} var _1200px_link = _500px_link.cloneNode(true);
var _1200px_link = _500px_link.cloneNode(true); _1200px_link.href = _1200px_link.href.replace('-500', '-1200');
_1200px_link.href = _1200px_link.href.replace('-500', '-1200'); _1200px_link.textContent = _1200px_link.textContent.replace('500', '1200');
_1200px_link.textContent = _1200px_link.textContent.replace('500', '1200'); _500px_link.insertAdjacentHTML('afterend', ' |\n' + _1200px_link.outerHTML);
_500px_link.insertAdjacentHTML('afterend', " |\n" + _1200px_link.outerHTML);
}); });