CubeCraft-Creations/Extrudex
9
0
Fork 0
Code Issues Pull Requests 7 Actions Packages Projects Releases Wiki Activity

CUB-43: add inventory dashboard summary component with FilamentService

Browse Source
This commit is contained in:
rex-bot
2026-04-27 18:11:30 -04:00
parent f70495a85c
commit e56aa3ba39
7 changed files with 396 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/app/components/inventory-summary/inventory-summary.component.html Normal file
View File

@@ -0,0 +1,28 @@
<!-- Inventory Summary Bar — filament metrics at a glance -->
<section class="inventory-summary" role="status" aria-label="Inventory summary">
<!-- Total Filament Count -->
<div class="summary-item" matTooltip="Total active spools in inventory" matTooltipPosition="below">
<mat-icon aria-hidden="true">inventory_2</mat-icon>
<span class="metric-value">{{ totalFilamentCount() }}</span>
<span class="metric-label">Spools</span>
</div>
<!-- Low Stock Count -->
<div class="summary-item low-stock"
[class.has-alerts]="hasLowStock()"
[class.has-critical]="hasCriticalStock()"
matTooltip="Spools below 25% remaining" matTooltipPosition="below">
<mat-icon aria-hidden="true">{{ hasCriticalStock() ? 'error' : hasLowStock() ? 'warning' : 'check_circle' }}</mat-icon>
<span class="metric-value">{{ lowStockCount() }}</span>
<span class="metric-label">Low Stock</span>
</div>
<!-- Estimated Total Value -->
<div class="summary-item" matTooltip="Estimated total value of active spools" matTooltipPosition="below">
<mat-icon aria-hidden="true">payments</mat-icon>
<span class="metric-value">{{ formatCurrency(estimatedTotalValue()) }}</span>
<span class="metric-label">Value</span>
</div>
</section>