tonym/spoolman2
1
0
Fork 0
Code Issues 19 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Redesign Home Page - More Useful Dashboard #12

New Issue
Closed
opened 2026-01-16 04:12:00 +00:00 by tonym · 0 comments
tonym commented 2026-01-16 04:12:00 +00:00
Owner
Copy Link

Summary

Redesign the home page to be more useful than just stat cards.

Upstream Issues

Design

+------------------------------------------+
|  42 Spools                   [+ Add Spool]|  <- Prominent spool count + quick action
+------------------------------------------+
|  2 pending jobs  |  3 low stock          |  <- Small alert badges (clickable)
+------------------------------------------+
|  All Spools                        [1/3] |
|  +------+----------------+-------------+ |
|  | RED  | Prusament PETG |    847g     | |
|  | BLUE | Hatchbox PLA   |    523g     | |
|  | GRN  | eSUN PLA+      |    102g     | |  <- Paginated spool list (20 per page)
|  | YLW  | Overture PETG  |     45g !!  | |  <- Low stock indicator inline
|  | ...  | ...            |    ...      | |
|  +------+----------------+-------------+ |
|                              Page 1 of 3 |
+------------------------------------------+
|  12 Filaments  |  8 Manufacturers        |  <- Smaller, secondary stats
+------------------------------------------+

Features

1. Prominent Spool Count + Quick Action

  • Large spool count at top
  • "+ Add Spool" button
  • Show total inventory value (if prices tracked)
  • Show total filament weight

2. Alert Badges

  • Pending print jobs count (from slicer integration)
  • Low stock count (spools < 100g)
  • Clickable to filter/view

3. All Spools List

  • Paginated table (20 per page)
  • Columns: Color swatch, Name (filament + vendor), Remaining (g)
  • Low stock indicator inline for spools < 100g
  • Click row to go to spool detail

4. Secondary Stats

  • Filament count, Manufacturer count
  • Smaller/less prominent than spool count

5. Mobile-First

  • Single column layout
  • Everything stacks naturally
  • Spool list is main focus
## Summary Redesign the home page to be more useful than just stat cards. ## Upstream Issues - https://github.com/Donkie/Spoolman/issues/746 - Number of spools in filament overview - https://github.com/Donkie/Spoolman/issues/744 - Additional weight field - https://github.com/Donkie/Spoolman/issues/453 - Data entry UX (dashboard with total weight, value, counts) ## Design ``` +------------------------------------------+ | 42 Spools [+ Add Spool]| <- Prominent spool count + quick action +------------------------------------------+ | 2 pending jobs | 3 low stock | <- Small alert badges (clickable) +------------------------------------------+ | All Spools [1/3] | | +------+----------------+-------------+ | | | RED | Prusament PETG | 847g | | | | BLUE | Hatchbox PLA | 523g | | | | GRN | eSUN PLA+ | 102g | | <- Paginated spool list (20 per page) | | YLW | Overture PETG | 45g !! | | <- Low stock indicator inline | | ... | ... | ... | | | +------+----------------+-------------+ | | Page 1 of 3 | +------------------------------------------+ | 12 Filaments | 8 Manufacturers | <- Smaller, secondary stats +------------------------------------------+ ``` ## Features ### 1. Prominent Spool Count + Quick Action - Large spool count at top - "+ Add Spool" button - Show total inventory value (if prices tracked) - Show total filament weight ### 2. Alert Badges - Pending print jobs count (from slicer integration) - Low stock count (spools < 100g) - Clickable to filter/view ### 3. All Spools List - Paginated table (20 per page) - Columns: Color swatch, Name (filament + vendor), Remaining (g) - Low stock indicator inline for spools < 100g - Click row to go to spool detail ### 4. Secondary Stats - Filament count, Manufacturer count - Smaller/less prominent than spool count ### 5. Mobile-First - Single column layout - Everything stacks naturally - Spool list is main focus
tonym closed this issue 2026-01-16 05:33:38 +00:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
tonym
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: tonym/spoolman2#12
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?