assets/gebrauchte.js (882e4ee) - bibweb.git · git.schokokeks.org

Gebrauchte-Prio ist Submit-Button

Bernd Wurst commited 882e4ee at 2026-10-03 18:35:06

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 = '';

const currentPrio = document.getElementById('input_prio').value;

items.forEach((item, index) => {
        const btn = document.createElement('button');
        btn.type = 'submit'; // Löst das Absenden des Formulars aus

// Optische Hervorhebung, falls dieser Wert bereits vorausgewählt / gespeichert war
        const isSelected = (currentPrio === item.id || (!currentPrio));
        btn.className = isSelected
            ? 'btn btn-primary btn-lg p-3 fs-3 fw-bold w-100 mb-2'
            : 'btn btn-outline-primary btn-lg p-3 fs-3 fw-bold w-100 mb-2';

btn.innerText = item.label + ' zuerst benutzen';

// Beim Klick: Wert in Hidden-Field eintragen und Submit ausführen
        btn.addEventListener('click', function() {
            document.getElementById('input_prio').value = item.id;
            submitForm();
        });

container.appendChild(btn);
    });
}

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