Task:/ Issue: User Profile - profile picture not updating

DeeMcCart / CI_PP5_Jeweller

Jewellery website for CI Project 5

0 stars 2 forks source link

Task:/ Issue: User Profile - profile picture not updating #45

Closed DeeMcCart closed 6 months ago

DeeMcCart commented 6 months ago

EPIC: #6

RU_02 As Returning User I want to add an image of my choosing to my profile to personalise my experience
Amend user profile - profile pic not updating

Assumptions or Pre-Requisites:

Profile page working in general
Other updates being processed.

Acceptance Criteria: (Must be completed before task is moved to 'Done')

[x] Must be able to upload new profile pic
[x] Must be able to press Update and get message profile updated successfully, profile image saved must update

Tasks

[x] Task1 Investigate and resolve Before changing task status to 'Review' or 'Done' please provide comment (and screenprints if appropriate) as documentary evidence of task completion

DeeMcCart commented 6 months ago

DMcC 06/02/24: Solution:

Ref: https://www.youtube.com/watch?v=_P_-gum7rio codemy.com 'Uploading a user profile picture' Key was add ....enctype="multipart/form-data" within the form and, in the profiles/views.py: add ....request.FILES or None ie: profile_form = UserProfileForm(request.POST, request.FILES or None, instance=current_profile)

Note - this has alerted me that we should really have a full user form for maintaining user including firstname and lastname (and possibly user address)

DMcC 09/02/24: Applied CustomClearableFileInput widget to improve UX:

DeeMcCart commented 6 months ago

Profile page with image:

Change the image file and click on Update Information:

Confirmation the image has updated:

DeeMcCart commented 6 months ago

DMcC 09/02/24 - improved UX using CustomClearableFileInput django widget: