Addons for the User Profile View

[steffen74]

This view is for the user to change his own profile information as well as for the admin to change the profile information for a selected user.
This issue is part of the participant functionality as well as part of the back-office, This part is therefore mobile first.

For the MVP only the top part to show/change the profile information is relevant. The bottom part including information on past participation etc. is optional or for future implementations.

Details

• The URL of the site is: [domain]/profile/id=xyz
• A special URL for this site is [domain]/profile/id=new. This site displays all entry fields with empty values and creates a new user when the
• The site is accessible via an additional menu item "Profile" in the standard header menu or for an admin via the site displaying the currently existing users by clicking on a the corresponding user row (cf. mockup here)
• The design should be as follows:
  • Desktop: https://www.figma.com/file/TtucXsvBOfZE7NZKzTimrA/edu-Wireframe-%E2%80%93-WIP?node-id=3615%3A9852
  • Mobile: https://www.figma.com/file/TtucXsvBOfZE7NZKzTimrA/edu-Wireframe-%E2%80%93-WIP?node-id=3612%3A9687
• A top section including the profile photo and the first name of the currently displayed profile
  • if the users clicks on the photo a dialogue is opened to upload a new profile photo
  • if the below mentioned text input field on the first name is updated, the first name is updated here automatically (optional, see comment below)
• An upper middle section of text fields showing basic profile information that is stored and changed via the Keycloak profile dialogue and a button to access the Keycloak dialogue:
  • first name (User:Firstname)
  • last name (User:Lastname)
  • mail address (User:Email)
• A lower middle section including additional profile information that is only used within the EduHub application. The fields show the currently given information of a user and includes the option to change it. All changes are automatically saved when leaving the input field. The input fields are the following:
• dropdown menu including the employment status (User:Employment; values are taken from table Employment) [mandatory]
• dropdown menu including the name of the university (User:University; values taken from table University) [hidden if the employment status is unequal to student or scientific staff else mandatory]
• text input field for the name "Other Universtiy" when this one was selected in the dropdown menu on university (User:UniversityOther) [hidden if User:University is unequal "OTHER"]
• student registration number (USER:UNIRegistrationNumber) [hidden if User:University is unequal "CAUKIEL" else mandatory]
• a checkbox indicating if the user is provided with admin rights, resulting in a new entry for the user or a deletion of the user in the table Admin.
• A button below the section to enter the profile information to save changes (or create a new user with the given information; iff all mandatory information has been provided)

Optional and Future Implementations

• Displaying the first name on the right side of the profile photo is optional if the automatic update is complicated.
• A check box to activate or deactivate the registration to a newsletter.
• The bottom section including past activities of the user.
• Course instructors can view a user profile if the user has participated or is participating (Enrollment:Status equals "CONFIRMED", "ABORTED", or "COMPLETED") in one of the instructor's courses. However, all fields are read only for course instructors.