assets/gebrauchte.js (0b11928) - bibweb.git · git.schokokeks.org

Box scannen und Kartongrößen genauer abfragen.

Bernd Wurst commited 0b11928 at 2026-09-02 13:34:15

gebrauchte.js

Blame History Raw

document.addEventListener('DOMContentLoaded', function () {
    const jaBtn = document.getElementById('btn-kartonsja');
    const btnNextStep = document.getElementById('btnNextStep');
    const btnBackToModal1 = document.getElementById('btnBackToModal1');
    const btnSubmitFinal = document.getElementById('btnSubmitFinal');
    const mainForm = document.getElementById('mainForm');

const modal1 = new bootstrap.Modal(document.getElementById('groessenModal'));
    const modal2 = new bootstrap.Modal(document.getElementById('prioModal'));

jaBtn.addEventListener('click', function () {
        modal1.show();
    });

btnNextStep.addEventListener('click', function () {
        const selected = [];
        if (document.getElementById('check3er').checked) selected.push({ id: '3er', label: '3er Kartons' });
        if (document.getElementById('check5er').checked) selected.push({ id: '5er', label: '5er Kartons' });
        if (document.getElementById('check10er').checked) selected.push({ id: '10er', label: '10er Kartons' });

// Werte in deine originalen Hidden-Fields schreiben
        document.getElementById('input_3er').value = document.getElementById('check3er').checked ? '1' : '0';
        document.getElementById('input_5er').value = document.getElementById('check5er').checked ? '1' : '0';
        document.getElementById('input_10er').value = document.getElementById('check10er').checked ? '1' : '0';

if (selected.length > 1) {
            buildPrioOptions(selected);
            modal1.hide();
            modal2.show();
        } else {
            document.getElementById('input_prio').value = selected.length === 1 ? selected[0].id : '';
            submitForm();
        }
    });

btnBackToModal1.addEventListener('click', function () {
        modal2.hide();
        modal1.show();
    });

btnSubmitFinal.addEventListener('click', function () {
        const checkedPrio = document.querySelector('input[name="prioRadio"]:checked');
        if (!checkedPrio) {
            alert('Bitte wählen Sie eine Größe aus, die zuerst benutzt werden soll.');
            return;
        }
        document.getElementById('input_prio').value = checkedPrio.value;
        submitForm();
    });

function buildPrioOptions(items) {
        const container = document.getElementById('prioOptionsContainer');
        container.innerHTML = '';

// Aktuell gespeicherten Wert aus dem Hidden-Field auslesen
        const currentPrio = document.getElementById('input_prio').value;

items.forEach((item, index) => {
            const inputId = 'prio_' + item.id;
            
            const input = document.createElement('input');
            input.type = 'radio';
            input.className = 'btn-check';
            input.name = 'prioRadio';
            input.id = inputId;
            input.value = item.id;
            input.autocomplete = 'off';

// Prüfung: Passt die ID zum Wert im Hidden-Field? 
            // Falls nichts gespeichert ist, nimmt er den ersten Eintrag als Standard.
            if (currentPrio === item.id || (!currentPrio && index === 0)) {
                input.checked = true;
            }

const label = document.createElement('label');
            label.className = 'btn btn-outline-primary btn-lg p-3 fs-3 fw-bold';
            label.htmlFor = inputId;
            label.innerText = item.label + ' zuerst benutzen';

container.appendChild(input);
            container.appendChild(label);
        });
    }

function submitForm() {
        const hiddenJa = document.createElement('input');
        hiddenJa.type = 'hidden';
        hiddenJa.name = 'kartonsja';
        hiddenJa.value = 'Ja';
        mainForm.appendChild(hiddenJa);
        mainForm.submit();
    }
});