1.5 KiB
1.5 KiB
Why
The Shot page already has a column visibility control component (ShotColumnVisibilityControl.vue) that allows users to toggle which columns to display in the Shot data table. However, users need to navigate to the Shot page to access this functionality. Adding a column display switch directly to the Sidebar will improve user experience by providing quick access to toggle Shot table columns from anywhere in the application, without needing to first navigate to the Shot page.
What Changes
- Add a new Sidebar menu item or control section in the Sidebar for Shot column visibility
- Create a global column visibility state that can be accessed from the Sidebar
- Integrate the existing column toggle logic into the Sidebar component
- Persist user column preferences globally (so they apply across all views)
- Add appropriate UI components (switch/checkbox) in the Sidebar for quick column toggling
Capabilities
New Capabilities
shot-column-display-switch: Add a Sidebar control for toggling Shot data table column visibility globally
Modified Capabilities
- None. This is a new feature that doesn't change existing requirements.
Impact
- Frontend: New Sidebar component or modification to AppSidebar.vue
- State Management: May need to add a Pinia store or extend existing store for global column visibility state
- No API changes required
- Existing ShotColumnVisibilityControl component can be reused or adapted
- Minimal impact on existing functionality