AlertS+ Mobile

Herramienta para agilizar y mejorar la interfaz de usuario

// ==UserScript==
// @name         AlertS+ Mobile
// @namespace    http://tampermonkey.net/
// @version      1.4
// @description  Herramienta para agilizar y mejorar la interfaz de usuario
// @author       Will1000
// @match        https://bot.solesbot.ai/arbitrage/manual
// @icon         https://bot.solesbot.ai/Content/layout/soles/img/favicon.png
// @license      Will1000
// @grant 
// ==/UserScript==

(function() {
    'use strict';

    const favorite = {
        monedas: [
            { id: 1, moneda: "Cake", roi: 1.88 },
            { id: 2, moneda: "Arbitrium", roi: 0.86 },
            { id: 5, moneda: "VeChain", roi: 0.6 },
            { id: 6, moneda: "Lido", roi: 0.65 },
            { id: 8, moneda: "Cosmos", roi: 0.81 },
            { id: 9, moneda: "Filecoin", roi: 0.55 },
            { id: 10, moneda: "Fantom", roi: 1.68 },
        ],
    };

    let bannerIntervalId = null;

    function createBanner() {
        const banner = document.createElement("div");
        banner.id = "coinBanner";
        const bannerHeight = favorite.monedas.length * (50 + 5);
        banner.style.cssText = `background: #333; color: #FFFFFF; padding: 2.5px; position: fixed; right: 0; height: ${bannerHeight}px; top: calc(50% - (${bannerHeight / 2}px)); display: flex; flex-direction: column; justify-content: space-between; align-items: center; z-index: 9999; transition: transform 0.5s;`;

        const tab = document.createElement("div");
        tab.style.cssText = `width: 20px; height: 30px; background: white; position: absolute; left: -20px; top: calc(50% - 15px); cursor: pointer; border-radius: 5px 0 0 5px; display: flex; justify-content: center; align-items: center; transition: all 0.5s;`;
        const arrow = document.createElement("span");
        arrow.style.cssText = `border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); transition: transform 0.5s;`;
        tab.appendChild(arrow);
        banner.appendChild(tab);

        let isVisible = true;
        tab.addEventListener('click', () => {
            isVisible = !isVisible;
            banner.style.transform = isVisible ? 'translateX(0)' : 'translateX(100%)';
            arrow.style.transform = isVisible ? 'rotate(-45deg)' : 'rotate(135deg)';

            if (isVisible) {
                bannerIntervalId = setInterval(() => {
                    updateBannerProfit(favorite.monedas);
                }, 1000);
            } else if (bannerIntervalId) {
                clearInterval(bannerIntervalId);
                bannerIntervalId = null;
            }
        });

        document.body.appendChild(banner);

        // Inicia el intervalo cuando se crea el banner
        bannerIntervalId = setInterval(() => {
            updateBannerProfit(favorite.monedas);
        }, 1000);
    }

    function handleCoinClick(coinId) {
        const allCoins = document.querySelectorAll('#coinBanner > div');
        allCoins.forEach(coin => {
            coin.style.boxShadow = 'none'; // Resetea cualquier sombra interna anterior
        });

        const selectedCoin = document.getElementById(`coin${coinId}`);
        if (selectedCoin) {
            selectedCoin.style.boxShadow = 'inset 0 0 0 2px white'; // Aplica un borde blanco interno más grueso
        }

        const selectElement = document.querySelector('.input-group-text');
        if (selectElement) {
            selectElement.value = `number:${coinId}`;
            selectElement.dispatchEvent(new Event('change'));
        }
    }

    async function updateBannerProfit(coins) {
        const banner = document.getElementById("coinBanner");
        if (!banner) return;

        try {
            const responses = await Promise.all(coins.map(coin =>
                fetch(`https://bot.solesbot.ai/robot/suggestionManual/?coin=${coin.id}`)
            ));
            const data = await Promise.all(responses.map(res => res.json()));

            data.forEach((dataJson, index) => {
                let coin = coins[index];
                let coinElement = document.getElementById(`coin${coin.id}`);
                if (!coinElement) {
                    coinElement = document.createElement("div");
                    coinElement.id = `coin${coin.id}`;
                    coinElement.style.cssText = "width: 50px; height: 50px; padding: 2.5px; margin: 2.5px; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; transition: border 0.3s; border-radius: 4px;";
                    coinElement.addEventListener('click', () => handleCoinClick(coin.id));
                    banner.appendChild(coinElement);
                }

                const profit = dataJson.profit;
                coinElement.style.background = profit === coin.roi ? '#00A349' : profit > coin.roi ? '#FFB400' : '#666';
                coinElement.innerHTML = `<div style='text-align: center; font-size: 8px; line-height: 10px; margin-bottom: 2px;'><b>${coin.moneda}</b></div><div style='text-align: center; font-size: 7px; line-height: 10px; margin-bottom: 2px;'>ROI: <span style='font-weight: bold;'>${coin.roi}</span></div><div style='text-align: center; font-size: 7px; line-height: 10px;'>Profit: <span style='font-weight: bold;'>${profit}</span></div>`;
            });
        } catch (error) {
            console.error('Failed to fetch coin data:', error);
        }
    }

    createBanner();
})();