Skip to content

refactor: migrate unit portfolios state to Angular component#448

Open
millyamolo wants to merge 6 commits intothoth-tech:10.0.xfrom
millyamolo:feat/angular17-portfolios-migration
Open

refactor: migrate unit portfolios state to Angular component#448
millyamolo wants to merge 6 commits intothoth-tech:10.0.xfrom
millyamolo:feat/angular17-portfolios-migration

Conversation

@millyamolo
Copy link
Copy Markdown

@millyamolo millyamolo commented Mar 25, 2026

Replace the legacy AngularJS portfolios controller/template with a downgraded Angular component. This keeps the route while moving tab/filter/grading behavior onto the Angular 17 path.

Summary

  • Replace legacy AngularJS portfolios state controller/template logic with a downgraded Angular 17 component.
  • Add Angular component for tabs, filtering/search/sort/pagination, portfolio view, and grading workflow.
  • Keep route compatibility by using portfolios.tpl.html as a wrapper that renders <f-portfolios>.

Before / After Screenshots

Before (AngularJS)

  • Select Student tab
image - [ ] View Portfolio tab image - [ ] Assess Portfolio tab image

After (Angular 17)

  • Select Student tab
image - [ ] View Progress tab image -[] View Portfolio tab image - [ ] Assess Portfolio tab image ## Test Plan - [ ] Open `/units/:unitId/students/portfolios` - [ ] Select a student - [ ] Switch between tabs quickly (no hanging) - [ ] Validate filters/search/sort/pagination - [ ] Validate grade + Save flow

Replace the legacy AngularJS portfolios controller/template with a downgraded Angular component.
This keeps the route while moving tab/filter/grading behavior onto the Angular 17 path.

Made-with: Cursor
@millyamolo millyamolo changed the base branch from development to 10.0.x March 25, 2026 20:57
@millyamolo millyamolo closed this Mar 25, 2026
@millyamolo millyamolo reopened this Mar 25, 2026
@millyamolo millyamolo force-pushed the feat/angular17-portfolios-migration branch from bd59ce9 to 736a742 Compare April 1, 2026 15:12
@millyamolo millyamolo force-pushed the feat/angular17-portfolios-migration branch from e832e0b to ee4bb41 Compare April 2, 2026 15:01
@millyamolo millyamolo force-pushed the feat/angular17-portfolios-migration branch from 95705c7 to 7b42dae Compare April 4, 2026 07:45
MatChipListbox is not an NgModule; MatChipsModule already provides chip listbox.

Portfolios: migrate state to Angular component shell, drop duplicate legacy
template/controller wiring from portfolios.tpl.html and portfolios.coffee.

Made-with: Cursor
Copy link
Copy Markdown

@WaelAlahamdi WaelAlahamdi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Reviewed locally and tested successfully. The migration now keeps the portfolios route on the Angular wrapper, restores the progress dashboard path, and covers the expected portfolios flow across Select Student, View Progress, View Staff Notes, View Portfolio, and Assess Portfolio. Approved.

Copy link
Copy Markdown

@davidngash98 davidngash98 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Reviewed following OnTrack guidelines and everything works as described.
The migration from AngularJS to Angular 17 is clean, the downgrade bridge is consistent with the rest of the codebase and all three tabs (Select Student, View Portfolio, Assess Portfolio) function correctly. The grade tab save flow works without issues.
Excellent work

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants