Migrate the unit-student-enrolment-modal component from CoffeeScript and Angular.js to TypeScript and Angular. The component is used at unit-students-editor component. It creates a dialog to enrol a student with information about studentId and campus. The action can be performed under aconvenor and aadmin account privileges.
How Has This Been Tested?
First, log in as aconvenor or aadmin acount.
Under the Administration section, select Units.
After choosing a specific unit name, select the Students tab.
In the bottom of the webpage, click on the Enrol icon to open a dialog. Users can enter a studentId and select the campus location.
By clicking save, a success message or an error handling will be displayed in the top right corner of the webpage. It indicates the enrolment status. After that, users can filter the studentID to verify the action.
Before:
After:
Successful enrolment message:
Error handling:
Testing Checklist:
[x] Tested in latest Chrome
[x] Tested in latest Safari
[x] Tested in latest Firefox
Checklist:
[x] My code follows the style guidelines of this project
[x] I have performed a self-review of my own code
[ ] I have commented my code in hard-to-understand areas
[ ] I have made corresponding changes to the documentation
Description
Migrate the unit-student-enrolment-modal component from CoffeeScript and Angular.js to TypeScript and Angular. The component is used at unit-students-editor component. It creates a dialog to enrol a student with information about studentId and campus. The action can be performed under aconvenor and aadmin account privileges.
How Has This Been Tested?
Before:
After:
Testing Checklist:
Checklist: