Add subcategories stat row to menu summary card in setup wizard

Shows subcategory count as a separate indented row beneath categories
when subcategories are present.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
John Mizerek 2026-03-01 10:37:27 -08:00
parent 3c0311c1d5
commit ffedc26150

View file

@ -883,6 +883,10 @@
<span class="summary-stat-label">Categories</span> <span class="summary-stat-label">Categories</span>
<span class="summary-stat-value" id="summaryCategories">0</span> <span class="summary-stat-value" id="summaryCategories">0</span>
</div> </div>
<div class="summary-stat" id="summarySubcategoriesRow" style="display:none;">
<span class="summary-stat-label" style="padding-left:12px;color:var(--gray-500);">Subcategories</span>
<span class="summary-stat-value" id="summarySubcategories">0</span>
</div>
<div class="summary-stat"> <div class="summary-stat">
<span class="summary-stat-label">Modifier Templates</span> <span class="summary-stat-label">Modifier Templates</span>
<span class="summary-stat-value" id="summaryModifiers">0</span> <span class="summary-stat-value" id="summaryModifiers">0</span>
@ -2916,9 +2920,14 @@
const topCats = categories.filter(c => !c.parentCategoryName); const topCats = categories.filter(c => !c.parentCategoryName);
const subCats = categories.filter(c => c.parentCategoryName); const subCats = categories.filter(c => c.parentCategoryName);
document.getElementById('summaryCategories').textContent = subCats.length > 0 document.getElementById('summaryCategories').textContent = topCats.length > 0 ? topCats.length : categories.length;
? `${topCats.length} (${subCats.length} subcategories)` const subRow = document.getElementById('summarySubcategoriesRow');
: categories.length; if (subCats.length > 0) {
document.getElementById('summarySubcategories').textContent = subCats.length;
subRow.style.display = '';
} else {
subRow.style.display = 'none';
}
document.getElementById('summaryModifiers').textContent = modifiers.length; document.getElementById('summaryModifiers').textContent = modifiers.length;
document.getElementById('summaryItems').textContent = items.length; document.getElementById('summaryItems').textContent = items.length;