☰

Grepolis Optimal Actions

Suggests optimal actions in Grepolis based on current game state, with enhanced notifications and organized settings.

// ==UserScript==
// @name         Grepolis Optimal Actions
// @namespace    http://tampermonkey.net/
// @version      3.0
// @description  Suggests optimal actions in Grepolis based on current game state, with enhanced notifications and organized settings.
// @author       Nyxiafed
// @match        https://*.grepolis.com/*
// @grant        none
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';

    // Create a GUI overlay
    const gui = document.createElement('div');
    gui.style.position = 'fixed';
    gui.style.top = '50px';
    gui.style.right = '10px';
    gui.style.width = '320px';
    gui.style.backgroundColor = '#1e1e1e'; // Dark background for dark mode
    gui.style.color = '#f0f0f0'; // Light text color
    gui.style.padding = '15px';
    gui.style.zIndex = '9999';
    gui.style.borderRadius = '12px'; // Rounded corners
    gui.style.fontFamily = 'Arial, sans-serif';
    gui.style.boxShadow = '0 4px 15px rgba(0, 0, 0, 0.5)';
    gui.style.maxHeight = '400px';
    gui.style.overflowY = 'auto';
    gui.style.opacity = '1'; // Fully visible
    document.body.appendChild(gui);

    // Create a static movable minimize/maximize button
    const toggleButton = document.createElement('button');
    toggleButton.innerText = 'Minimize';
    toggleButton.style.position = 'fixed'; // Position fixed
    toggleButton.style.width = '100px'; // Fixed width
    toggleButton.style.height = '40px'; // Fixed height
    toggleButton.style.backgroundColor = '#007bff'; // Blue color for the button
    toggleButton.style.color = '#fff';
    toggleButton.style.border = 'none';
    toggleButton.style.borderRadius = '5px';
    toggleButton.style.cursor = 'pointer';
    toggleButton.style.zIndex = '10000'; // Above the GUI
    toggleButton.style.right = '10px'; // Initial position
    toggleButton.style.top = '10px'; // Initial position
    document.body.appendChild(toggleButton); // Added button to GUI

    // Make the toggle button draggable
    makeDraggable(toggleButton);

    // Create main content areas for notifications and settings
    const contentArea = document.createElement('div');
    contentArea.style.display = 'flex';
    contentArea.style.flexDirection = 'column';
    gui.appendChild(contentArea);

    // Create resource display area
    const resourceDisplay = createResourceDisplay(contentArea);

    // Create notification area
    const notificationArea = createNotificationArea(contentArea);

    // Create action history area
    const actionHistoryArea = createActionHistoryArea(contentArea);

    // Create a settings tab section
    const settingsTab = createSettingsTab(contentArea);
    contentArea.appendChild(settingsTab);

    // Load settings from local storage
    loadSettings();

    // Show the GUI on page load
    gui.style.display = 'block';

    // Make the GUI draggable
    makeDraggable(gui);

    // Fade everything else on the page when minimizing/maximizing
    toggleButton.addEventListener('click', toggleGUI);

    // Functions to handle the script logic
    function createResourceDisplay(parent) {
        const resourceDisplay = document.createElement('div');
        resourceDisplay.style.backgroundColor = '#444'; // Darker background for resources
        resourceDisplay.style.padding = '10px';
        resourceDisplay.style.borderRadius = '8px';
        resourceDisplay.style.marginBottom = '10px';
        resourceDisplay.style.color = 'white';
        resourceDisplay.innerHTML = `
            <h3 style="margin: 0;">Resources</h3>
            <p>Wood: <span id="woodAmount">0</span></p>
            <p>Stone: <span id="stoneAmount">0</span></p>
            <p>Silver: <span id="silverAmount">0</span></p>
        `;
        parent.appendChild(resourceDisplay);
        updateResources();
        return resourceDisplay;
    }

    function updateResources() {
        // Fetch current resources (replace with actual fetching logic)
        const wood = 1000; // Example value
        const stone = 800; // Example value
        const silver = 600; // Example value

        document.getElementById('woodAmount').innerText = wood;
        document.getElementById('stoneAmount').innerText = stone;
        document.getElementById('silverAmount').innerText = silver;
    }

    function createNotificationArea(parent) {
        const notificationArea = document.createElement('div');
        notificationArea.style.backgroundColor = '#333'; // Darker background for notifications
        notificationArea.style.padding = '10px';
        notificationArea.style.borderRadius = '8px';
        notificationArea.style.marginBottom = '10px';
        notificationArea.style.transition = 'opacity 0.3s';
        parent.appendChild(notificationArea);
        return notificationArea;
    }

    function createActionHistoryArea(parent) {
        const actionHistoryArea = document.createElement('div');
        actionHistoryArea.style.backgroundColor = '#444'; // Darker background for action history
        actionHistoryArea.style.padding = '10px';
        actionHistoryArea.style.borderRadius = '8px';
        actionHistoryArea.style.marginBottom = '10px';
        actionHistoryArea.style.color = 'white';

        const actionHistoryTitle = document.createElement('h3');
        actionHistoryTitle.innerText = 'Action History';
        actionHistoryTitle.style.margin = '0';
        actionHistoryArea.appendChild(actionHistoryTitle);

        const actionList = document.createElement('ul');
        actionList.id = 'actionList';
        actionHistoryArea.appendChild(actionList);

        parent.appendChild(actionHistoryArea);
        return actionHistoryArea;
    }

    function logAction(action) {
        const actionList = document.getElementById('actionList');
        const newAction = document.createElement('li');
        const timestamp = new Date().toLocaleTimeString();
        newAction.innerText = `${action} at ${timestamp}`;
        actionList.appendChild(newAction);
    }

    function createSettingsTab(parent) {
        const settingsTab = document.createElement('div');
        settingsTab.innerHTML = `
            <h3 style="margin-top: 0; text-align: center; color: white;">Settings</h3>
            <div style="margin-bottom: 10px; text-align: center;">
                <button id="generalSettingsBtn" style="width: 48%; margin-right: 4%; margin-bottom: 10px; background-color: #444; color: white; border: none; padding: 10px; border-radius: 5px; cursor: pointer;">General</button>
                <button id="notificationSettingsBtn" style="width: 48%; margin-bottom: 10px; background-color: #444; color: white; border: none; padding: 10px; border-radius: 5px; cursor: pointer;">Notifications</button>
            </div>
            <div id="generalSettings" style="display: block;">
                <label style="display: block; margin-bottom: 10px;">
                    Minimum Wood for Suggestions:
                    <input type="number" id="minWood" value="500" style="width: 100%; padding: 5px; border-radius: 5px; border: 1px solid #444;" />
                </label>
                <label style="display: block; margin-bottom: 10px;">
                    Minimum Stone for Suggestions:
                    <input type="number" id="minStone" value="300" style="width: 100%; padding: 5px; border-radius: 5px; border: 1px solid #444;" />
                </label>
                <label style="display: block; margin-bottom: 10px;">
                    Minimum Silver for Suggestions:
                    <input type="number" id="minSilver" value="400" style="width: 100%; padding: 5px; border-radius: 5px; border: 1px solid #444;" />
                </label>
                <hr style="border: 1px solid #444; margin: 10px 0;" />
                <h4 style="color: white;">Construction Preferences</h4>
                <button id="toggleConstruction" style="background-color: #444; color: white; border: none; padding: 5px; border-radius: 5px; cursor: pointer;">+</button>
                <div id="constructionPreferences" style="display: none;">
                    <label style="display: block; margin-bottom: 5px;">
                        <input type="checkbox" id="upgradeTimberCamp" />
                        Upgrade Timber Camp
                    </label>
                    <label style="display: block; margin-bottom: 5px;">
                        <input type="checkbox" id="upgradeSilverMine" />
                        Upgrade Silver Mine
                    </label>
                    <label style="display: block; margin-bottom: 5px;">
                        <input type="checkbox" id="upgradeBarracks" />
                        Upgrade Barracks
                    </label>
                    <label style="display: block; margin-bottom: 5px;">
                        <input type="checkbox" id="upgradeTownHall" />
                        Upgrade Town Hall
                    </label>
                    <label style="display: block; margin-bottom: 5px;">
                        <input type="checkbox" id="buildMarket" />
                        Build Market
                    </label>
                    <label style="display: block; margin-bottom: 5px;">
                        <input type="checkbox" id="buildWorkshop" />
                        Build Workshop
                    </label>
                    <label style="display: block; margin-bottom: 5px;">
                        <input type="checkbox" id="buildWarehouse" />
                        Build Warehouse
                    </label>
                </div>
                <button id="saveSettings" style="width: 100%; background-color: #007bff; color: white; border: none; padding: 10px; border-radius: 5px; cursor: pointer;">Save Settings</button>
            </div>
            <div id="notificationSettings" style="display: none;">
                <h4 style="color: white;">Notification Settings</h4>
                <label style="display: block; margin-bottom: 5px;">
                    Notification Sound URL:
                    <input type="text" id="notificationSound" value="path/to/sound.mp3" style="width: 100%; padding: 5px; border-radius: 5px; border: 1px solid #444;" />
                </label>
                <button id="testSound" style="width: 100%; background-color: #007bff; color: white; border: none; padding: 10px; border-radius: 5px; cursor: pointer;">Test Sound</button>
            </div>
            <div style="margin-top: 10px; text-align: center;">
                <textarea id="userFeedback" placeholder="Enter your feedback..." style="width: 100%; height: 50px; padding: 5px; border-radius: 5px; border: 1px solid #444;"></textarea>
                <button id="submitFeedback" style="width: 100%; background-color: #007bff; color: white; border: none; padding: 10px; border-radius: 5px; cursor: pointer;">Submit Feedback</button>
            </div>
            <div style="margin-top: 10px; text-align: center;">
                <button id="helpButton" style="background-color: #444; color: white; border: none; padding: 10px; border-radius: 5px; cursor: pointer;">Help</button>
            </div>
        `;
        return settingsTab;
    }

    function toggleGUI() {
        if (gui.style.opacity === '0') {
            gui.style.opacity = '1';
            toggleButton.innerText = 'Minimize';
        } else {
            gui.style.opacity = '0';
            toggleButton.innerText = 'Maximize';
        }
    }

    function makeDraggable(element) {
        let offsetX, offsetY;
        element.onmousedown = function (e) {
            offsetX = e.clientX - element.getBoundingClientRect().left;
            offsetY = e.clientY - element.getBoundingClientRect().top;
            document.onmousemove = function (e) {
                element.style.left = e.clientX - offsetX + 'px';
                element.style.top = e.clientY - offsetY + 'px';
            };
            document.onmouseup = function () {
                document.onmousemove = null;
            };
        };
    }

    // Save Settings button event listener
    document.getElementById('saveSettings').addEventListener('click', () => {
        // Save general settings to local storage
        localStorage.setItem('minWood', document.getElementById('minWood').value);
        localStorage.setItem('minStone', document.getElementById('minStone').value);
        localStorage.setItem('minSilver', document.getElementById('minSilver').value);

        // Save construction preferences
        localStorage.setItem('upgradeTimberCamp', document.getElementById('upgradeTimberCamp').checked);
        localStorage.setItem('upgradeSilverMine', document.getElementById('upgradeSilverMine').checked);
        localStorage.setItem('upgradeBarracks', document.getElementById('upgradeBarracks').checked);
        localStorage.setItem('upgradeTownHall', document.getElementById('upgradeTownHall').checked);
        localStorage.setItem('buildMarket', document.getElementById('buildMarket').checked);
        localStorage.setItem('buildWorkshop', document.getElementById('buildWorkshop').checked);
        localStorage.setItem('buildWarehouse', document.getElementById('buildWarehouse').checked);

        alert('Settings saved!');
    });

    // Toggle Settings Tabs
    document.getElementById('generalSettingsBtn').addEventListener('click', () => {
        document.getElementById('generalSettings').style.display = 'block';
        document.getElementById('notificationSettings').style.display = 'none';
    });

    document.getElementById('notificationSettingsBtn').addEventListener('click', () => {
        document.getElementById('generalSettings').style.display = 'none';
        document.getElementById('notificationSettings').style.display = 'block';
    });

    // Toggle Construction Preferences
    document.getElementById('toggleConstruction').addEventListener('click', () => {
        const constructionPreferences = document.getElementById('constructionPreferences');
        constructionPreferences.style.display = constructionPreferences.style.display === 'none' ? 'block' : 'none';
        document.getElementById('toggleConstruction').innerText = constructionPreferences.style.display === 'none' ? '+' : '-';
    });

    // Test Sound Button
    document.getElementById('testSound').addEventListener('click', () => {
        const sound = document.getElementById('notificationSound').value;
        playSound(sound);
    });

    function playSound(sound) {
        const audio = new Audio(sound);
        audio.play();
    }

    // User Feedback Submission
    document.getElementById('submitFeedback').addEventListener('click', () => {
        const feedback = document.getElementById('userFeedback').value;
        if (feedback) {
            localStorage.setItem('userFeedback', feedback);
            alert('Feedback submitted!');
            document.getElementById('userFeedback').value = ''; // Clear the textarea
        } else {
            alert('Please enter feedback before submitting.');
        }
    });

    function loadSettings() {
        document.getElementById('minWood').value = localStorage.getItem('minWood') || 500;
        document.getElementById('minStone').value = localStorage.getItem('minStone') || 300;
        document.getElementById('minSilver').value = localStorage.getItem('minSilver') || 400;

        document.getElementById('upgradeTimberCamp').checked = JSON.parse(localStorage.getItem('upgradeTimberCamp') || 'false');
        document.getElementById('upgradeSilverMine').checked = JSON.parse(localStorage.getItem('upgradeSilverMine') || 'false');
        document.getElementById('upgradeBarracks').checked = JSON.parse(localStorage.getItem('upgradeBarracks') || 'false');
        document.getElementById('upgradeTownHall').checked = JSON.parse(localStorage.getItem('upgradeTownHall') || 'false');
        document.getElementById('buildMarket').checked = JSON.parse(localStorage.getItem('buildMarket') || 'false');
        document.getElementById('buildWorkshop').checked = JSON.parse(localStorage.getItem('buildWorkshop') || 'false');
        document.getElementById('buildWarehouse').checked = JSON.parse(localStorage.getItem('buildWarehouse') || 'false');
    }

    // Add quick action buttons to the settings
    const quickActionButtons = document.createElement('div');
    quickActionButtons.style.marginBottom = '10px';
    quickActionButtons.innerHTML = `
        <h3 style="margin: 0;">Quick Actions</h3>
        <button id="gatherResources" style="margin: 5px; padding: 5px;">Gather Resources</button>
        <button id="build" style="margin: 5px; padding: 5px;">Build</button>
        <button id="upgrade" style="margin: 5px; padding: 5px;">Upgrade</button>
        <button id="sendTroops" style="margin: 5px; padding: 5px;">Send Troops</button>
    `;
    parent.appendChild(quickActionButtons);

    // Event listeners for quick actions
    document.getElementById('gatherResources').addEventListener('click', () => logAction('Gathered Resources'));
    document.getElementById('build').addEventListener('click', () => logAction('Built Structure'));
    document.getElementById('upgrade').addEventListener('click', () => logAction('Upgraded Structure'));
    document.getElementById('sendTroops').addEventListener('click', () => logAction('Sent Troops'));

    // Help section
    document.getElementById('helpButton').addEventListener('click', () => {
        alert('Help:\n- Use the Settings tab to configure your preferences.\n- Click Quick Actions for immediate actions.\n- Feedback is saved for future improvements.');
    });

})();

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址