ninja_hippo/card-grader
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Slab label: promote range to the focal line when the card name is suppressed

Browse source
This commit is contained in:
Barely Removable 2026-08-22 12:32:28 -07:00
parent f910a603c3
commit 2abb568c49
1 changed files with 11 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

14
static/app.js
View file

@ -205,19 +205,27 @@ function renderSlab(g, opts = {}) {
const range = (g.grade_low !== null && g.grade_high !== null && g.grade_low !== g.grade_high)
? `realistically ${g.grade_low}–${g.grade_high}` : '';
const title = opts.title || g.card_note || 'Card';
const bits = [range, `${g.confidence || ''} confidence`].filter(Boolean).join(' · ');
const confidence = g.confidence ? `${g.confidence} confidence` : '';
// The kicker sits where a real slab label carries its grader's logo. It
// says ESTIMATE first and always — the label is styled to look like the
// real thing, so it has to say plainly that it isn't one.
const kicker = ['Grade estimate', g.card_type ? (TYPE_LABEL[g.card_type] || 'Card') : '']
.filter(Boolean).join(' · ');
// A label needs a focal line to sit right against the grade block. Where
// the card name is suppressed (the history modal already heads with it),
// the range takes that slot rather than leaving the face half-empty.
const primary = opts.hideTitle ? (range || confidence) : title;
const secondary = opts.hideTitle
? (range ? confidence : '')
: [range, confidence].filter(Boolean).join(' · ');
return `
<div class="slab ${slabClass(grade)}">
<div class="slab-main">
<div class="slab-kicker">${esc(kicker)}</div>
${opts.hideTitle ? '' : `<div class="slab-title">${esc(title)}</div>`}
<div class="slab-sub">${esc(bits)}</div>
${primary ? `<div class="slab-title">${esc(primary)}</div>` : ''}
${secondary ? `<div class="slab-sub">${esc(secondary)}</div>` : ''}
</div>
<div class="slab-grade">
<span class="n">${grade === null || grade === undefined ? '—' : grade}</span>