[GH-ISSUE #68] [Feature]: Expand / Collapse tree in Inventory - Save last view #82

New issue

Closed

opened 2026-03-07 19:27:23 +03:00 by kerem · 3 comments

kerem commented

2026-03-07 19:27:23 +03:00

Owner

Originally created by @nothing-fr on GitHub (Mar 3, 2026).
Original GitHub issue: https://github.com/adminsyspro/proxcenter-ui/issues/68

Feature Description

Is it possible to add buttons to expand or collapse the entire tree at once in the Inventory view?

Also, the view is not saved from one session to the next. Is it possible to keep the last selected view ?

Problem / Use Case

It is not very practical to have to expand or collapse the shaft every time.
The selected “view” is not retained from one session to the next.

Proposed Solution

Add button to expand / collapse the full tree or partially by host ?
Keep the last view used in localstorage / preferences

Alternatives Considered

No response

How important is this feature to you?

Nice to have

Additional Context

Just for QoL

Contribution

I would be willing to help implement this feature

Originally created by @nothing-fr on GitHub (Mar 3, 2026). Original GitHub issue: https://github.com/adminsyspro/proxcenter-ui/issues/68 ### Feature Description - Is it possible to add buttons to expand or collapse the entire tree at once in the Inventory view? Also, the view is not saved from one session to the next. Is it possible to keep the last selected view ? ### Problem / Use Case - It is not very practical to have to expand or collapse the shaft every time. - The selected “view” is not retained from one session to the next. ### Proposed Solution - Add button to expand / collapse the full tree or partially by host ? - Keep the last view used in localstorage / preferences ### Alternatives Considered _No response_ ### Category UI / UX ### How important is this feature to you? Nice to have ### Additional Context Just for QoL ### Contribution - [ ] I would be willing to help implement this feature

kerem

2026-03-07 19:27:23 +03:00

closed this issue
added the
enhancement

feature-request
labels

kerem commented

2026-03-13 17:16:05 +03:00

Author

Owner

@adminsyspro commented on GitHub (Mar 4, 2026):

Implémenté dans a474bb8 :

Boutons Expand All / Collapse All dans le toolbar de l'inventaire (visibles en mode arbre + modes groupés hosts/pools/tags)
État d'expansion contrôlé : l'arbre passe en mode fully controlled (expandedItems + onExpandedItemsChange)
Persistance localStorage : le mode de vue (inventoryViewMode), les items dépliés (inventoryExpandedItems) et les sections repliées (inventoryCollapsedSections) sont sauvegardés et restaurés entre les sessions
Hydratation SSR-safe avec pattern isHydrated pour éviter les mismatches
Recherche : l'auto-expand continue de fonctionner normalement quand une recherche est active
Traductions ajoutées en EN et FR (inventory.expandAll / inventory.collapseAll)

@adminsyspro commented on GitHub (Mar 4, 2026): Implémenté dans a474bb8 : - **Boutons Expand All / Collapse All** dans le toolbar de l'inventaire (visibles en mode arbre + modes groupés hosts/pools/tags) - **État d'expansion contrôlé** : l'arbre passe en mode fully controlled (`expandedItems` + `onExpandedItemsChange`) - **Persistance localStorage** : le mode de vue (`inventoryViewMode`), les items dépliés (`inventoryExpandedItems`) et les sections repliées (`inventoryCollapsedSections`) sont sauvegardés et restaurés entre les sessions - **Hydratation SSR-safe** avec pattern `isHydrated` pour éviter les mismatches - **Recherche** : l'auto-expand continue de fonctionner normalement quand une recherche est active - **Traductions** ajoutées en EN et FR (`inventory.expandAll` / `inventory.collapseAll`)

kerem commented

2026-03-13 17:16:10 +03:00

Author

Owner

@adminsyspro commented on GitHub (Mar 4, 2026):

Implemented in a474bb8:

Expand All / Collapse All buttons in the inventory toolbar (visible in tree mode + grouped modes hosts/pools/tags)
Controlled expansion state: the tree now uses fully controlled expandedItems + onExpandedItemsChange
localStorage persistence: view mode (inventoryViewMode), expanded items (inventoryExpandedItems) and collapsed sections (inventoryCollapsedSections) are saved and restored across sessions
SSR-safe hydration using the isHydrated pattern to avoid mismatches
Search: auto-expand still works normally when a search is active
Translations added in EN and FR (inventory.expandAll / inventory.collapseAll)

@adminsyspro commented on GitHub (Mar 4, 2026): Implemented in a474bb8: - **Expand All / Collapse All buttons** in the inventory toolbar (visible in tree mode + grouped modes hosts/pools/tags) - **Controlled expansion state**: the tree now uses fully controlled `expandedItems` + `onExpandedItemsChange` - **localStorage persistence**: view mode (`inventoryViewMode`), expanded items (`inventoryExpandedItems`) and collapsed sections (`inventoryCollapsedSections`) are saved and restored across sessions - **SSR-safe hydration** using the `isHydrated` pattern to avoid mismatches - **Search**: auto-expand still works normally when a search is active - **Translations** added in EN and FR (`inventory.expandAll` / `inventory.collapseAll`)

kerem commented

2026-03-13 17:16:15 +03:00

Author

Owner

@nothing-fr commented on GitHub (Mar 4, 2026):

Everything seems to be working fine, thank you for your consideration and responsiveness ;)

@nothing-fr commented on GitHub (Mar 4, 2026): Everything seems to be working fine, thank you for your consideration and responsiveness ;)