\\${collectedCount}x in Sammlung

\\` \n : '';\n\n item.innerHTML = \\`\n \\${badgeHtml}\n

\\${coin.title}

\\${coin.year} | \\${coin.country}

\n \n \n

\n \\${coin.country === 'Deutschland' ? \\`\n

\n Prägeanstalt\n \n

\n \\` : ''}\n \n

\n Zustand / Kommentar\n \n

\n\n

\n Foto (Optional)\n \n \n

\n\n \n \n

\n \\`;\n grid.appendChild(item);\n });\n }\n\n // Temporäre Bildspeicher pro Formular\n const tempImages = {};\n\n window.handleImagePreview = function(event, coinId) {\n const file = event.target.files[0];\n const preview = document.getElementById(\\`preview-\\${coinId}\\`);\n \n if (!file) {\n delete tempImages[coinId];\n preview.style.display = 'none';\n return;\n }\n\n const reader = new FileReader();\n reader.onload = function(e) {\n const img = new Image();\n img.onload = function() {\n const canvas = document.createElement('canvas');\n const MAX_WIDTH = 300;\n let width = img.width;\n let height = img.height;\n\n if (width > MAX_WIDTH) {\n height = Math.round((height * MAX_WIDTH) / width);\n width = MAX_WIDTH;\n }\n\n canvas.width = width;\n canvas.height = height;\n const ctx = canvas.getContext('2d');\n ctx.drawImage(img, 0, 0, width, height);\n \n const base64 = canvas.toDataURL('image/jpeg', 0.7);\n tempImages[coinId] = base64;\n preview.src = base64;\n preview.style.display = 'block';\n };\n img.src = e.target.result;\n };\n reader.readAsDataURL(file);\n };\n\n window.toggleForm = function(coinId) {\n const form = document.getElementById(\\`form-\\${coinId}\\`);\n form.classList.toggle('active');\n \n // Reset beim Schließen\n if (!form.classList.contains('active')) {\n delete tempImages[coinId];\n const imgInput = document.getElementById(\\`img-\\${coinId}\\`);\n if(imgInput) imgInput.value = '';\n const preview = document.getElementById(\\`preview-\\${coinId}\\`);\n if(preview) preview.style.display = 'none';\n const comment = document.getElementById(\\`comment-\\${coinId}\\`);\n if(comment) comment.value = '';\n const mint = document.getElementById(\\`mint-\\${coinId}\\`);\n if(mint) mint.value = '';\n }\n };\n\n window.saveCoin = function(coinId) {\n const coinData = coinDatabase.find(c => c.id === coinId);\n const mintEl = document.getElementById(\\`mint-\\${coinId}\\`);\n const commentEl = document.getElementById(\\`comment-\\${coinId}\\`);\n \n const entry = {\n id: crypto.randomUUID(),\n coinId: coinData.id,\n country: coinData.country,\n year: coinData.year,\n title: coinData.title,\n mintMark: mintEl ? mintEl.value : '',\n comment: commentEl ? commentEl.value : '',\n image: tempImages[coinId] || null,\n timestamp: new Date().toISOString()\n };\n\n try {\n collection.push(entry);\n localStorage.setItem('numisCollection_v03', JSON.stringify(collection));\n document.getElementById('storageWarning').style.display = 'none';\n \n toggleForm(coinId); // Schließen und zurücksetzen\n renderCatalog(); // Katalog neu rendern (für Badge-Update)\n \n // Kurzes Feedback (kann durch Toast ersetzt werden)\n alert('Eintrag erfolgreich gespeichert!');\n \n } catch (err) {\n if (err.name === 'QuotaExceededError') {\n collection.pop();\n document.getElementById('storageWarning').style.display = 'block';\n alert('Speicherplatz-Limit erreicht. Bitte löschen Sie alte Bilder.');\n }\n }\n };\n\n window.deleteEntry = function(id) {\n if(confirm('Eintrag wirklich löschen?')) {\n collection = collection.filter(item => item.id !== id);\n localStorage.setItem('numisCollection_v03', JSON.stringify(collection));\n document.getElementById('storageWarning').style.display = 'none';\n renderCollection();\n }\n };\n\n function renderCollection() {\n const list = document.getElementById('collectionList');\n list.innerHTML = '';\n \n if (collection.length === 0) {\n list.innerHTML = '

Bisher keine Münzen erfasst.

';\n return;\n }\n \n const sorted = [...collection].sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp));\n\n sorted.forEach(item => {\n const li = document.createElement('li');\n li.className = 'entry-item';\n \n let titleHtml = '' + item.year + ' ' + item.country + ': ' + item.title + '';\n if (item.country === 'Deutschland' && item.mintMark) {\n titleHtml += ' | Prägeanstalt: ' + item.mintMark + '';\n }\n \n const safeComment = item.comment \n ? item.comment.replace(//g, \">\").replace(/\\\\n/g, '
') \n : 'Kein Kommentar';\n \n const dateObj = new Date(item.timestamp);\n const dateStr = dateObj.toLocaleDateString('de-DE') + ' ' + dateObj.toLocaleTimeString('de-DE');\n \n let imageHtml = '';\n if (item.image) {\n imageHtml = \\`\n

\n $\"Münzbild\"$ \n

\n \\`;\n }\n\n li.innerHTML = \\`\n \\${imageHtml}\n

\\${titleHtml}

\n \n

\\${safeComment}

Erfasst am: \\${dateStr}

\n \\`;\n \n list.appendChild(li);\n });\n }\n\n // Initial render\n renderCatalog();\n \n \n \n `;\n\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n },\n });\n}","deleted","label",[100],"permalink","https://www.val.town/x/qrtrcgn/Numismatiker/code/main.ts","extension","actionData","errors"]