Add profileImage field in User and RegistrationDTO classes
Updated code in AuthenticationController, to set 0 as the default for new users profileImage and collect value of profileImage for updateUser, tested in postman
Add PATCH to corsConfigurer allowed methods
(Frontend)
Created ProfileImage component and add to ProfileInfoCard
Updated UpdateUserForm to include a selection of profile images to choose from with radio buttons
Added 6 profile images to assests
Added show passwords checkbox to UpdateUserForm from
Fixed CSS styling error for show passwords text
To Test:
[ ] Login with user through Login page
[ ] Go to user Profile page, you should see the default image in your ProfileInfoCard
[ ] Click edit button, a confirm alert message will appear with your username
[ ] If you select Cancel, an alert will appear to let you know you cancelled
[ ] If you select Ok, the ProfileInfoCard will turn into the UpdateUserForm
[ ] If you click the Cancel button in the edit user form, the UpdateUserForm will turn back to the ProfileInfoCard
[ ] Your current User's username and email will be populated into username/email/verify email fields and the radio button of your current profile image should be selected, you should see placeholder text to "reenter or make new" in the password and verify password fields
[ ] All form fields must be entered, even if some are staying the same
[ ] Select the radio button of the Profile Image you would like to change to
[ ] If you click the save button, you will see an alert (with your username) letting you know you have updated the user
[ ] After clicking save button, UpdateUserForm will turn back to the ProfileInfoCard in profile page
[ ] Check database to confirm user info was updated
Summary:
(Backend)
profileImage
field inUser
andRegistrationDTO
classesAuthenticationController
, to set 0 as the default for new usersprofileImage
and collect value ofprofileImage
forupdateUser
, tested in postmancorsConfigurer
allowed methods(Frontend)
ProfileImage
component and add toProfileInfoCard
UpdateUserForm
to include a selection ofprofile images
to choose from with radio buttonsprofile images
to assestsshow passwords
checkbox toUpdateUserForm
fromshow passwords
textTo Test:
Login
pageProfile
page, you should see the default image in yourProfileInfoCard
edit
button, aconfirm
alert message will appear with your usernameCancel
, an alert will appear to let you know you cancelledOk
, theProfileInfoCard
will turn into theUpdateUserForm
Cancel
button in the edit user form, theUpdateUserForm
will turn back to theProfileInfoCard
Profile Image
you would like to change tosave
button, you will see an alert (with your username) letting you know you have updated the usersave
button,UpdateUserForm
will turn back to theProfileInfoCard
in profile page