Add quick filter column using TamperMonkey

[epacke]

This user script uses Tampermonkey to inject an additional column with quick filters.

Link	Action
d	Search for transactions on all accounts within +-1 day from the selected transaction
w	Search for transactions on all accounts within +-3 days from the selected transaction
d	Search for transactions on all accounts within +-15 days from the selected transaction
g	Searches for mails in Gmail +-3 days from the selected transaction

I found them helpful when looking for transfers between accounts and when I was trying to identify what category a specific purchase is related to.

To use:

1. Install Tampermonkey for Google Chrome
2. Paste the script below
3. Modify the @match statement to match your Firefly sites protocol/domain/ip

// ==UserScript==
// @name         Budget date quick filters
// @description  Quick filters for date
// @author       Some random guy on the internet
// @match        https://yoursite/*
// @grant        GM_addStyle
// ==/UserScript==

(async function() {

    // Look for selector ${lookFor} in element ${lookIn}
    const waitFor = (lookIn, lookFor, timeout=5000) => {
        return new Promise((resolve, reject) => {
            // Callback function to execute when mutations are observed
            const callback = (mutationList, observer) => {
                for (const mutation of mutationList) {
                    if (mutation.type === "childList") {
                        console.log(document.querySelector(lookFor))
                        if(document.querySelector(lookFor)){
                            observer.disconnect()
                            resolve()
                        }
                    }
                }
            };
            const targetNode = document.querySelector(lookIn);
            const config = { childList: true, subtree: true };
            const observer = new MutationObserver(callback);
            observer.observe(targetNode, config);
            setTimeout(() => {
                observer.disconnect();
                reject(`Timed out while waiting for "${lookFor}" in "${lookIn}"`);
            }, timeout);
        })
    }

    await waitFor('body', 'table.table thead');

    const makeDateLink = ([title, start, end]) => {
        const search = encodeURIComponent(`after:"${start.toISOString().split('T')[0]}" before:"${end.toISOString().split('T')[0]}"`);
        return `<a target="_blank" href="${document.location.origin}/search?search=${search}">${title}</a>`;
    }

    const gmailBase = 'https://mail.google.com/mail/u/0/#advanced-search/subset=all&within=3d&sizeoperator=s_sl&sizeunit=s_smb&date=';

    Date.prototype.addDays = function(days) {
        var date = new Date(this.valueOf());
        date.setDate(date.getDate() + days);
        return date;
    }

    if($('th:contains("Date")').length && !$('th#quick-sel').length){
        // Quick filter table header
        $('th:contains("Date")').after('<th id="quick-sel">Quick date</th>')
        // Add quick sel column cells
        $('tr[data-date]').each((t,r) => {
            const row = $(r)
            const dStr = row.attr('data-date');
            const d = new Date(dStr)
            const cell = $(`<td>${[
                ['d', d.addDays(-1), d.addDays(1)],
                ['w', d.addDays(-3), d.addDays(3)],
                ['m', d.addDays(-15), d.addDays(15)],
            ].map(makeDateLink).join(',')}</td>`)
            cell.append(`,<a target="_blank" href="${gmailBase}${encodeURIComponent(dStr)}">g</a>`);
            row.find('td').eq(3).after(cell)
        })
    }

})();

[JC5]

Nice, very cool!