Tyler/StepForge
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Use display labels for annotation types in the Annotations list and copy-style text
Template tests / tests (push) Successful in 1m40s
Details
Template tests / tests (pull_request) Successful in 1m40s
Details

Browse Source 
The per-annotation list cards and the "Copy this style to every other
... annotation" text/tooltips were still showing raw type ids (rect,
arrow, etc). Use ANNOTATION_TYPE_LABELS for these too.
This commit is contained in:
Tyler
2026-06-15 09:46:31 -05:00
parent 6408040623
commit 2bb17b170e
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/renderer/editor.js
+5 -4
View File
@@ -962,7 +962,7 @@ class GuideEditor {
dataset: { annId: ann.id }, dataset: { annId: ann.id },
style: { cursor: 'pointer', borderColor: selected ? 'var(--accent)' : '' }, style: { cursor: 'pointer', borderColor: selected ? 'var(--accent)' : '' },
}, },
el('div.row', {}, el('strong', {}, ann.type), el('span.muted', {}, ann.text || ann.value || '')), el('div.row', {}, el('strong', {}, ANNOTATION_TYPE_LABELS[ann.type] || ann.type), el('span.muted', {}, ann.text || ann.value || '')),
el('div.muted', {}, `${ann.x.toFixed(3)}, ${ann.y.toFixed(3)} · ${ann.w.toFixed(3)} × ${ann.h.toFixed(3)}`))); el('div.muted', {}, `${ann.x.toFixed(3)}, ${ann.y.toFixed(3)} · ${ann.w.toFixed(3)} × ${ann.h.toFixed(3)}`)));
} }
} }
@@ -1013,6 +1013,7 @@ class GuideEditor {
const fields = new Set(ANNOTATION_FIELDS[selected.type] || []); const fields = new Set(ANNOTATION_FIELDS[selected.type] || []);
const strokeLabel = (selected.type === 'text' || selected.type === 'number') ? 'Color' : 'Stroke'; const strokeLabel = (selected.type === 'text' || selected.type === 'number') ? 'Color' : 'Stroke';
const typeLabel = ANNOTATION_TYPE_LABELS[selected.type] || selected.type;
const rows = [labeledRow('Type', typeSelect)]; const rows = [labeledRow('Type', typeSelect)];
if (fields.has('text')) rows.push(labeledRow('Text', textInput)); if (fields.has('text')) rows.push(labeledRow('Text', textInput));
@@ -1026,16 +1027,16 @@ class GuideEditor {
if (fields.has('radius')) rows.push(labeledRow('Radius', radiusInput)); if (fields.has('radius')) rows.push(labeledRow('Radius', radiusInput));
if (fields.has('tail')) rows.push(labeledRow('Tail', tailInput)); if (fields.has('tail')) rows.push(labeledRow('Tail', tailInput));
rows.push( rows.push(
el('div.muted', {}, `Copy this style to every other "${selected.type}" annotation:`), el('div.muted', {}, `Copy this style to every other "${typeLabel}" annotation:`),
el('div.row', {}, el('div.row', {},
el('button', { el('button', {
type: 'button', type: 'button',
title: `Overwrite the style of every "${selected.type}" annotation on this step with the style shown above.`, title: `Overwrite the style of every "${typeLabel}" annotation on this step with the style shown above.`,
onClick: () => this.applyStyleAcross('step'), onClick: () => this.applyStyleAcross('step'),
}, 'This step'), }, 'This step'),
el('button', { el('button', {
type: 'button', type: 'button',
title: `Overwrite the style of every "${selected.type}" annotation across all steps in this guide with the style shown above.`, title: `Overwrite the style of every "${typeLabel}" annotation across all steps in this guide with the style shown above.`,
onClick: () => this.applyStyleAcross('guide'), onClick: () => this.applyStyleAcross('guide'),
}, 'Entire guide'), }, 'Entire guide'),
), ),