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:
parent
784a82675e
commit
3b86a6c8b3
1 changed files with 36 additions and 0 deletions
|
|
@ -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 -->
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue