// MeckGrade Holo — Screens C: Submission, Watchlist, Crack & Resub, Population, Stub // ──────────────────────────── SUBMISSION ──────────────────────────── const PROVIDERS = { PSA: { name:"PSA", tiers:["Economy","Express","WalkThrough","Super Express"], addr:"PSA, 1610 E Saint Andrew Pl, Santa Ana, CA 92705, USA", url:"https://www.psacard.com/orders/" }, BGS: { name:"BGS", tiers:["Economy","Standard","Express","Premium"], addr:"Beckett Grading Services, 2700 Summit Ave, Plano TX 75074, USA", url:"https://www.beckett.com/grading" }, CGC: { name:"CGC", tiers:["Economy","Standard","Express"], addr:"CGC, 3350 SW 148th Ave Suite 110, Miramar FL 33027, USA", url:"https://www.cgccards.com/submit/" }, TAG: { name:"TAG", tiers:["Standard","Express"], addr:"TAG Grading — see tag-grading.com for current address", url:"https://www.tag-grading.com" }, }; function ScreenSubmission({ go, appState }) { const [provider, setProvider] = uS("PSA"); const [tier, setTier] = uS("Express"); const [lockModal, setLockModal] = uS(false); const [checklist, setChecklist] = uS({sleeves:false, labels:false, account:false}); const [subPickModal, setSubPickModal] = uS(false); const submissionIds = appState?.submission || []; const history = appState?.history || []; const cards = submissionIds .map(sid => history.find(h => h.id === sid)) .filter(Boolean) .map(h => ({ id: h.id, name: h.card_name || "Unbenannte Karte", set: h.card_set || "—", img: h.thumbnail_b64 ? `data:image/jpeg;base64,${h.thumbnail_b64}` : "", grade: (h.psa_grade || 0), raw: 0, graded10: 0, graded9: 0, })); const prov = PROVIDERS[provider] || PROVIDERS.PSA; const subId = `MGB-${new Date().toISOString().slice(0, 10).replace(/-/g, "")}-${cards.length.toString().padStart(2, "0")}`; const totalRaw = cards.reduce((s, c) => s + c.raw, 0); const totalGraded = cards.reduce((s, c) => s + c.graded10 * 0.6 + c.graded9 * 0.3 + c.raw * 0.1, 0); const fee = cards.length * 28; const ship = 22; const ev = totalGraded - totalRaw - fee - ship; const removeCard = (sid) => window.HoloAPI.removeFromSubmission(sid); const _esc = (s) => (s || "").replace(/[&<>"']/g, c => ({"&":"&","<":"<",">":">",'"':""","'":"'"}[c])); const printLabels = () => { if (cards.length === 0) { return window.HoloAPI.toast("Leere Submission", "Erst Karten hinzufügen.", "warn"); } const labelHtml = cards.map((c, i) => `
${c.img ? `` : ""}
${subId} · #${String(i+1).padStart(2, "0")}
${_esc(c.name)}
${_esc(c.set)}
PSA target ${c.grade || "—"} · ${c.id.slice(0, 8)}
${ c.id.slice(0, 12).split("").map(ch => { const w = (ch.charCodeAt(0) % 4) + 1; return ``; }).join("") }
`).join(""); const w = window.open("", "_blank", "width=900,height=1200"); if (!w) { window.HoloAPI.toast("Popup blockiert", "Bitte Popup-Blocker für meckgrade deaktivieren.", "error"); return; } w.document.write(` ${subId} · Labels

${subId} · ${cards.length} Karte${cards.length===1?"":"n"}

Drucken oder als PDF speichern (⌘P / Ctrl+P)

Packing Slip · ${prov.name} · ${subId}

${new Date().toLocaleString("de-DE")} · ${tier} · ${cards.length} Karte${cards.length===1?"":"n"}
${labelHtml}
SEND TO:
${prov.addr}
Tier: ${tier} · Cards: ${cards.length} · Date: ${new Date().toISOString().slice(0,10)}
${subId} · MeckGrade Pre-Grading · Send to: ${prov.name}
`); w.document.close(); setTimeout(() => { try { w.focus(); } catch {} }, 200); }; const startLock = async () => { if (cards.length === 0) { return window.HoloAPI.toast("Leere Submission", "Erst Karten hinzufügen.", "warn"); } try { await Promise.all(cards.map(c => { const row = history.find(h => h.id === c.id); const existing = (row?.tags || "").split(",").map(s => s.trim()).filter(Boolean); const next = Array.from(new Set([...existing, "submitted", subId])).join(","); return window.HoloAPI.patchHistoryTags(c.id, next); })); cards.forEach(c => window.HoloAPI.removeFromSubmission(c.id)); await window.HoloAPI.refreshHistory(); setChecklist({sleeves:false, labels:false, account:false}); setLockModal(true); } catch (e) { window.HoloAPI.toast("Fehler", e.message || "Lock fehlgeschlagen.", "error"); } }; return (
} />
SUBMISSION ID {subId} · READY · {cards.length} CARDS ·
· Items · {cards.length}
· Drag to reorder
{cards.length === 0 && (
Keine Karten in dieser Submission. Aus der Sammlung hinzufügen.
)} {cards.map((c, i) => (
{String(i+1).padStart(2,"0")}
{c.img && }
{c.name}
{c.set} · {c.id.slice(0, 8)}
· Predicted
PSA {c.grade}
· Centering
{(history.find(h => h.id === c.id)?.centering || 0).toFixed(0)}/100
· Status
= 9 ? "var(--mint)" : "var(--amber)", marginTop:3, fontWeight:500}}>{c.grade >= 9 ? "READY" : "REVIEW"}
))}
{/* Sticky summary */}
· Submission summary · live
· Cards
{cards.length}
· Avg. predicted
{(cards.reduce((s, c) => s + c.grade, 0) / cards.length).toFixed(1)}
{[ ["Total raw value", "€" + totalRaw.toLocaleString(), "var(--text-2)"], ["Predicted graded", "€" + Math.round(totalGraded).toLocaleString(), "var(--text)"], ["PSA grading fee", "−€" + fee.toLocaleString(), "var(--text-3)"], ["Insured shipping", "−€" + ship.toLocaleString(), "var(--text-3)"] ].map(([k, v, c], i) => (
{k} {v}
))}
· Net Expected Value
{cards.length === 0 ? "—" : (ev > 0 ? "+" : "") + "€" + Math.round(ev).toLocaleString()}
{cards.length === 0 ? "Sobald Karten + Marktpreise vorliegen, wird hier der erwartete Net-EV berechnet." : "Berechnet aus Cardmarket-Preisen + PSA-Multipliern (heuristisch)."}
{prov.name} · {tier}
{/* Lock & Ship checklist modal */} {lockModal && (
{ setLockModal(false); go("collection"); }}>
e.stopPropagation()}>
· Submission locked · {subId}
Before you ship
{[ {k:"sleeves", label:"Karten in Schutzhüllen + Toploader verpacken"}, {k:"labels", label:"Packing Slip ausgedruckt und beigelegt"}, {k:"account", label:prov.name + "-Konto erstellt und Bestellung angelegt"}, ].map(item => ( ))}
{subId} · {prov.name} {tier}
)} {/* Sub card-picker modal */} {subPickModal && (
setSubPickModal(false)}>
e.stopPropagation()}>
· Submission · Karte hinzufügen
Karte aus Vault wählen
Wähle eine Karte aus deiner Sammlung für diese Submission.
{(appState?.history || []).length === 0 ? (
Noch keine Karten in der Sammlung.
) : (
{(appState?.history || []).map(h => { const alreadyIn = submissionIds.includes(h.id); return (
{ if (alreadyIn) return; window.HoloAPI.addToSubmission(h.id); window.HoloAPI.toast("Submission", `${h.card_name || "Karte"} hinzugefügt.`); setSubPickModal(false); }}>
{h.thumbnail_b64 && }
{h.card_name || "Unbenannte"}
{h.card_set || "—"}{h.psa_grade ? " · PSA " + h.psa_grade : ""}
{alreadyIn && bereits drin}
); })}
)}
)}
); } // ──────────────────────────── WATCHLIST ──────────────────────────── const WATCHLIST_TEMPLATES = [ { type:"roi", title:"ROI-Alarm", ic:"chart", badge:"ROI", desc:"Setze eine Preisschwelle. Wenn der berechnete ROI diese überschreitet, ist die Karte einschickbereit.", fields:[ {k:"card", label:"Welche Karte?", ph:"z.B. Charizard Base Set"}, {k:"floor", label:"Minimaler ROI (€)", ph:"z.B. 200", type:"number"}, ], }, { type:"pop", title:"Pop-Explosion", ic:"pop", badge:"POP", desc:"Beobachte wenn der PSA-Pop einer Note stark wächst — ideal vor/nach Set-Jubiläen.", fields:[ {k:"card", label:"Welche Karte?", ph:"z.B. Pikachu Illustrator"}, {k:"threshold", label:"Pop-Faktor (×fach)", ph:"z.B. 2", type:"number"}, ], }, { type:"ann", title:"Set-Jubiläum", ic:"flag", badge:"ANN", desc:"Arm 2 Wochen vor einem runden Set-Geburtstag — Preise steigen typisch in den Wochen davor.", fields:[ {k:"set", label:"Welches Set?", ph:"z.B. Base Set"}, {k:"year", label:"Geburtsjahr des Sets", ph:"z.B. 1999", type:"number"}, ], }, ]; function ScreenWatchlist({ go, appState }) { const [tplModal, setTplModal] = uS(null); const [tplValues, setTplValues] = uS({}); const [pickModal, setPickModal] = uS(false); const w = appState?.watchlist || []; return (
setPickModal(true)}> Karte watchen} />
{w.length === 0 ? (
Noch kein Trigger aktiv. Template auswählen oder "Watch" in der Karten-Ansicht klicken.
) : ( {w.map((row, i) => ( ))}
Card / Trigger Typ State Added
{row.card || "—"} {row.trigger === "roi" ? "ROI-Alarm" : row.trigger === "pop" ? "Pop-Explosion" : row.trigger === "ann" ? "Set-Jubiläum" : row.trigger ? row.trigger : "Vault"} {row.trigger ? row.trigger.toUpperCase() : "armed"} {row.config?.floor ? " ≥€" + row.config.floor : ""} {row.config?.threshold ? " ×" + row.config.threshold : ""} {row.ts ? new Date(row.ts).toLocaleString("de-DE") : "—"}
)}
{/* Trigger archetypes */}
Trigger-Vorlagen
Konfigurieren und aktivieren
{WATCHLIST_TEMPLATES.map((tpl, i) => (
· {String(i+1).padStart(2,"0")} {tpl.badge}
{tpl.title}
{tpl.desc}
))}
{/* Template config modal */} {tplModal && (
setTplModal(null)}>
e.stopPropagation()}>
· Trigger · {tplModal.title}
Trigger konfigurieren
{tplModal.desc}
{tplModal.fields.map(f => (
setTplValues({...tplValues, [f.k]: e.target.value})}/>
))}
)} {/* Card-picker modal */} {pickModal && (
setPickModal(false)}>
e.stopPropagation()}>
· Watchlist · Karte hinzufügen
Karte aus Vault wählen
Wähle eine Karte aus deiner Sammlung. Sie wird zur Watchlist hinzugefügt.
{(appState?.history || []).length === 0 ? (
Noch keine Karten in der Sammlung.
) : (
{(appState?.history || []).map(h => (
{ window.HoloAPI.addToWatchlist({ sessionId: h.id, card: h.card_name || "Unbenannte Karte", ts: Date.now(), }); window.HoloAPI.toast("Watchlist", `${h.card_name || "Karte"} wird beobachtet.`); setPickModal(false); }}>
{h.thumbnail_b64 && }
{h.card_name || "Unbenannte"}
{h.card_set || "—"}{h.psa_grade ? " · PSA " + h.psa_grade : ""}
{h.id.slice(0,8)}
))}
)}
)}
); } // ──────────────────────────── POPULATION ──────────────────────────── function ScreenPopulation({ appState }) { const history = appState?.history || []; const byName = {}; history.forEach(h => { const key = h.card_name || "Unbenannte Karte"; if (!byName[key]) byName[key] = { card: key, total: 0, p10: 0, p9: 0, p8: 0 }; byName[key].total++; const g = h.psa_grade || 0; if (g >= 10) byName[key].p10++; else if (g >= 9) byName[key].p9++; else if (g >= 8) byName[key].p8++; }); const rows = Object.values(byName).sort((a, b) => b.total - a.total); return (
{rows.length === 0 ? (
Noch keine Karten analysiert — zuerst scannen, um hier Daten zu sehen.
) : ( {rows.map((p, i) => ( ))}
Card Total scanned PSA 10 PSA 9 PSA 8 Distribution
{p.card} {p.total.toLocaleString()} {p.p10.toLocaleString()} {p.p9.toLocaleString()} {p.p8.toLocaleString()}
)}
); } window.ScreenSubmission = ScreenSubmission; window.ScreenWatchlist = ScreenWatchlist; window.ScreenPopulation = ScreenPopulation;