Маркет Автоматизация Утилита Калькулятор для массовых покупок на маркете

Калькулятор для массовых покупок на маркете
​

Пример дизайна 1

Дизайн 2

Скрипт

// ==UserScript==
// @name LZT MassBuy Calculator
// @namespace http://tampermonkey.net/
// @version 1.0
// @description Автоматически рассчитывает общую стоимость покупки на lzt.market
// @author HashBrute
// @match https://lzt.market/mass-buy/*
// @grant GM_addStyle
// ==/UserScript==
(function() {
'use strict';

const style = 2;











if (style === 2) {
const customStyles = `
.calc-box {
background-color: #1a1a1a;
border: 1px solid #2d2d2d;
border-radius: 4px;
padding: 10px 12px;
margin: 12px 0;
}
.calc-heading {
font-size: 13px;
color: #cccccc;
margin-bottom: 8px;
font-weight: bold;
}
.calc-price {
font-size: 16px;
font-weight: bold;
color: #00ba78;
margin-bottom: 6px;
}
.calc-note {
font-size: 11px;
color: #999;
padding: 4px;
background-color: #222;
border-radius: 2px;
}
`;
if (typeof GM_addStyle !== 'undefined') {
GM_addStyle(customStyles);
} else {
const styleNode = document.createElement('style');
styleNode.innerHTML = customStyles;
document.head.appendChild(styleNode);
}
}
function calculateTotalPrice() {
const quantityInput = document.querySelector('input[name="account_amount"]');
const priceInput = document.getElementById('PmaxInput');
if (!quantityInput || !priceInput) return;
const quantity = parseInt(quantityInput.value) || 0;
const price = parseFloat(priceInput.value) || 0;
const totalPrice = quantity * price;

if (style === 1) {
const calculatorBlock = document.querySelector('.FinishPriceCalculator');
if (calculatorBlock) {
calculatorBlock.classList.remove('hidden');
const valueElement = calculatorBlock.querySelector('.Value');
if (valueElement) {
valueElement.textContent = totalPrice.toFixed(2);
}
} else {
createClassicCalculatorBlock(totalPrice);
}
} else {
const calculatorBlock = document.querySelector('#calc-box');
if (calculatorBlock) {
const valueElement = calculatorBlock.querySelector('.calc-price');
if (valueElement) {
valueElement.textContent = totalPrice.toFixed(2) + ' ₽';
}
} else {
createDarkCalculatorBlock(totalPrice);
}
}
}

function createClassicCalculatorBlock(totalPrice) {
const form = document.getElementById('MassBuyStartForm');
if (!form) return;
if (document.querySelector('.FinishPriceCalculator')) return;
const calculatorDiv = document.createElement('div');
calculatorDiv.className = 'FinishPriceCalculator';
const heading = document.createElement('div');
heading.className = 'textHeading mn-30-0-0';
heading.innerHTML = '<strong>Цена за все аккаунты</strong>';
const valueSpan = document.createElement('span');
valueSpan.className = 'Value bold';
valueSpan.style.fontWeight = 'bold';
valueSpan.style.fontSize = '18px';
valueSpan.textContent = totalPrice.toFixed(2);
const rubSpan = document.createElement('span');
rubSpan.className = 'svgIcon--rub bold';
rubSpan.style.fontWeight = 'bold';
rubSpan.style.fontSize = '18px';
rubSpan.innerHTML = ' ₽';
const noteSpan = document.createElement('div');
noteSpan.style.color = '#999999';
noteSpan.style.fontSize = '12px';
noteSpan.style.marginTop = '5px';
noteSpan.style.opacity = '0.7';
noteSpan.textContent = 'Расчет при максимальной указанной цене за аккаунт';
calculatorDiv.appendChild(heading);
calculatorDiv.appendChild(valueSpan);
calculatorDiv.appendChild(rubSpan);
calculatorDiv.appendChild(noteSpan);

insertCalculatorAtCorrectPosition(form, calculatorDiv);
}

function createDarkCalculatorBlock(totalPrice) {
const form = document.getElementById('MassBuyStartForm');
if (!form) return;
if (document.querySelector('#calc-box')) return;
const calculatorDiv = document.createElement('div');
calculatorDiv.id = 'calc-box';
calculatorDiv.className = 'calc-box';
const heading = document.createElement('div');
heading.className = 'calc-heading';
heading.textContent = 'Цена за все аккаунты';
const priceDiv = document.createElement('div');
priceDiv.className = 'calc-price';
priceDiv.textContent = totalPrice.toFixed(2) + ' ₽';
const noteDiv = document.createElement('div');
noteDiv.className = 'calc-note';
noteDiv.textContent = 'Расчет при максимальной указанной цене за аккаунт';
calculatorDiv.appendChild(heading);
calculatorDiv.appendChild(priceDiv);
calculatorDiv.appendChild(noteDiv);

insertCalculatorAtCorrectPosition(form, calculatorDiv);
}

function insertCalculatorAtCorrectPosition(form, calculatorDiv) {
const balanceBox = form.querySelector('.balanceBox');
const mainc = form.querySelector('.mn-15-0-0.bold.mainc');
if (balanceBox && mainc) {
const balanceBoxParent = findParentElement(balanceBox);
const maincParent = findParentElement(mainc);

if (balanceBoxParent && balanceBoxParent.nextSibling === maincParent) {
balanceBoxParent.parentNode.insertBefore(calculatorDiv, maincParent);
return;
}

mainc.parentNode.insertBefore(calculatorDiv, mainc);
return;
}

if (balanceBox) {
const nextElement = findNextElement(balanceBox);
if (nextElement) {
nextElement.parentNode.insertBefore(calculatorDiv, nextElement);
} else {
balanceBox.parentNode.appendChild(calculatorDiv);
}
return;
}

const submitButton = form.querySelector('.mn-30-0-0');
if (submitButton) {
form.insertBefore(calculatorDiv, submitButton);
} else {
form.appendChild(calculatorDiv);
}
}

function findParentElement(element) {
let parent = element;
while (parent && parent.tagName !== 'DIV') {
parent = parent.parentNode;
}
return parent;
}

function findNextElement(element) {
let parent = element;
while (parent && parent.tagName !== 'DIV') {
parent = parent.parentNode;
}
if (parent && parent.nextElementSibling) {
return parent.nextElementSibling;
}
return element.nextElementSibling;
}

function init() {
const quantityInput = document.querySelector('input[name="account_amount"]');
const priceInput = document.getElementById('PmaxInput');
if (quantityInput && priceInput) {
quantityInput.addEventListener('input', calculateTotalPrice);
priceInput.addEventListener('input', calculateTotalPrice);
setTimeout(calculateTotalPrice, 500);
}
}

window.addEventListener('load', init);
setTimeout(init, 1000);
})();

JS

// ==UserScript==

// @name         LZT MassBuy Calculator

// @namespace    http://tampermonkey.net/

// @version      1.0

// @description  Автоматически рассчитывает общую стоимость покупки на lzt.market

// @author       HashBrute

// @match        https://lzt.market/mass-buy/*

// @grant        GM_addStyle

// ==/UserScript==

(function() {

    'use strict';



    const style = 2;























    if (style === 2) {

        const customStyles = `

            .calc-box {

                background-color: #1a1a1a;

                border: 1px solid #2d2d2d;

                border-radius: 4px;

                padding: 10px 12px;

                margin: 12px 0;

            }

            .calc-heading {

                font-size: 13px;

                color: #cccccc;

                margin-bottom: 8px;

                font-weight: bold;

            }

            .calc-price {

                font-size: 16px;

                font-weight: bold;

                color: #00ba78;

                margin-bottom: 6px;

            }

            .calc-note {

                font-size: 11px;

                color: #999;

                padding: 4px;

                background-color: #222;

                border-radius: 2px;

            }

        `;

        if (typeof GM_addStyle !== 'undefined') {

            GM_addStyle(customStyles);

        } else {

            const styleNode = document.createElement('style');

            styleNode.innerHTML = customStyles;

            document.head.appendChild(styleNode);

        }

    }

    function calculateTotalPrice() {

        const quantityInput = document.querySelector('input[name="account_amount"]');

        const priceInput = document.getElementById('PmaxInput');

        if (!quantityInput || !priceInput) return;

        const quantity = parseInt(quantityInput.value) || 0;

        const price = parseFloat(priceInput.value) || 0;

        const totalPrice = quantity * price;



        if (style === 1) {

            const calculatorBlock = document.querySelector('.FinishPriceCalculator');

            if (calculatorBlock) {

                calculatorBlock.classList.remove('hidden');

                const valueElement = calculatorBlock.querySelector('.Value');

                if (valueElement) {

                    valueElement.textContent = totalPrice.toFixed(2);

                }

            } else {

                createClassicCalculatorBlock(totalPrice);

            }

        } else {

            const calculatorBlock = document.querySelector('#calc-box');

            if (calculatorBlock) {

                const valueElement = calculatorBlock.querySelector('.calc-price');

                if (valueElement) {

                    valueElement.textContent = totalPrice.toFixed(2) + ' ₽';

                }

            } else {

                createDarkCalculatorBlock(totalPrice);

            }

        }

    }



    function createClassicCalculatorBlock(totalPrice) {

        const form = document.getElementById('MassBuyStartForm');

        if (!form) return;

        if (document.querySelector('.FinishPriceCalculator')) return;

        const calculatorDiv = document.createElement('div');

        calculatorDiv.className = 'FinishPriceCalculator';

        const heading = document.createElement('div');

        heading.className = 'textHeading mn-30-0-0';

        heading.innerHTML = '<strong>Цена за все аккаунты</strong>';

        const valueSpan = document.createElement('span');

        valueSpan.className = 'Value bold';

        valueSpan.style.fontWeight = 'bold';

        valueSpan.style.fontSize = '18px';

        valueSpan.textContent = totalPrice.toFixed(2);

        const rubSpan = document.createElement('span');

        rubSpan.className = 'svgIcon--rub bold';

        rubSpan.style.fontWeight = 'bold';

        rubSpan.style.fontSize = '18px';

        rubSpan.innerHTML = ' ₽';

        const noteSpan = document.createElement('div');

        noteSpan.style.color = '#999999';

        noteSpan.style.fontSize = '12px';

        noteSpan.style.marginTop = '5px';

        noteSpan.style.opacity = '0.7';

        noteSpan.textContent = 'Расчет при максимальной указанной цене за аккаунт';

        calculatorDiv.appendChild(heading);

        calculatorDiv.appendChild(valueSpan);

        calculatorDiv.appendChild(rubSpan);

        calculatorDiv.appendChild(noteSpan);



        insertCalculatorAtCorrectPosition(form, calculatorDiv);

    }



    function createDarkCalculatorBlock(totalPrice) {

        const form = document.getElementById('MassBuyStartForm');

        if (!form) return;

        if (document.querySelector('#calc-box')) return;

        const calculatorDiv = document.createElement('div');

        calculatorDiv.id = 'calc-box';

        calculatorDiv.className = 'calc-box';

        const heading = document.createElement('div');

        heading.className = 'calc-heading';

        heading.textContent = 'Цена за все аккаунты';

        const priceDiv = document.createElement('div');

        priceDiv.className = 'calc-price';

        priceDiv.textContent = totalPrice.toFixed(2) + ' ₽';

        const noteDiv = document.createElement('div');

        noteDiv.className = 'calc-note';

        noteDiv.textContent = 'Расчет при максимальной указанной цене за аккаунт';

        calculatorDiv.appendChild(heading);

        calculatorDiv.appendChild(priceDiv);

        calculatorDiv.appendChild(noteDiv);



        insertCalculatorAtCorrectPosition(form, calculatorDiv);

    }



    function insertCalculatorAtCorrectPosition(form, calculatorDiv) {

        const balanceBox = form.querySelector('.balanceBox');

        const mainc = form.querySelector('.mn-15-0-0.bold.mainc');

        if (balanceBox && mainc) {

            const balanceBoxParent = findParentElement(balanceBox);

            const maincParent = findParentElement(mainc);



            if (balanceBoxParent && balanceBoxParent.nextSibling === maincParent) {

                balanceBoxParent.parentNode.insertBefore(calculatorDiv, maincParent);

                return;

            }



            mainc.parentNode.insertBefore(calculatorDiv, mainc);

            return;

        }



        if (balanceBox) {

            const nextElement = findNextElement(balanceBox);

            if (nextElement) {

                nextElement.parentNode.insertBefore(calculatorDiv, nextElement);

            } else {

                balanceBox.parentNode.appendChild(calculatorDiv);

            }

            return;

        }



        const submitButton = form.querySelector('.mn-30-0-0');

        if (submitButton) {

            form.insertBefore(calculatorDiv, submitButton);

        } else {

            form.appendChild(calculatorDiv);

        }

    }



    function findParentElement(element) {

        let parent = element;

        while (parent && parent.tagName !== 'DIV') {

            parent = parent.parentNode;

        }

        return parent;

    }



    function findNextElement(element) {

        let parent = element;

        while (parent && parent.tagName !== 'DIV') {

            parent = parent.parentNode;

        }

        if (parent && parent.nextElementSibling) {

            return parent.nextElementSibling;

        }

        return element.nextElementSibling;

    }



    function init() {

        const quantityInput = document.querySelector('input[name="account_amount"]');

        const priceInput = document.getElementById('PmaxInput');

        if (quantityInput && priceInput) {

            quantityInput.addEventListener('input', calculateTotalPrice);

            priceInput.addEventListener('input', calculateTotalPrice);

            setTimeout(calculateTotalPrice, 500);

        }

    }



    window.addEventListener('load', init);

    setTimeout(init, 1000);

})();

Чтобы менять стиль меняйте цифру на 13 строчке const style = 2;