Add download links for individual tracks on Groupees purchases page

readme.md

To use this code, first go to your purchases page, expand the bundles with the albums you want to download individual tracks from, and open a JavaScript console. On Firefox, it's Ctrl-Shift-K, while on Chrome it's Ctrl-Shift-J. Then paste in this line:

var addDownloadLinks=function(){$(".details").each(function(c,d){var a=1;$(this).find(".audioplayer").each(function(c,d){jThis=$(this);if(!jThis.closest("li").find(".track-download").length){var e=(10>a?"0":"")+a+" - "+jThis.next().text()+".mp3",b=$('<a class="btn btn-sm btn-primary fa fa-download track-download" style="position: absolute; left: -65px; line-height: 1.1"></a>');b.attr("href",jThis.find("audio").attr("src"));b.attr("download",e);jThis.closest("li").prepend(b)}++a})})};addDownloadLinks();

and press Enter. A download button will appear before each track. If your browser supports the "download" attribute, you will get a file with the proper name, otherwise it will have numbers.

addDownloadLinks.js

var addDownloadLinks = function()
{
	$('.details').each(function(i, e)
	{
		var trackNum = 1;
		$(this).find('.audioplayer').each(function(i, e)
		{
			jThis = $(this);
			if (!jThis.closest('li').find('.track-download').length)
			{
				var downloadName = (trackNum < 10 ? '0' : '') + trackNum + ' - ' + jThis.next().text() + '.mp3';
				var button = $('<a class="btn btn-sm btn-primary fa fa-download track-download" style="position: absolute; left: -65px; line-height: 1.1"></a>');
				button.attr('href', jThis.find('audio').attr('src'));
				button.attr('download', downloadName);
				jThis.closest('li').prepend(button);
			}
			++trackNum;
		});
	});
}

addDownloadLinks();

addDownloadLinks.user.js

// ==UserScript==
// @name         Groupees Add Track Download Link
// @namespace    http://cyanic.vnd/groupees/addTrackDownload
// @version      1.0.2
// @description  Adds download buttons for tracks on Groupees purchases page.
// @author       cyanic
// @match        https://groupees.com/purchases
// @grant        none
// ==/UserScript==

this.$ = window.$;

/*
 * Function hook jQuery plugin
 * version 1.0
 * author: Damien Antipa
 * http://github.com/dantipa/
 */
(function(window, $, undefined){

    /**
     * Hooks into a given method
     * 
     * @param method
     * @param fn
     */
    $.fn.hook = function (method, fn) {
        var def = $.fn[method];

        if (def) {
            $.fn[method] = function() {
                var r = def.apply(this, arguments); //original method
                fn(this, method, arguments); //injected method
                return r;
            }
        }
    }

})(window, window.jQuery);

$.fn.hook('html', function(el) {
    el.find('.details').each(function(i, e) {
        var trackNum = 1;
        $(this).find('.audioplayer').each(function(i, e) {
            jThis = $(this);
            if (!jThis.closest('li').find('.track-download').length)
            {
                var downloadName = (trackNum < 10 ? '0' : '') + trackNum + ' - ' + jThis.next().text() + '.mp3';
                var button = $('<a class="btn btn-sm btn-primary fa fa-download track-download" style="position: absolute; left: -65px; line-height: 1.1"></a>');
                button.attr('href', jThis.find('audio').attr('src'));
                button.attr('download', downloadName);
                jThis.closest('li').prepend(button);
            }
            ++trackNum;
        });
    });
});