Place mapping status with parser tools

This commit is contained in:
2026-08-05 17:59:51 +02:00
parent 588c0bd9cc
commit c94b514647
2 changed files with 10 additions and 10 deletions
+1
View File
@@ -54,6 +54,7 @@ This project replaces the Excel/VBA workflow named `Catalog maker - 20` with a N
- Custom select controls may use a native select as an interaction layer, but the native label must be visually transparent when a separate display label is rendered; never show the same control text twice.
- Runtime button labels must update the existing direct child label span instead of replacing `button.textContent`; state changes must never remove the button icon.
- Parser tools are always visible in the left panel. Do not hide, collapse or replace the parser action buttons with a toggle; the user must see the complete parser action set at all times.
- Mapping status and mapping source details belong directly with the parser action group, because mapping is parser output; keep the existing mapping behavior and only change its placement when refining the sidebar.
## TypeScript workflow
+9 -10
View File
@@ -39,6 +39,15 @@
<button class="action-button" type="button"><svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#eye"></use></svg><span>Preview parsed data</span></button>
<button class="action-button" type="button" disabled><svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#save"></use></svg><span>Apply / Save</span></button>
</div>
<div class="mapping-box parser-mapping-box" id="mappingBox">
<details class="mapping-details" id="mappingDetails">
<summary>
<span class="mapping-state is-missing" id="mappingState">Mapping not loaded</span>
<span class="mapping-toggle" aria-hidden="true"></span>
</summary>
<div class="mapping-list" id="mappingList"></div>
</details>
</div>
</div>
<button class="action-button" id="loadProductButton" type="button"><svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#info"></use></svg><span>Get product info - 00</span></button>
@@ -78,16 +87,6 @@
</select>
</div>
<div class="mapping-box" id="mappingBox">
<details class="mapping-details" id="mappingDetails">
<summary>
<span class="mapping-state is-missing" id="mappingState">Mapping not loaded</span>
<span class="mapping-toggle" aria-hidden="true"></span>
</summary>
<div class="mapping-list" id="mappingList"></div>
</details>
</div>
<button class="action-button primary" type="button"><svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#menu"></use></svg><span>Show menu (20)</span></button>
<button class="action-button" type="button"><svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#scan"></use></svg><span>Scraper - 03</span></button>
<button class="action-button" type="button"><svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#erase"></use></svg><span>BG remover - 04</span></button>