refactor(StudentProgressComponent): Convert to standalone #2021
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Changes
This pull request includes significant updates to the
StudentProgressComponent
in the classroom monitor module. The changes focus on refactoring the component to use Angular's standalone components, improving encapsulation, and updating the template syntax. Additionally, the test file for the component has been simplified.Refactoring and Encapsulation:
src/assets/wise5/classroomMonitor/student-progress/student-progress.component.ts
: Updated the component to be a standalone component with improved encapsulation. Several properties were changed from public to protected or private, and the imports were updated to include necessary Angular Material modules and components. [1] [2] [3] [4] [5] [6]Template Syntax Improvements:
src/assets/wise5/classroomMonitor/student-progress/student-progress.component.html
: Replaced Angular template syntax with Angular's new template syntax for better readability and maintainability. [1] [2] [3]Test File Simplification:
src/assets/wise5/classroomMonitor/student-progress/student-progress.component.spec.ts
: Simplified the test setup by removing unnecessary imports and updating property access to use TypeScript's private and protected access modifiers. [1] [2] [3] [4] [5]Module Import Changes:
src/app/teacher/classroom-monitor.module.ts
: Removed theProjectProgressComponent
and re-added theStudentProgressComponent
to the declarations and imports arrays. [1] [2] [3]Test