Adds debug codes for product scanning

Includes example EAN codes for testing product scanning functionality
Enhances UI with debug section for easier testing of scanner feature

Improves development and testing experience
This commit is contained in:
Janus C. H. Knudsen 2026-01-02 09:30:38 +01:00
parent 784a82675e
commit 3b86a6c8b3

View file

@ -662,6 +662,35 @@
pointer-events: none; pointer-events: none;
} }
swp-debug-codes {
display: flex;
flex-direction: column;
gap: 4px;
margin-top: 16px;
padding: 12px;
background: var(--color-background-alt);
border: 1px dashed var(--color-border);
border-radius: 6px;
font-size: 11px;
color: var(--color-text-secondary);
}
swp-debug-codes strong {
color: var(--color-text);
margin-bottom: 4px;
}
swp-debug-codes code {
font-family: var(--font-mono);
font-size: 11px;
background: var(--color-surface);
padding: 2px 6px;
border-radius: 3px;
margin-right: 8px;
user-select: all;
cursor: pointer;
}
/* Loading State */ /* Loading State */
swp-scanner-loading { swp-scanner-loading {
display: none; display: none;
@ -1009,6 +1038,13 @@
SCAN STREGKODE SCAN STREGKODE
</swp-scan-button> </swp-scan-button>
<swp-scanner-hint>Klik på knappen og scan produktets stregkode</swp-scanner-hint> <swp-scanner-hint>Klik på knappen og scan produktets stregkode</swp-scanner-hint>
<swp-debug-codes>
<strong>Test EAN-koder:</strong>
<code>884486532879</code> Redken Serum
<code>3474636610143</code> Kérastase Olie
<code>0850018802239</code> Olaplex No.7
<code>4015600159122</code> Wella Glam Mist
</swp-debug-codes>
</swp-scanner-ready> </swp-scanner-ready>
<!-- Scanning State --> <!-- Scanning State -->