import { insurers } from './insurers.js'; import { setupUpload, processUpload } from './upload-logic.js'; import { addPerson, removePerson } from './form-logic.js'; import { updateSignatures, clearSig, getSignaturePads } from './signatures.js'; import { generatePDF } from './pdf-generator.js'; // --- State & Setup --- let currentMode = 'cancellation'; const switchTab = (mode) => { currentMode = mode; // Update Tabs document.querySelectorAll('.segment-btn').forEach(btn => { btn.classList.toggle('active', btn.dataset.mode === mode); }); // Update UI Texts const headerTitle = document.querySelector('.header h1'); const submitBtn = document.querySelector('button[type="submit"]'); const cancelContainer = document.getElementById('cancellation-dates-container'); const revokeContainer = document.getElementById('revocation-reason-container'); const generalRemark = document.getElementById('general-remark'); if (mode === 'revocation') { if (headerTitle) headerTitle.textContent = 'Antragsrückzug'; if (submitBtn) submitBtn.textContent = 'Rückzugsschreiben erstellen'; if (generalRemark) generalRemark.placeholder = "Z.B. Bezugnehmend auf den Antrag vom..."; if (cancelContainer) cancelContainer.classList.add('hidden'); if (revokeContainer) revokeContainer.classList.remove('hidden'); } else { if (headerTitle) headerTitle.textContent = 'Kündigung'; if (submitBtn) submitBtn.textContent = 'Kündigungsschreiben erstellen'; if (generalRemark) generalRemark.placeholder = "Z.B. Kündigung aufgrund von Prämienerhöhung"; if (cancelContainer) cancelContainer.classList.remove('hidden'); if (revokeContainer) revokeContainer.classList.add('hidden'); } }; document.addEventListener('DOMContentLoaded', () => { // Icons lucide.createIcons(); // Event Listeners document.querySelectorAll('.segment-btn').forEach(btn => { btn.addEventListener('click', () => switchTab(btn.dataset.mode)); }); const form = document.getElementById('resignation-form'); if (form) { form.addEventListener('submit', (e) => { e.preventDefault(); generatePDF(getSignaturePads(), currentMode); }); } const addPersonBtn = document.getElementById('add-person-btn'); if (addPersonBtn) { addPersonBtn.addEventListener('click', addPerson); } // Populate Insurers const selects = document.querySelectorAll('.insurer-select'); insurers.forEach(ins => { selects.forEach(sel => { const opt = document.createElement('option'); opt.value = ins; opt.textContent = ins; sel.appendChild(opt); }); }); // Populate Dates (Years) const currentYear = new Date().getFullYear(); const dateSelects = ['date-basic', 'date-supp']; dateSelects.forEach(id => { const sel = document.getElementById(id); if (sel) { sel.innerHTML = ''; for (let i = 0; i <= 2; i++) { const y = currentYear + i; const opt = document.createElement('option'); opt.value = `${y}-12-31`; opt.textContent = `31.12.${y}`; sel.appendChild(opt); } } }); // Initialize View // Add default person addPerson(); // Setup Upload Logic setupUpload(); }); // --- Global Assignments for HTML Event Handlers --- window.processUpload = processUpload; window.addPerson = addPerson; window.removePerson = removePerson; window.updateSignatures = updateSignatures; window.clearSig = clearSig; import { updateSignatures } from './signatures.js'; export const addPerson = () => { const container = document.getElementById('persons-container'); const id = Date.now(); const isFirst = container.children.length === 0; const div = document.createElement('div'); div.className = 'person-card'; div.dataset.id = id; div.innerHTML = ` ${!isFirst ? `` : ''}

${isFirst ? 'Hauptversicherte Person' : 'Weitere Person'}

Vorname

Name

Geburtsdatum

Versichertennr.

Kündigung für:

Grundversicherung (OKP)

Zusatzversicherungen (VVG)

Bemerkung zu dieser Person

`; container.appendChild(div); updateSignatures(); }; export const removePerson = (id) => { const el = document.querySelector(`.person-card[data-id="${id}"]`); if (el) el.remove(); updateSignatures(); }; export const insurers = [ "Agrisano", "AMB Assurances", "Aquilana", "Arcosana", "Assura", "Atupri", "Avenir (Groupe Mutuel)", "Compact", "Concordia", "CSS", "Easy Sana (Groupe Mutuel)", "EGK", "Galenos", "Groupe Mutuel", "Helsana", "Intras", "KPT", "ÖKK", "Philos (Groupe Mutuel)", "Progrès", "Provita", "Rhenusana", "Sanagate", "Sanitas", "Sodalis", "Sumiswalder", "Supra", "Swica", "Visana", "Vita Surselva", "Vivacare" ]; import { jsPDF } from 'jspdf'; export const generatePDF = (signaturePads, mode = 'cancellation') => { // Ensure all visible signature pads have been signed if (signaturePads.some(s => s.pad.isEmpty())) { alert("Bitte leisten Sie alle erforderlichen Unterschriften (alle volljährigen Personen oder gesetzlicher Vertreter), um fortzufahren."); document.getElementById('signatures-container').scrollIntoView({ behavior: 'smooth' }); return; } const doc = new jsPDF(); const margin = 20; const pageWidth = 210; const contentWidth = pageWidth - (margin * 2); let y = 20; // Fonts setup doc.setFont("helvetica", "normal"); // --- Sender (Top Left - Modern Small Style) --- doc.setFontSize(8); doc.setTextColor(80, 80, 80); const sFirst = document.getElementById('sender-firstname').value || ''; const sLast = document.getElementById('sender-lastname').value || ''; const sStreet = document.getElementById('sender-street').value || ''; const sZip = document.getElementById('sender-zip').value || ''; const sCity = document.getElementById('sender-city').value || ''; // Sender Line doc.text(`${sFirst} ${sLast} • ${sStreet} • ${sZip} ${sCity}`, margin, y); // --- Recipient --- y += 25; doc.setFontSize(10); doc.setTextColor(0, 0, 0); const insurerName = document.getElementById('insurer-v2').value || 'Krankenkasse'; doc.setFont("helvetica", "bold"); doc.text(insurerName, margin, y); y += 5; doc.setFont("helvetica", "normal"); doc.text("Kündigungen / Kundendienst", margin, y); // --- Date (Right Aligned) --- const today = new Date().toLocaleDateString('de-CH'); doc.text(`${sCity}, ${today}`, pageWidth - margin, y - 5, { align: 'right' }); // --- Title --- y += 25; doc.setFontSize(14); doc.setFont("helvetica", "bold"); if (mode === 'revocation') { doc.text("Rückzug Versicherungsantrag", margin, y); } else { doc.text("Kündigung Grund- und/oder Zusatzversicherung", margin, y); } // --- Intro --- y += 10; doc.setFontSize(10); doc.setFont("helvetica", "normal"); doc.text("Sehr geehrte Damen und Herren,", margin, y); y += 6; if (mode === 'revocation') { const reason = document.getElementById('revocation-reason').value; if (reason === 'premium') { doc.text("Hiermit ziehe(n) ich/wir den Antrag für die unten aufgeführten Personen aufgrund von Prämienerhöhung zurück.", margin, y); } else { doc.text("Hiermit ziehe(n) ich/wir den Antrag für die unten aufgeführten Personen fristgerecht zurück.", margin, y); } } else { doc.text("Hiermit kündige(n) ich/wir die Krankenversicherung für die unten aufgeführten Personen fristgerecht.", margin, y); } // --- Termine Info --- y += 8; // Show dates only for cancellation, or if desired for revocation too (usually revocation is immediate) if (mode !== 'revocation') { const dateBasic = document.getElementById('date-basic').value; const dateSupp = document.getElementById('date-supp').value; doc.setFontSize(9); doc.setTextColor(60, 60, 60); let termText = ""; if (dateBasic) termText += `Grundversicherung per: ${new Date(dateBasic).toLocaleDateString('de-CH')}`; if (dateBasic && dateSupp) termText += " | "; if (dateSupp) termText += `Zusatzversicherungen per: ${new Date(dateSupp).toLocaleDateString('de-CH')}`; if (termText) doc.text(termText, margin, y); } // --- Table Header --- y += 12; // Table Columns Config // Total content width ~170mm (210 - 2*20) // 1. Vers.Nr (35mm) // 2. DOB (25mm) // 3. Name (40mm) // 4. Bemerkung (40mm) // 5. Kündigung (30mm) const xNr = margin; const xDob = xNr + 35; const xName = xDob + 25; const xRem = xName + 40; const xKue = xRem + 40; // Header Background doc.setFillColor(242, 242, 247); doc.rect(margin, y - 6, contentWidth, 8, 'F'); doc.setFontSize(7); doc.setFont("helvetica", "bold"); doc.setTextColor(100); doc.text("VERS-NR.", xNr + 1, y - 1); doc.text("GEBURTSDATUM", xDob + 1, y - 1); doc.text("VOR- & NACHNAME", xName + 1, y - 1); doc.text("BEMERKUNG", xRem + 1, y - 1); doc.text(mode === 'revocation' ? "RÜCKZUG" : "KÜNDIGUNG", xKue + 1, y - 1); y += 4; // --- Table Rows --- const personCards = document.querySelectorAll('.person-card'); doc.setTextColor(0); personCards.forEach(card => { const fn = card.querySelector('.p-firstname').value; const ln = card.querySelector('.p-lastname').value; const dob = card.querySelector('.p-dob').value; const insNr = card.querySelector('.p-ins-nr').value; const basic = card.querySelector('.p-check-basic').checked; const supp = card.querySelector('.p-check-supp').checked; const remark = card.querySelector('.p-remark').value || ''; // Calc height doc.setFontSize(8); // Name wrapping (Bold) doc.setFont("helvetica", "bold"); const fullName = `${fn} ${ln}`; const nameSplit = doc.splitTextToSize(fullName, 36); const nameHeight = nameSplit.length * 3.5; // Remark wrapping (Normal) doc.setFont("helvetica", "normal"); const remarkSplit = doc.splitTextToSize(remark, 36); const remarkHeight = remarkSplit.length * 3.5; const minHeight = 12; // Sufficient for 2 checkboxes const rowHeight = Math.max(minHeight, remarkHeight + 6, nameHeight + 6); // Page break if (y + rowHeight > 250) { doc.addPage(); y = 20; // Optional: could redraw header here } // Border bottom doc.setDrawColor(230); doc.line(margin, y + rowHeight - 2, pageWidth - margin, y + rowHeight - 2); // Content const cy = y + 4; // 1. Vers-Nr doc.setFont("helvetica", "normal"); doc.setFontSize(9); doc.text(insNr || '-', xNr + 1, cy); // 2. DOB const dobStr = dob ? new Date(dob).toLocaleDateString('de-CH') : '-'; doc.text(dobStr, xDob + 1, cy); // 3. Name doc.setFont("helvetica", "bold"); doc.text(nameSplit, xName + 1, cy); // 4. Bemerkung doc.setFont("helvetica", "normal"); doc.setFontSize(8); if (remark) { doc.text(remarkSplit, xRem + 1, cy); } // 5. Kündigung (Checkboxes) const drawBox = (bx, by, label, isChecked) => { doc.setDrawColor(50); doc.setLineWidth(0.1); doc.rect(bx, by - 2.5, 3, 3); if (isChecked) { doc.setDrawColor(0); doc.setLineWidth(0.3); doc.line(bx, by - 2.5, bx + 3, by + 0.5); doc.line(bx + 3, by - 2.5, bx, by + 0.5); } doc.setFontSize(7); doc.setTextColor(0); doc.text(label, bx + 4, by); }; drawBox(xKue, cy, "Grundversicherung", basic); drawBox(xKue, cy + 4.5, "Zusatzversicherung", supp); y += rowHeight; }); // --- General Remarks --- const genRemark = document.getElementById('general-remark').value; if (genRemark) { y += 5; doc.setFontSize(9); doc.setTextColor(100); doc.text("Allgemeine Anmerkungen:", margin, y); y += 5; doc.setTextColor(0); const splitRem = doc.splitTextToSize(genRemark, contentWidth); doc.text(splitRem, margin, y); y += (splitRem.length * 4) + 10; } else { y += 15; } // --- Footer / Signatures --- if (y > 240) { // Ensure space doc.addPage(); y = 20; } doc.setFontSize(9); doc.text("Bitte bestätigen Sie mir/uns den Erhalt sowie die Kündigungstermine schriftlich.", margin, y); y += 15; doc.setFontSize(8); doc.setTextColor(100); doc.text("Unterschriften:", margin, y); y += 5; let xSig = margin; signaturePads.forEach((sigObj) => { if (!sigObj.pad.isEmpty()) { const data = sigObj.pad.toDataURL('image/png'); // Add image doc.addImage(data, 'PNG', xSig, y, 40, 20); // Name label if (sigObj.id === 'legal-rep') { const repFn = document.getElementById('legal-rep-firstname').value; const repLn = document.getElementById('legal-rep-lastname').value; doc.text(`${repFn} ${repLn} (Ges. Vertreter)`, xSig, y + 24); } else { const card = document.querySelector(`.person-card[data-id="${sigObj.id}"]`); if (card) { const fn = card.querySelector('.p-firstname').value; const ln = card.querySelector('.p-lastname').value; doc.text(`${fn} ${ln}`, xSig, y + 24); } } xSig += 50; } }); const prefix = mode === 'revocation' ? 'Antragsrueckzug' : 'Kuendigung'; doc.save(`${prefix}_${sLast ? sLast + '_' : ''}${insurerName}.pdf`); }; import SignaturePad from 'signature_pad'; let signaturePads = []; export const getSignaturePads = () => signaturePads; // Manages signature pads based on entered names export const updateSignatures = () => { const sigContainer = document.getElementById('signatures-container'); // Capture existing legal rep values to preserve them across re-renders const repFnVal = document.getElementById('legal-rep-firstname')?.value.replace(/\"/g, '"') || ''; const repLnVal = document.getElementById('legal-rep-lastname')?.value.replace(/\"/g, '"') || ''; const personCards = document.querySelectorAll('.person-card'); const adults = []; const minors = []; personCards.forEach(card => { const fn = card.querySelector('.p-firstname').value.trim(); const ln = card.querySelector('.p-lastname').value.trim(); const dobVal = card.querySelector('.p-dob').value; if (fn && ln && dobVal) { const dob = new Date(dobVal); const today = new Date(); let age = today.getFullYear() - dob.getFullYear(); const m = today.getMonth() - dob.getMonth(); if (m < 0 || (m === 0 && today.getDate() < dob.getDate())) { age--; } const signerInfo = { id: card.dataset.id, name: `${fn} ${ln}` }; if (age >= 18) { adults.push(signerInfo); } else { minors.push(signerInfo); } } }); let signersToRender = []; if (adults.length > 0) { signersToRender = adults; } else if (minors.length > 0) { signersToRender.push({ id: 'legal-rep', name: 'Gesetzlicher Vertreter' }); } // Sync DOM sigContainer.innerHTML = ''; signaturePads = []; if (signersToRender.length === 0) { if (personCards.length > 0) { sigContainer.innerHTML = '

Unterschriftsfelder erscheinen hier, sobald Name und Geburtsdatum eingetragen sind.

'; } return; } signersToRender.forEach(signer => { const wrapper = document.createElement('div'); wrapper.className = 'signature-wrapper'; let extraFields = ''; if (signer.id === 'legal-rep') { extraFields = `

`; } wrapper.innerHTML = ` Unterschrift von ${signer.name} ${extraFields}

Neu zeichnen

`; sigContainer.appendChild(wrapper); const canvas = wrapper.querySelector('canvas'); const ratio = Math.max(window.devicePixelRatio || 1, 1); canvas.width = canvas.offsetWidth * ratio; canvas.height = canvas.offsetHeight * ratio; canvas.getContext("2d").scale(ratio, ratio); const pad = new SignaturePad(canvas, { backgroundColor: 'rgba(255, 255, 255, 0)', penColor: 'rgb(0, 0, 0)' }); signaturePads.push({ id: signer.id, pad: pad }); }); }; export const clearSig = (id) => { const obj = signaturePads.find(p => p.id === id); if (obj) obj.pad.clear(); }; export const setupUpload = () => { const zone = document.getElementById('drop-zone'); const input = document.getElementById('file-upload'); const fileNameDisplay = document.getElementById('file-name'); if (!zone || !input || !fileNameDisplay) return; zone.addEventListener('click', () => input.click()); input.addEventListener('change', (e) => { if (e.target.files[0]) { fileNameDisplay.textContent = e.target.files[0].name; zone.style.borderColor = '#007AFF'; zone.style.background = 'rgba(0,122,255,0.05)'; } }); zone.addEventListener('dragover', (e) => { e.preventDefault(); zone.classList.add('dragover'); }); zone.addEventListener('dragleave', () => zone.classList.remove('dragover')); zone.addEventListener('drop', (e) => { e.preventDefault(); zone.classList.remove('dragover'); if (e.dataTransfer.files[0]) { input.files = e.dataTransfer.files; // Assign to input fileNameDisplay.textContent = e.dataTransfer.files[0].name; } }); } export const processUpload = () => { const insurer = document.getElementById('insurer-v1').value; const file = document.getElementById('file-upload').files[0]; if (!insurer) { alert("Bitte wählen Sie eine Krankenkasse aus."); return; } if (!file) { alert("Bitte laden Sie ein Formular hoch."); return; } alert(`Verarbeite Upload für ${insurer}... (Demo-Modus)`); };

Kündigung

Ihre Anschrift

Versicherung & Termin

Kündigungsdatum per

Grund

Versicherte Personen

Sonstiges

Unterschriften