☰

BagList copy

Copy relevant URLs to the clipboard with buttons

// ==UserScript==
// @name         BagList copy
// @namespace    http://tampermonkey.net/
// @version      1.4
// @description  Copy relevant URLs to the clipboard with buttons
// @author       SokoliukYevhen
// @match        https://tngadmin.triplenext.net/Admin/CompareBag/BagList*
// @grant        GM_setClipboard
// ==/UserScript==

(function () {
    'use strict';

    const buttonStyles = {
        position: 'fixed',
        zIndex: '9999',
        backgroundColor: '#3daae9',
        width: '100px',
        height: '26px',
        border: '1px solid #ffffff',
        color: 'white',
        fontFamily: 'Telex, sans-serif',
    };

    const positionStyles = {
        'top-left': { top: '0px', left: '0px' },
        'top-right': { top: '0px', left: '200px'},
        'bottom-left': { top: '0px', left: '100px' },
        'bottom-right': { bottom: '10px', right: '10px' },
        'ID': { top: '25px', left: '200px' },
    };

    const alertStyles = {
        position: 'fixed',
        zIndex: '10000',
        top: '50px',
        left: '50%',
        transform: 'translateX(-50%)',
        backgroundColor: '#ffffff',
        padding: '10px',
        border: '1px solid #000000',
    };

    function copyToClipboard(text) {
        GM_setClipboard(text, 'text');
    }

    function trimURLParameters(url) {
        return url.split('?')[0];
    }

    function trimIDPrefix(url) {
        const prefix = 'https://tngadmin.triplenext.net/Admin/CompareBag/EditBag/';
        return url.startsWith(prefix) ? url.substring(prefix.length) : url;
    }

    function createNotification(message) {
        const alertDiv = document.createElement('div');
        alertDiv.innerHTML = message;
        Object.assign(alertDiv.style, alertStyles);
        document.body.appendChild(alertDiv);
        setTimeout(() => alertDiv.remove(), 1000);
    }

    function createButton(buttonText, urlSelector, position, trimParameters, alertMessage, id) {
        const button = document.createElement('button');
        button.innerHTML = buttonText;
        Object.assign(button.style, buttonStyles, positionStyles[position]);
        button.id = id;

        button.addEventListener('click', () => {
            const urls = document.querySelectorAll(urlSelector);
            const urlArray = Array.from(urls).map(url => trimParameters && urlSelector.includes('EditBag/') ? trimURLParameters(url.href) : url.href);

            copyToClipboard(urlArray.join('\n'));
            createNotification(alertMessage);
        });

        document.body.appendChild(button);
    }

    function createAllButton() {
        const allButton = document.createElement('button');
        allButton.innerHTML = 'ALL';
        Object.assign(allButton.style, buttonStyles, { top: '25px', left: '100px', width: '100px', height: '26px' });

        allButton.addEventListener('click', () => {
            const categories = [
                { selector: 'body > div.container.notification > table:nth-child(5) > tbody td:nth-child(7)', trim: false },
                { selector: 'body > div.container.notification > table:nth-child(5) > tbody td:nth-child(3)', trim: false },
                { selector: 'body > div.container.notification > table:nth-child(5) > tbody td:nth-child(5)', trim: false },
                { selector: 'body > div.container.notification > table:nth-child(5) > tbody td:nth-child(6)', trim: false },
                { selector: 'a[href*="EditBag/"]', trim: true },
                { selector: 'a[href*="https://"]:not([href*="yrulerwidget-westus"]):not([href*="cdn.tangiblee.com"]), a[href$=".html"]:not([href*="yrulerwidget-westus"]):not([href*="cdn.tangiblee.com"])', trim: false },
                { selector: 'a[href*="cdn.tangiblee.com"]', trim: false },
            ];

            const allUrlArray = categories.map(category => {
                const elements = document.querySelectorAll(category.selector);
                return Array.from(elements).map(element => category.trim ? trimURLParameters(element.href || element.textContent.trim()) : element.href || element.textContent.trim());
            });

            const transposedUrlArray = allUrlArray[0].map((_, colIndex) => allUrlArray.map(row => row[colIndex]));

            copyToClipboard(transposedUrlArray.map(row => row.join('\t')).join('\n'));
            createNotification(messages.all);
        });

        window.addEventListener('keydown', (event) => {
            if (event.ctrlKey && event.code === 'KeyC') {
                allButton.click();
            }
        });

        document.body.appendChild(allButton);
    }

    const messages = {
        admin: 'Ссылки на Admin скопированы',
        url: 'Ссылки на URL скопированы',
        widget: 'Ссылки на WIDGET скопированы.',
        all: 'Скопировано',
        sku: 'Скопированы SKU',
        id: 'Скопированы ID',
    };

    // Создание оригинальной кнопки Admin
    createButton('Admin', 'a[href*="EditBag/"]', 'top-left', true, messages.admin, 'adminButton');

    // Создание дубликата кнопки Admin
    createButton('ID', 'a[href*="EditBag/"]', 'ID', true, messages.id, 'IdButton');
    createButton('Url', 'a[href*="https://"]:not([href*="yrulerwidget-westus"]):not([href*="cdn.tangiblee.com"]), a[href$=".html"]:not([href*="yrulerwidget-westus"]):not([href*="cdn.tangiblee.com"])', 'top-right', false, messages.url, 'urlButton');
    createButton('Widget', 'a[href*="cdn.tangiblee.com"]', 'bottom-left', false, messages.widget, 'widgetButton');

    createAllButton();

    // Добавляем новое событие для кнопки ID
    document.getElementById('IdButton').addEventListener('click', (event) => {
    const urls = document.querySelectorAll('a[href*="EditBag/"]');
    const urlArray = Array.from(urls).map(url => trimURLParameters(trimIDPrefix(url.href)));

    const separator = event.ctrlKey ? ',' : (event.altKey ? ' ' : ', ');
    copyToClipboard(urlArray.join(separator));
    createNotification(messages.id);
});


    function createSkuButton() {
        const skuButton = document.createElement('button');
        skuButton.innerHTML = 'SKU';
        Object.assign(skuButton.style, buttonStyles, { top: '25px', left: '0px' });

        skuButton.addEventListener('click', (event) => {
            const skuElements = document.querySelectorAll('body > div.container.notification > table:nth-child(5) > tbody td:nth-child(3)');
            const skuArray = Array.from(skuElements).map(skuElement => skuElement.textContent.trim());

            const separator = event.ctrlKey ? ',' : (event.altKey ? ' ' : ', ');
            copyToClipboard(skuArray.join(separator));
            createNotification(messages.sku);
        });

        document.body.appendChild(skuButton);
    }

    createSkuButton();
})();