Files
electronics-inventory/public/index.html
mikael-lovqvists-claude-agent 57c697cbfc Add component name formatters and grid-link navigation
Templates section:
- Define JS formatter functions per template (e.g. resistor, capacitor)
- First non-null result from any formatter is used as display name
- Live preview in template editor against first component
- Display names applied in component list, detail view, and inventory rows

Grid navigation:
- Grid-type inventory entries in component detail view show a '⊞' button
  to navigate directly to that grid's viewer

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-21 00:07:01 +00:00

25 lines
830 B
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Electronics Inventory</title>
<link rel="stylesheet" href="/style.css">
<link rel="preload" as="fetch" href="/templates.html" crossorigin>
</head>
<body>
<header>
<div class="app-title">Electronics Inventory</div>
<nav>
<button class="nav-btn active" data-section="components">Components</button>
<button class="nav-btn" data-section="inventory">Inventory</button>
<button class="nav-btn" data-section="fields">Fields</button>
<button class="nav-btn" data-section="grids">Grids</button>
<button class="nav-btn" data-section="templates">Templates</button>
</nav>
</header>
<main id="main"></main>
<script type="module" src="/app.mjs"></script>
</body>
</html>