☰

IndieRoyale: Show only owned bundles and enable search by name

I have no idea how IR considers their library useful for their customers. -_- So, here is my attempt to fix it.

// ==UserScript==
// @name         IndieRoyale: Show only owned bundles and enable search by name
// @namespace    lainverse_indieroyale_show_only_owned_bundles
// @version      0.2
// @description  I have no idea how IR considers their library useful for their customers. -_- So, here is my attempt to fix it.
// @author       lainverse
// @match        http://www.indieroyale.com/collection
// @match        https://www.indieroyale.com/collection
// @grant        none
// ==/UserScript==

var bdy = document.querySelector('.deal');
if (!bdy) return; bdy = bdy.parentNode;

var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = ''+
    ' .body .deal {height:266px!important;margin:0!important;padding:10px 15px!important}'+
    ' .body .deal > a, .body .deal > div, .body .deal > div > a:first-child {height:266px!important}'+
    ' .body .deal > a, .body .deal > div > a:first-child {position:relative!important}'+
    ' .body .deal > div > a:first-child {display:block!important;height:100%!important}'+
    ' .body hr {height:12px;border:0;box-shadow:inset 0 12px 12px -12px rgba(0,0,0,0.5)}'+
    ' .body img {display:block;margin:auto;position:absolute;bottom:18px;left:0;right:0}'+
    ' .body span {display:block;width:100%;position:absolute;bottom:0}';
console.log(style);
bdy.insertBefore(style,bdy.querySelector(':first-child'));

bdy.appendChild(document.createElement('hr'));

[].forEach.call(document.querySelectorAll('.deal'),function(i){
    if(i.querySelector('.wantbundle')) bdy.appendChild(i);
    i.classList.remove('dealalt');
    i.querySelector('a').appendChild((function(i){
        var t = document.createElement('span');
        t.innerHTML = i.querySelector('img').getAttribute('alt');
        return t;
    })(i));
});