mikael-lovqvists-claude-agent/electronics-inventory
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Inventory view: click component name to navigate to component detail

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
mikael-lovqvists-claude-agent
2026-03-22 01:27:11 +00:00
parent bc339bd073
commit d489c1e306
2 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/app.mjs
View File

@@ -550,7 +550,15 @@ function render_inventory_list() {
function build_inventory_row(entry) {
const row = clone('t-inventory-row');
const comp = component_by_id(entry.component_id);
set_text(row, '.inv-component-name', comp ? component_display_name(comp) : '(deleted component)');
const name_el = qs(row, '.inv-component-name');
name_el.textContent = comp ? component_display_name(comp) : '(deleted component)';
if (comp) {
name_el.classList.add('inv-component-link');
name_el.addEventListener('click', () => {
selected_component_id = comp.id;
navigate('/components');
});
}
const pill = document.createElement('span');
pill.className = `type-pill type-${entry.location_type}`;

9
public/style.css
View File

@@ -643,6 +643,15 @@ nav {
.type-pill.type-bom { background: var(--badge-bom-bg); color: var(--badge-bom-text); }
.type-pill.type-digital { background: var(--badge-digital-bg); color: var(--badge-digital-text); }
.inv-component-link {
cursor: pointer;
color: var(--accent);
}
.inv-component-link:hover {
text-decoration: underline;
}
.inv-quantity {
font-family: var(--font-mono);
font-size: 0.9rem;