Course Administration - Applications (Part 3)

[steffen74]

This issue is part of a series of four issues in total, where each issue is describing a view with a common top and bottom section.

Details

• The URL of the site is: [domain]/course/?course_id=xyz&tab=applicants (however, you can also choose a different format)
• The site is accessed by double clicking on corresponding row in the course overview table (see issue Admin Course Overview #41), by clicking on the corresponding tab in the top section in one of the related views, or by clicking on the "Next" button in the previous tab.
• The design should be as follows:
  • Desktop: https://www.figma.com/file/TtucXsvBOfZE7NZKzTimrA/edu-Wireframe-%E2%80%93-WIP?node-id=1608%3A5917
  • Mobile: no particular design; should only be functional

Top section

• See issue Course Administration - Description (Part 1) #50

Middle Section

• This section includes a table with the information on the applications for the given course and with the option to rate each applicant's motivation letter and review basic information on the applicant.

• Above and below the table is a legend for the four different ratings a motivation letter can be given.

• The table includes the following five columns:

  • First name [Enrollment:UserId--User:Firstname]
  • Last name [Enrollment:UserId--User:Lastname]
  • Motivation letter [Enrollment:MotivationLetter] with the text truncated to fit the column width.
  • Motivation rating [Enrollment:MotivationRating] shown as a filled circle in the colors according to the legend.
  • Status [Enrollment:Status], which shows the applicants current enrollment status
    • If [Enrollment:Status] equals "INVITED" and the current date is after [Enrollment:ExpirationDate], it is not the icon for "Invited" shown but the one for "Expired" (see legend below).
    • Instead of a legend, the title of the current status is given via a tool tip on mouse over the status icon. The icons and titles for the 6 different status that are possible are given here.

• Additional to the main fields each row of an application can be unfolded by clicking on the downward pointing arrow on the right. As soon as the application is unfolded the arrow points upwards. Collapsing the appplication is done by clicking on the arrow, which the again points downwards. It is possible to unfold as many applications as are shown. The fields shown in the unfolded status are:

  • on the left side: the applicants email address [Enrollment:UserId--User:Email]
  • the further information below the email address is optional (see comment below)
  • the full text of the motivation letter [Enrollment:MotivationLetter]
  • on the right side: a horizontal radio button element to set the rating of the motivation letter [Enrollment:MotivationRating]; when the rating is changed here, it is updated correspondingly in the table row above.
  • if the Status of the application [Enrollment:Status] equals "INVITED" a text field showing the expiration date of the invitation to participate [Enrollment:ExpirationDate] is shown below the radio button element.

Bottom Section

• A "Next" button to proceed to the next tab (see issue Course Administration - Session Dates (Part 2) #51). However, a change to the next tab is only possible if Course:Status is unequal to "DRAFT", "READYFORPUBLICATION", and "READYFORAPPLICATION". If the status does not have a corresponding value, it is checked whether the current state of fields allows for a status change. If the conditions are met the Course:Status field is changed to "APPLICANTSINVITED" and the next tab is opened. If the conditions are not met, an error message is displayed stating: "The next section is only available if at least one applicant conformed the participation!".
• The conditions to change the status are:
  • at least one user confirmed the participation [Enrollment:Status=="CONFIRMED"].

Context Menu Actions

• One or several applicants (i.e. rows) can be selected by clicking on it (for multiple rows using the combinations with the alt and ctrl keys) and by using the right mouse button a context menu can be opened.
• However, only for admin users a context menu is opened (in the future there might also be a context menu for instructors), which includes the item "Invite", and by selecting the item a modal is opened to initiate the invitation of the selected participants; the form of the modal is described in issue Modal to Send Course Invitations #58

Optional and Future Implementations

• Allow to adjust the column width
• Add additional information on the left side of the unfolded application:
  • Employment Status [Enrollment:UserId--User:Employment]
  • The titles of the courses for other enrollments in the same program
  • The total number of enrollments for programs with an Program:End before the current date
  • The total number of participations [Enrollment:Status is equal to "CONFIRMED", "ABORTED", or "COMPLETED"] for programs with an Program:End before the current date
  • The total number of successful completions [Enrollment:Status is equal to "COMPLETED"]