Paket versenden - Der günstige Paketversand mit Cargoboard

// --- State (zuletzt bestätigte Werte) const shipmentState = { shipper: { postCode:'', city:'', countryCode:'DE' }, consignee:{ postCode:'', city:'', countryCode:'DE' }, packageType:'KT' }; // --- UTF-8 → Base64URL function toBase64Url(jsonString) { const bytes = new TextEncoder().encode(jsonString); let bin = ''; for (let i = 0; i document.getElementById(id); const val = (id) => ($(id)?.value || '').trim(); // --- Nach Blur/Change Hidden-Felder übernehmen (mit kleinem Delay) function refreshFromHidden(which) { setTimeout(() => { if (which === 'pickup') { const city = val('pickupLocality1') || val('pickupPlace1'); const post = val('pickupPostCode1'); const cc = val('pickupCountry1') || 'DE'; if (city) shipmentState.shipper.city = city; if (post) shipmentState.shipper.postCode = post; if (cc) shipmentState.shipper.countryCode = cc; } else { const city = val('consigneeLocality1') || val('deliveryPlace1'); const post = val('consigneePostCode1'); const cc = val('consigneeCountry1') || 'DE'; if (city) shipmentState.consignee.city = city; if (post) shipmentState.consignee.postCode = post; if (cc) shipmentState.consignee.countryCode = cc; } }, 150); } function refreshPackageType() { shipmentState.packageType = $('package-type')?.value || 'KT'; } // --- Minimalprüfung function isValidState(s) { return s.shipper.postCode && s.shipper.city && s.shipper.countryCode && s.consignee.postCode && s.consignee.city && s.consignee.countryCode && s.packageType; } // --- Payload & URL function buildPayload() { const lines = [ { packageType: shipmentState.packageType, quantity: 1, unitLength: 50, unitWidth: 50, unitHeight: 50, unitWeight: 5 } ]; return { shipper: shipmentState.shipper, consignee: shipmentState.consignee, lines, acquisitionType: 'GROUPAGE', totalLoadingMeter: 0, totalWeight: lines.reduce((s,l)=>s+(+l.unitWeight||0)*(+l.quantity||0),0), totalHeight: lines.reduce((s,l)=>s+(+l.unitHeight||0),0) }; } function buildUrl(action) { const req = toBase64Url(JSON.stringify(buildPayload())); const url = new URL(action || 'https://my.cargoboard.com/'); url.searchParams.set('req', req); return url.toString(); } // --- Init: reine Listener, keine DOM-Ausgabe (function init() { const form = $('form1'); if (!form) return; // Sichtbare Inputs „hören“ $('pickupPlace1')?.addEventListener('blur', () => refreshFromHidden('pickup')); $('deliveryPlace1')?.addEventListener('blur', () => refreshFromHidden('consignee')); // Hidden-Felder „hören“ ['pickupLocality1','pickupPostCode1','pickupCountry1'].forEach(id => { $(id)?.addEventListener('change', () => refreshFromHidden('pickup')); $(id)?.addEventListener('input', () => refreshFromHidden('pickup')); }); ['consigneeLocality1','consigneePostCode1','consigneeCountry1'].forEach(id => { $(id)?.addEventListener('change', () => refreshFromHidden('consignee')); $(id)?.addEventListener('input', () => refreshFromHidden('consignee')); }); // Pakettyp „hören“ $('package-type')?.addEventListener('change', refreshPackageType); // Initial ziehen refreshFromHidden('pickup'); refreshFromHidden('consignee'); refreshPackageType(); // Submit abfangen → URL bauen & navigieren form.addEventListener('submit', (e) => { e.preventDefault(); // Letztes Update sichern refreshFromHidden('pickup'); refreshFromHidden('consignee'); setTimeout(() => { // Fallback: direkt aus DOM lesen, falls Nutzer nicht geblurt hat if (!shipmentState.shipper.city) shipmentState.shipper.city = val('pickupLocality1') || val('pickupPlace1'); if (!shipmentState.shipper.postCode) shipmentState.shipper.postCode = val('pickupPostCode1'); if (!shipmentState.consignee.city) shipmentState.consignee.city = val('consigneeLocality1') || val('deliveryPlace1'); if (!shipmentState.consignee.postCode) shipmentState.consignee.postCode = val('consigneePostCode1'); if (!isValidState(shipmentState)) { form.submit(); // Fallback auf Original-Flow return; } const target = buildUrl(form.getAttribute('action')); if (target.length > 1800) console.warn('Warnung: URL ist sehr lang.'); window.location.href = target; }, 0); }, { once:true }); })();