admin/HighCostDrugsDemo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add chart type toggle for Directory/Indication views (Task 4.1, 4.2, 4.3)

Browse Source 
- Add selected_chart_type state variable and set_chart_type() handler
- Add chart_type filter to load_pathway_data() WHERE clause
- Create segmented control toggle component in filter strip
- Add dynamic hierarchy label (Directorate vs Indication)
- Update chart title to include chart type prefix
This commit is contained in:
Andrew Charlwood
2026-02-05 19:39:34 +00:00
parent 2deaa2f6da
commit 6f88a59978
3 changed files with 191 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
IMPLEMENTATION_PLAN.md
+14 -12
View File
@@ -107,26 +107,28 @@ python -m reflex compile
## Phase 4: Reflex UI Updates
### 4.1 Add Chart Type State
- [ ] Add state variables to `AppState`:
- [x] Add state variables to `AppState`:
- `selected_chart_type: str = "directory"` (options: "directory", "indication")
- `chart_type_options: list[dict]` for dropdown
- [ ] Add `set_chart_type()` event handler
- [ ] Update `load_pathway_data()` to filter by chart_type
- [ ] Verify: State changes correctly, data queries include chart_type filter
- [x] Add `set_chart_type()` event handler
- [x] Update `load_pathway_data()` to filter by chart_type
- [x] Verify: State changes correctly, data queries include chart_type filter
### 4.2 Add Chart Type Toggle UI
- [ ] Create `chart_type_toggle()` component:
- Radio buttons or segmented control: "By Directory" | "By Indication"
- Place in filter strip or chart header area
- [ ] Wire to `set_chart_type()` handler
- [ ] Verify: Toggle switches chart data, UI updates reactively
- [x] Create `chart_type_toggle()` component:
- Segmented control with pill-style buttons: "By Directory" | "By Indication"
- Placed in filter strip, first element before date filters
- [x] Wire to `set_chart_type()` handler
- [x] Verify: Toggle switches chart data, UI updates reactively (reflex compile passed)
### 4.3 Update Chart Display for Indication Labels
- [ ] Ensure icicle chart handles mixed labels:
- [x] Ensure icicle chart handles mixed labels:
- Search_Term labels (e.g., "rheumatoid arthritis") for matched patients
- Directorate labels (e.g., "RHEUMATOLOGY (no GP dx)") for unmatched
- [ ] Update hover templates if needed for indication context
- [ ] Verify: Chart renders correctly with both label types
- Note: labels come from pathway_nodes pre-computed data, no template changes needed
- [x] Update hierarchy description (dynamic: "Trust → Directorate → ..." or "Trust → Indication → ...")
- [x] Update chart title to include chart type prefix
- [x] Verify: Chart renders correctly with both label types (reflex compile passed)
---