Skip to content

[feature] Interactive training#221

Merged
adrianq merged 81 commits intodevelopmentfrom
feature/interactive-training
Feb 26, 2026
Merged

[feature] Interactive training#221
adrianq merged 81 commits intodevelopmentfrom
feature/interactive-training

Conversation

@gqcorneby
Copy link
Copy Markdown
Contributor

@gqcorneby gqcorneby commented Nov 21, 2025 •
edited
Loading

📌 References

📝 Implementation

Interactive training module

  • create provider wrapper to handle interactive training
  • add event listeners and map event to page content
  • create a path listener that's independent from router library

Configurations

  • add Page bindings (configuration that maps pages to specific identifiers and events)
  • add container config (dialog or side panel)

Additional Notes

  • when more than one page is mapped to an event, concat in the same order as pages
  • content relative document paths are transformed to use api path
  • fixed bug: everything after an embedded pdf disappears. Need to explicitly add a close open pdf tag

📹 Screenshots/Screen capture

2025-11-21.13-37-43.mp4

🔥 How to test it? (If there is any special consideration or the reviewer does not know how to test it)

Actual component testing can be done here using this branch of CPR
https://github.com/EyeSeeTea/central-planning-reporting/pull/487

  • in this branch of training app, run yarn build-lib
  • in the CPR branch, run yarn add ../training-app/dist

📑 Others

  • Any change in the API repo? If so, what branch/PR?
  • Any change in the GUI library? If so, what branch/PR?

@gqcorneby
remove @eyeseetea/d2-api from peer dependency
d7002a4
@gqcorneby
move training-module to a subfolder
6d74ffc
@gqcorneby
initial interactiveModuleProvider
6ba59f7
@gqcorneby
refactor StepPreview into a component
83140d0
@gqcorneby
fetch, edit, and save page bindings
e2e6d2c
@gqcorneby
update add event bindings at provider level instead of a separate sco…
7fd099d 
…pe component
@gqcorneby
Add a training wrapper for consumer app
63df652
@gqcorneby
fix highlight
58abad2
@gqcorneby
fix section binding
2da5ab2
@gqcorneby
update dropdown: use generic type
9b37d3a
@gqcorneby
remove hover
76d3961
@gqcorneby
add option to highlight elements with binding
d31deb4
@gqcorneby
handle event prioritization
42f0f86
@gqcorneby
clean up useBindEvents
bda575d
@gqcorneby
clean up event listeners and event binding
039c16a
@gqcorneby
update to maybe
7347b00
@gqcorneby
update and save container config
eebf5e7
@gqcorneby
clean up dependencies
414ef52
@gqcorneby
sidebar panel and draggable modal
f2f2810
@gqcorneby
clean up
6cdaace
@gqcorneby
transform url
8f3014b
@gqcorneby
fix scrolls
da4340b
@gqcorneby
overflow auto
0c89eb6
@gqcorneby
fix bug: everything disappears after embedded pdf
49027d0
@gqcorneby
update effect dependency
f99dd8b
@gqcorneby
remove iframe bindings
4df2e62
@gqcorneby
translation and side bar height
7c4c653
@gqcorneby
update default to sidebar
da2ca5d
@bundlemon
Copy link
Copy Markdown

bundlemon Bot commented Nov 21, 2025 •
edited
Loading

BundleMon

No change in files bundle size

Groups updated (1)
Status Path Size Limits
✅ Build Folder
./**/*
 13.06MB (-819.74KB -5.78%) +20%

Final result: ✅

View report in BundleMon website ➡️

Current branch size history | Target branch size history

@gqcorneby gqcorneby requested a review from adrianq November 21, 2025 06:03
@gqcorneby
Copy link
Copy Markdown
Contributor Author

gqcorneby commented Feb 18, 2026

Adding collapse mode "mini" where side panel is always visible

2026-02-18.20-49-13.mp4

@gqcorneby
bump version
2e13a0b
@gqcorneby
Merge branch 'development' into feature/interactive-training
63c7beb 
# Conflicts:
#	i18n/en.pot
#	i18n/es.po
#	i18n/fr.po
#	src/domain/entities/TrainingModule.ts
#	src/domain/helpers/TrainingModuleHelpers.ts
#	src/domain/usecases/GetConfigUseCase.ts
#	src/webapp/components/home/Modules.tsx
#	src/webapp/components/home/Root.tsx
#	src/webapp/components/landing-page-list-table/LandingPageListTable.tsx
#	src/webapp/components/module-creation-wizard/steps/ContentsStep.tsx
#	src/webapp/components/module-list-table/ModuleListTable.tsx
#	src/webapp/pages/home/HomePage.tsx
#	src/webapp/pages/settings/SettingsPage.tsx
@gqcorneby
remove duplicate and update translations
a6b38b8
@gqcorneby
fix settings page bindings handling after merging
9de41ab
@gqcorneby
remove unused props
cae9fcc
@gqcorneby
update container config handling after merge
a6033e2
@gqcorneby
refactor MainLandingPage to HomePageContent landings filtering in int…
dd33fc5 
…eractive training landing
@gqcorneby
update url handling
86e7fbb
@gqcorneby
fix empty panel display
34aa498
@gqcorneby
add container config after merge
b4ab148
@gqcorneby
bump beta
c42e197
@gqcorneby
include all modules in main landing
d27f6af
@gqcorneby
update translations
7bc186c
@gqcorneby
normalize custom text when cleared, use default
0781c5b
@gqcorneby
fix custom logo
0ec03bd
@gqcorneby
clean up unused imports and variables, logs, and add missing dependen…
c9a27fb 
…cies
@gqcorneby
clean up persisted binding handling
c9cba05
@gqcorneby
limit scrollable key appending
8c1c886
@gqcorneby
rename training navigation hook
3b9ecc2
@adrianq adrianq merged commit 3d333cf into development Feb 26, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@tokland tokland tokland approved these changes

@adrianq adrianq Awaiting requested review from adrianq

@eperedo eperedo Awaiting requested review from eperedo

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@gqcorneby @tokland @adrianq