Created updateUser method in AuthenticationController, tested in postman
(Frontend)
Added editUser method to UserServices
Created UpdateUserForm component to use with edit button
Updated ProfileInfoCard to edit user when edit button is clicked
Updated CSS for edit, delete, and cancel buttons in Profile
Added show password checkbox to Registration from
To Test:
[x] Login with user through Login page
[x] Go to user Profile page and click edit button, a confirm alert message will appear with your username
[x] If you select Cancel, an alert will appear to let you know you cancelled
[x] If you select Ok, the ProfileInfoCard will turn into the UpdateUserForm
[x] If you click the Cancel button in the edit user form, the UpdateUserForm will turn back to the ProfileInfoCard
[x] Your current User's username and email will be populated into username/email/verify email fields, and you should see placeholder text to "reenter or make new" in the password and verify password fields
[x] All form fields must be entered, even if some are staying the same
[x] If you click the save button, you will see an alert (with your username) letting you know you have updated the user
[x] After clicking save button, UpdateUserForm will turn back to the ProfileInfoCard in profile page
[x] Check database to confirm user info was updated
Summary:
(Backend)
updateUsermethod inAuthenticationController, tested in postman(Frontend)
editUsermethod toUserServicesUpdateUserFormcomponent to use witheditbuttonProfileInfoCardto edit user wheneditbutton is clickededit,delete, andcancelbuttons inProfileshow passwordcheckbox toRegistrationfromTo Test:
LoginpageProfilepage and clickeditbutton, aconfirmalert message will appear with your usernameCancel, an alert will appear to let you know you cancelledOk, theProfileInfoCardwill turn into theUpdateUserFormCancelbutton in the edit user form, theUpdateUserFormwill turn back to theProfileInfoCardsavebutton, you will see an alert (with your username) letting you know you have updated the usersavebutton,UpdateUserFormwill turn back to theProfileInfoCardin profile page