Script Maximalbesetzung

// ==UserScript==
// @name         Maximalbesatzung im Fahrzeug-Tab mit Progressbar
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Fügt im Fahrzeug-Tab einen Button zum Setzen der maximalen Besatzung ein mit Fortschrittsanzeige
// @author       Masklin
// @match        https://www.leitstellenspiel.de/buildings/*
// @match        https://leitstellenspiel.de/buildings/*
// @match        https://missionchief.com/buildings/*
// @match        https://www.missionchief.com/buildings/*
// @match        https://missionchief.co.uk/buildings/*
// @match        https://www.missionchief.co.uk/buildings/*
// @match        https://leitstellenspiel.com/buildings/*
// @match        https://www.leitstellenspiel.com/buildings/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const SCRIPT_PREFIX = '[Maximalbesatzung-Tool]';

    function insertButton() {
        const vehicleTab = document.getElementById('tab_vehicle');
        if (!vehicleTab) return;

        const searchField = vehicleTab.querySelector('input.search_input_field');
        if (!searchField) return;

        // Prüfen, ob Button bereits existiert
        if (vehicleTab.querySelector('#crewBtn')) return;

        // Button erstellen
        const btn = document.createElement('button');
        btn.id = 'crewBtn';
        btn.textContent = 'Maximale Besatzung einstellen';
        btn.className = 'btn btn-success';
        btn.style.marginRight = '10px';

        // Button vor dem Suchfeld einfügen
        searchField.parentNode.insertBefore(btn, searchField);

        // Progressbar einfügen (unter Suchfeld, vor Tabelle)
        const progressContainer = document.createElement('div');
        progressContainer.className = 'progress';
        progressContainer.style.height = '25px';
        progressContainer.style.marginTop = '10px';
        progressContainer.style.display = 'none';

        const progressBar = document.createElement('div');
        progressBar.id = 'lssCrewProgressBar';
        progressBar.className = 'progress-bar progress-bar-striped active';
        progressBar.role = 'progressbar';
        progressBar.style.width = '0%';
        progressBar.style.transition = 'width 0.3s';

        const progressText = document.createElement('span');
        progressText.id = 'lssCrewProgressText';
        progressText.style.position = 'absolute';
        progressText.style.width = '100%';
        progressText.style.textAlign = 'center';
        progressText.style.color = 'black';
        progressText.style.fontWeight = 'bold';
        progressText.style.userSelect = 'none';
        progressText.textContent = '';

        progressBar.style.position = 'relative';
        progressBar.appendChild(progressText);

        progressContainer.appendChild(progressBar);

        // Progressbar direkt vor der Tabelle einfügen
        const vehicleTable = vehicleTab.querySelector('#vehicle_table');
        if (vehicleTable) {
            vehicleTable.parentNode.insertBefore(progressContainer, vehicleTable);
        } else {
            searchField.parentNode.appendChild(progressContainer);
        }

        // Klick-Handler erweitern: Progressbar übergeben
        btn.addEventListener('click', () => handleCrewAction(progressContainer, progressBar, progressText));

        console.log(`${SCRIPT_PREFIX} Button und Progressbar erfolgreich eingefügt.`);
    }

    function collectVisibleVehicleIds() {
        const vehicleTable = document.getElementById('vehicle_table');
        if (!vehicleTable) return [];

        const ids = [];
        const rows = vehicleTable.querySelectorAll('tbody tr');
        rows.forEach(row => {
            if (row.style.display === 'none') return;
            const link = row.querySelector('td a[href*="/vehicles/"]');
            const match = link?.href.match(/\/vehicles\/(\d+)/);
            if (match?.[1]) ids.push(match[1]);
        });
        console.log(`${SCRIPT_PREFIX} ${ids.length} sichtbare Fahrzeug-IDs gesammelt.`);
        return ids;
    }

    async function handleCrewAction(progressContainer, progressBar, progressText) {
        const vehicleIds = collectVisibleVehicleIds();
        if (vehicleIds.length === 0) {
            alert('Keine sichtbaren Fahrzeuge gefunden.');
            return;
        }
        if (!confirm(`Für ${vehicleIds.length} Fahrzeuge maximale Besatzung einstellen?`)) return;

        // Progressbar anzeigen und zurücksetzen
        progressContainer.style.display = 'block';
        progressBar.classList.add('progress-bar-striped', 'active');
        progressBar.classList.remove('progress-bar-success', 'progress-bar-danger');
        progressBar.style.width = '0%';
        progressText.textContent = `0 / ${vehicleIds.length}`;

        let processed = 0;
        let failed = 0;

        for (const id of vehicleIds) {
            try {
                const response = await fetch(`/vehicles/${id}/edit`);
                const text = await response.text();
                const doc = new DOMParser().parseFromString(text, 'text/html');
                const select = doc.getElementById('vehicle_personal_max');
                if (!select) throw new Error('Dropdown nicht gefunden');

                const maxValue = Math.max(...Array.from(select.options).map(o => parseInt(o.value, 10)));
                if (parseInt(select.value, 10) !== maxValue) {
                    const form = doc.querySelector('form');
                    const formData = new FormData(form);
                    formData.set('vehicle[personal_max]', maxValue);

                    await fetch(form.action, {
                        method: 'POST',
                        body: formData
                    });
                }

                console.log(`${SCRIPT_PREFIX} Fahrzeug ${id} aktualisiert.`);
            } catch (e) {
                console.error(`${SCRIPT_PREFIX} Fehler bei Fahrzeug ${id}:`, e);
                failed++;
            }
            processed++;

            // Fortschritt updaten
            const percent = Math.round((processed / vehicleIds.length) * 100);
            progressBar.style.width = `${percent}%`;
            progressText.textContent = `${processed} / ${vehicleIds.length}`;

            // Kurze Pause, damit UI nicht einfriert
            await new Promise(res => setTimeout(res, 250));
        }

        progressBar.classList.remove('progress-bar-striped', 'active');
        if (failed > 0) {
            progressBar.classList.add('progress-bar-danger');
            alert(`Vorgang abgeschlossen mit ${failed} Fehler(n). Seite wird neu geladen.`);
        } else {
            progressBar.classList.add('progress-bar-success');
            alert('Vorgang erfolgreich abgeschlossen. Seite wird neu geladen.');
        }
        location.reload();
    }

    function observeTabChanges() {
        const tabContent = document.querySelector('.tab-content');
        if (!tabContent) return;

        const observer = new MutationObserver(() => {
            const vehicleTabNav = document.querySelector('a[href="#tab_vehicle"]');
            const vehicleTabLi = vehicleTabNav?.closest('li');
            if (vehicleTabLi?.classList.contains('active')) {
                insertButton();
            }
        });

        observer.observe(tabContent, { attributes: true, childList: true, subtree: true });
    }

    if (window.location.pathname.startsWith('/buildings/')) {
        const wait = setInterval(() => {
            if (document.getElementById('tab_vehicle')) {
                clearInterval(wait);
                observeTabChanges();
                insertButton(); // Falls Tab schon aktiv ist
            }
        }, 100);
    }
})();