refactor(WorkgroupComponentGrading): Convert to standalone

[hirokiterashima]

Changes

This pull request includes significant changes to the WorkgroupComponentGradingComponent and its integration within the project. The updates involve refactoring the component to be standalone, modifying its template and TypeScript logic, and updating related HTML files to reflect these changes.

Refactoring and Component Updates:

• src/assets/wise5/classroomMonitor/classroomMonitorComponents/workgroup-component-grading/workgroup-component-grading.component.ts: Refactored the component to be standalone, added necessary imports, and updated the initialization logic to use protected members and dependency injection. [1] [2]
• src/assets/wise5/classroomMonitor/classroomMonitorComponents/workgroup-component-grading/workgroup-component-grading.component.html: Replaced Angular's *ngIf structural directives with Angular's @if syntax for better readability and performance. [1] [2]

Integration Updates:

• src/app/teacher/grading-common.module.ts: Updated the module declarations and imports to accommodate the refactored WorkgroupComponentGradingComponent.
• Multiple HTML files (milestone-workgroup-item.component.html, workgroup-item.component.html, step-item.component.html): Removed the usage of workgroup-component-grading tags and replaced them with self-closing tags to align with the new component structure. [1] [2] [3] [4]

Translation File Updates:

• src/messages.xlf: Updated translation unit IDs and context information to reflect changes in the workgroup-component-grading.component.html file.

Test

• Workgroup grading works as before in the CM. Be sure to test revision and Milestone views.

[hirokiterashima]

🎉 This issue has been resolved in version 5.163.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀