Paid for things

New pips!

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

You will need to install an extension such as Tampermonkey to install this script.

Tendrás que instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Tendrás que instalar una extensión como Tampermonkey antes de poder instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

// ==UserScript==
// @name         Paid for things
// @namespace    http://tampermonkey.net/
// @version      1.5
// @description  New pips!
// @author       tharglet
// @match        https://myfigurecollection.net/?*mode=view&*tab=collection&*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=myfigurecollection.net
// @grant        GM_addStyle
// @grant GM_setValue
// @grant GM_getValue
// ==/UserScript==

//Polyfill for GM_addStyle for Greasemonkey...
if(typeof GM_addStyle == 'undefined') {
    GM_addStyle = (aCss) => {
        'use strict';
        let head = document.getElementsByTagName('head')[0];
        if (head) {
            let style = document.createElement('style');
            style.setAttribute('type', 'text/css');
            style.textContent = aCss;
            head.appendChild(style);
            return style;
        }
        return null;
    };
}

GM_addStyle(`
.item-custompip {
    display: block;
    position: absolute;
    right: 1px;
    bottom: 1px;
    height: 16px;
    padding: 1px 2px 2px 3px;
    line-height: 16px;
    color: white;
}

.item-is-paid {
    background-color: green;
}

.item-is-shipped {
    background-color: gold;
}

.item-is-stored {
    background-color: orangered;
}

.icon-dollar:before {
    font-family: serif !important;
    content: "$";
    font-weight: bolder !important;
}

.icon-plane:before {
    font-family: serif !important;
    content: "🛩️";
    font-weight: bolder !important;
}

.icon-stored:before {
    font-family: serif !important;
    content: "🏭";
    font-weight: bolder !important;
}
`);

(async function() {
    'use strict';

    const parser = new DOMParser();

    const appendPip = (itemClassName, pipClassName, itemElement) => {
        const shippedPipContainer = document.createElement('span');
        shippedPipContainer.classList.add('item-custompip', itemClassName);
        const shippedPip = document.createElement('span');
        shippedPip.classList.add('tiny-icon-only', pipClassName);
        shippedPipContainer.appendChild(shippedPip);
        itemElement.appendChild(shippedPipContainer);
    };

    const isUsersPreorderPage = () => {
        const urlParams = new URLSearchParams(window.location.search);
        const status = urlParams.get("status");
        if(status == 1) {
            let loggedInUser = document.querySelector(".user-menu .handle");
            if(loggedInUser) {
                let userLink = loggedInUser.getAttribute("href");
                if(userLink === "/session/signup") {
                    return false;
                } else {
                    let userParam;
                    const windowLocation = window.location.href;
                    if(windowLocation.startsWith("https://myfigurecollection.net/profile/")) {
                        userParam = windowLocation.match(/https:\/\/myfigurecollection\.net\/profile\/([^\/]*)/)[1];
                    } else {
                        const urlParams = new URLSearchParams(window.location.search);
                        userParam = urlParams.get("username");
                    }
                    return userParam === userLink.substring("9");
                }
            } else {
                return false;
            }
        } else {
            return false;
        }
    };

    const processPage = (parsedHtml) => {
        const foundItems = [];
        const items = parsedHtml.querySelectorAll('.row.tbx-checkable-row .cell:nth-child(2) a');
        if(items) {
            items.forEach((item) => {
                foundItems.push(item.getAttribute('href'));
            });
        }
        return foundItems;
    };

    const processStoredPage = (parsedHtml) => {
        const foundItems = [];
        const isStoredCells = parsedHtml.querySelectorAll('.row.tbx-checkable-row .cell:nth-child(9)');
        if(isStoredCells) {
            isStoredCells.forEach((isStoredItem) => {
                if(isStoredItem.textContent.includes('Stored')) {
                    const itemLink = isStoredItem.parentElement.querySelector('.cell:nth-child(2) a');
                    foundItems.push(itemLink.getAttribute('href'));
                }
            });
        }
        return foundItems;
    };

    const getPageCount = (parsedHtml) => {
        const itemCount = parsedHtml.querySelector('.results-count-value');
        const pageCountMatch = itemCount.innerText.match(/^(\d+)/);
        return Math.floor(parseInt(pageCountMatch[0], 10) / 50) + 1;
    };

    const processItems = async (url, pageProcessor) => {
        const foundItems = [];
        let pageCount = 0;
        await fetch(url + '&page=1').then((response) => {
            return response.text();
        }).then((html) => {
            const parsedHtml = parser.parseFromString(html, 'text/html');
            Array.prototype.push.apply(foundItems, pageProcessor(parsedHtml));
            pageCount = getPageCount(parsedHtml);
        }).catch(function (err) {
            console.warn('Something went wrong.', err);
        });
        if (pageCount > 1) {
            for(let page = 2; page < pageCount + 1; page++) {
                await fetch(url + '&page=' + page).then((response) => {
                    return response.text();
                }).then((html) => {
                    const parsedHtml = parser.parseFromString(html, 'text/html');
                    Array.prototype.push.apply(foundItems, pageProcessor(parsedHtml));
                }).catch(function (err) {
                    console.warn('Something went wrong.', err);
                });
            }
        }
        return foundItems;
    };

    if(isUsersPreorderPage()) {
        const paidItems = await processItems('/?mode=collection&tab=ordered&current=keywords&output=sheet&isPaid=1&_tb=manager', processPage);
        const storedItems = await processItems('/?mode=collection&tab=ordered&output=sheet&_tb=manager', processStoredPage);
        const shippedItems = await processItems('/?mode=collection&tab=ordered&current=keywords&output=sheet&isShipped=1&_tb=manager', processPage);

        const itemIcons = document.querySelectorAll('.item-icon a');
        itemIcons.forEach((item) => {
            if(shippedItems.includes(item.getAttribute('href'))) {
                appendPip('item-is-shipped', 'icon-plane', item);
            } else if(storedItems.includes(item.getAttribute('href'))) {
                appendPip('item-is-stored', 'icon-stored', item);
            } else if(paidItems.includes(item.getAttribute('href'))) {
                appendPip('item-is-paid', 'icon-dollar', item);
            }
        });
    }
})();