☰

Auto Fill Player Ratings with Custom Ranges and Auto-Click (Improved UI)

Automatically fill player rating input boxes with random numbers within specified ranges and click on each input box to validate them, with improved UI.

Från och med 2024-08-22. Se den senaste versionen.

// ==UserScript==
// @name         Auto Fill Player Ratings with Custom Ranges and Auto-Click (Improved UI)
// @namespace    http://tampermonkey.net/
// @version      0.6
// @description  Automatically fill player rating input boxes with random numbers within specified ranges and click on each input box to validate them, with improved UI.
// @author       tanguy
// @match        *://*.ea.com/games/ea-sports-college-football/team-builder/team-create/*
// @icon         https://i.imgur.com/9nq6Rpp.png
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    let minMaxBoxesVisible = false;

    function getRandomNumber(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }

    function updateAllMinMaxInputs() {
        const globalMin = parseInt(document.getElementById('global-min').value) || 0;
        const globalMax = parseInt(document.getElementById('global-max').value) || 99;
        const minBoxes = document.querySelectorAll('input.min-range');
        const maxBoxes = document.querySelectorAll('input.max-range');

        minBoxes.forEach(minBox => minBox.value = globalMin);
        maxBoxes.forEach(maxBox => maxBox.value = globalMax);
    }

    function addRangeInputs() {
        const forms = document.querySelectorAll('form.playerRating-item');

        forms.forEach(form => {
            const ratingDiv = form.querySelector('div.playerRating-item--ranking');
            const existingRangeContainer = form.querySelector('.range-container');

            if (!existingRangeContainer) {
                const rangeContainer = document.createElement('div');
                rangeContainer.style.display = minMaxBoxesVisible ? 'flex' : 'none';
                rangeContainer.style.alignItems = 'center';
                rangeContainer.style.marginBottom = '5px';
                rangeContainer.className = 'range-container';

                const minBox = document.createElement('input');
                minBox.type = 'number';
                minBox.placeholder = 'Min';
                minBox.className = 'input input--sm min-range';
                minBox.value = '0';
                minBox.style.marginRight = '5px';
                minBox.style.width = '60px';

                const maxBox = document.createElement('input');
                maxBox.type = 'number';
                maxBox.placeholder = 'Max';
                maxBox.className = 'input input--sm max-range';
                maxBox.value = '99';
                maxBox.style.marginRight = '5px';
                maxBox.style.width = '60px';

                rangeContainer.appendChild(minBox);
                rangeContainer.appendChild(maxBox);

                ratingDiv.parentNode.insertBefore(rangeContainer, ratingDiv);
            }
        });
    }

    function toggleMinMaxBoxes() {
        minMaxBoxesVisible = !minMaxBoxesVisible;
        const rangeContainers = document.querySelectorAll('.range-container');
        rangeContainers.forEach(container => {
            container.style.display = minMaxBoxesVisible ? 'flex' : 'none';
        });
        document.getElementById('toggle-min-max').textContent = minMaxBoxesVisible ? 'Hide Min/Max' : 'Show Min/Max';
    }

    function randomizeHeightWeight() {
        const heightMin = parseInt(document.getElementById('height-min').value) || 60;
        const heightMax = parseInt(document.getElementById('height-max').value) || 80;
        const weightMin = parseInt(document.getElementById('weight-min').value) || 160;
        const weightMax = parseInt(document.getElementById('weight-max').value) || 400;

        const heightSlider = document.querySelector('input[type="range"]#heightSlider');
        const weightSlider = document.querySelector('input[type="range"]#weightSlider');

        if (heightSlider) {
            heightSlider.value = getRandomNumber(heightMin, heightMax);
            heightSlider.dispatchEvent(new Event('input', { bubbles: true }));
            heightSlider.dispatchEvent(new Event('change', { bubbles: true }));
        }

        if (weightSlider) {
            weightSlider.value = getRandomNumber(weightMin, weightMax);
            weightSlider.dispatchEvent(new Event('input', { bubbles: true }));
            weightSlider.dispatchEvent(new Event('change', { bubbles: true }));
        }

        heightSlider.focus();
        weightSlider.focus();
        heightSlider.click();
    }

    function randomizeRatings() {
        addRangeInputs(); // Ensure range inputs exist

        const forms = document.querySelectorAll('form.playerRating-item');

        forms.forEach(form => {
            const inputBox = form.querySelector('input[type="number"].input.input--sm.no-arrows');
            const minBox = form.querySelector('input.min-range');
            const maxBox = form.querySelector('input.max-range');

            if (inputBox) {
                let min, max;
                if (minMaxBoxesVisible && minBox && maxBox) {
                    min = parseInt(minBox.value) || 0;
                    max = parseInt(maxBox.value) || 99;
                } else {
                    min = parseInt(document.getElementById('global-min').value) || 0;
                    max = parseInt(document.getElementById('global-max').value) || 99;
                }

                const validMin = Math.max(0, min);
                const validMax = Math.min(99, max);

                if (validMin <= validMax) {
                    inputBox.value = getRandomNumber(validMin, validMax);

                    inputBox.focus();
                    const event = new KeyboardEvent('keydown', {
                        key: 'Enter',
                        code: 'Enter',
                        keyCode: 13,
                        bubbles: true,
                    });
                    inputBox.dispatchEvent(event);
                }
            }
        });
    }

    function toggleControlPanel() {
        const controlPanel = document.getElementById('randomizer-control-panel');
        const toggleButton = document.getElementById('toggle-control-panel');
        if (controlPanel.style.display === 'none') {
            controlPanel.style.display = 'block';
            toggleButton.textContent = 'Hide Controls';
        } else {
            controlPanel.style.display = 'none';
            toggleButton.textContent = 'Show Controls';
        }
    }

    function createControlPanel() {
        const controlPanel = document.createElement('div');
        controlPanel.id = 'randomizer-control-panel';
        controlPanel.style.cssText = `
            position: fixed;
            top: 100px;
            right: 10px;
            width: 200px;
            max-height: 80vh;
            background-color: #f0f0f0;
            padding: 10px;
            box-shadow: -2px 0 5px rgba(0,0,0,0.1);
            overflow-y: auto;
            z-index: 9998;
            font-size: 12px;
        `;

        controlPanel.innerHTML = `
            <h3 style="margin-top: 0;">Randomizer Controls</h3>
            <div class="control-section">
                <h4>Global Range</h4>
                <input type="number" id="global-min" placeholder="Global Min" value="0">
                <input type="number" id="global-max" placeholder="Global Max" value="99">
            </div>
            <div class="control-section">
                <button id="toggle-min-max">Show Min/Max</button>
                <button id="randomize-ratings">Randomize Ratings</button>
            </div>
            <div class="control-section">
                <h4>Height & Weight</h4>
                <input type="number" id="height-min" placeholder="Height Min (in)" value="60">
                <input type="number" id="height-max" placeholder="Height Max (in)" value="80">
                <input type="number" id="weight-min" placeholder="Weight Min (lbs)" value="160">
                <input type="number" id="weight-max" placeholder="Weight Max (lbs)" value="400">
                <button id="randomize-height-weight">Randomize Height & Weight</button>
            </div>

        `;

        document.body.appendChild(controlPanel);

        const toggleButton = document.createElement('button');
        toggleButton.id = 'toggle-control-panel';
        toggleButton.textContent = 'Hide Controls';
        toggleButton.style.cssText = `
            position: fixed;
            top: 80px;
            right: 10px;
            z-index: 9999;
            padding: 5px 10px;
            background-color: #007bff;
            color: white;
            border: none;
            cursor: pointer;
        `;
        document.body.appendChild(toggleButton);

        // Add event listeners
        document.getElementById('randomize-height-weight').addEventListener('click', randomizeHeightWeight);
        document.getElementById('randomize-ratings').addEventListener('click', randomizeRatings);
        document.getElementById('global-min').addEventListener('input', updateAllMinMaxInputs);
        document.getElementById('global-max').addEventListener('input', updateAllMinMaxInputs);
        document.getElementById('toggle-min-max').addEventListener('click', toggleMinMaxBoxes);
        toggleButton.addEventListener('click', toggleControlPanel);

        // Add styles
        const style = document.createElement('style');
        style.textContent = `
            #randomizer-control-panel input[type="number"] {
                width: 100%;
                margin-bottom: 5px;
                padding: 3px;
            }
            #randomizer-control-panel button {
                width: 100%;
                padding: 5px;
                background-color: #007bff;
                color: white;
                border: none;
                cursor: pointer;
                margin-bottom: 5px;
            }
            #randomizer-control-panel .control-section {
                margin-bottom: 10px;
            }
            #randomizer-control-panel h4 {
                margin: 5px 0;
            }
        `;
        document.head.appendChild(style);
    }

    // Initialize the control panel
    createControlPanel();
    addRangeInputs(); // Add range inputs initially (they will be hidden)
})();