vichan/js/expand-filename.js

/*
 * expand-filename.js
 * https://github.com/vichan-devel/vichan/blob/master/js/expand-filename.js
 *
 * Released under the MIT license
 * Copyright (c) 2024 Perdedora <weav@anche.no>
 *
 * Usage:
 *   $config['additional_javascript'][] = 'js/expand-filename.js';
 *
 */

function doFilename(element) {
    const filenames = element.querySelectorAll('[data-truncate="true"]');
    filenames.forEach(filename => {
        filename.addEventListener('mouseover', event => addHover(event.target));
        filename.addEventListener('mouseout', event => removeHover(event.target));
    });
}

function addHover(element) {
    element.dataset.truncatedFilename = element.textContent;
    element.textContent = element.download;
}

function removeHover(element) {
    element.textContent = element.dataset.truncatedFilename;
    delete element.dataset.truncatedFilename;
}

document.addEventListener('DOMContentLoaded', () => {
    doFilename(document);

    // Create a MutationObserver to watch for new elements
    const observer = new MutationObserver(mutationsList => {
        mutationsList.forEach(mutation => {
            if (mutation.type === 'childList') {
                mutation.addedNodes.forEach(addedNode => {
                    if (addedNode.nodeType === Node.ELEMENT_NODE) {
                        // Apply `doFilename` to newly added elements
                        doFilename(addedNode);
                    }
                });
            }
        });
    });

    // Start observing the document body for changes
    observer.observe(document.body, {
        childList: true,
        subtree: true
    });
});