[Edit profile] 'Edit photo' functionality improvement

[SolkaNik]

Description

1. If user logged in via Google then photo from Google account should upload to user’s profile. User can change this photo on ‘Edit profile’ page by clicking the "Edit profile" icon.

2. When the user clicks on an icon ‘Edit photo’ the pop-up opens with a confirmation message: ‘Do you want to change your profile picture?’ and three buttons: ‘Upload new photo’ / ‘Delete photo’ / ‘Cancel’.

3. When the user clicks on ‘Upload new photo’ button the uploading page should be opened. There should be the message ‘Drop your photo here or browse’ (as on the mockup). When user clicks on the ‘browse’ command link the file system of user's computer opens, where he /she selects a photo. User also has ability to drop photo from the computer by the mouse.

4. After uploading photo two buttons appear under the photo: ‘Save photo’ and ‘Change photo’. (not relevant, improvement 4943). When user clicks on ‘Change photo’ button the hover state for changing photo opens (as on the mock-up).

5. 'Save photo' button is disabled after downloading image with invalid parameters. (not relevant)

6. User should see a warning: “Download PNG or JPEG only. File size should be less than 10Mb / Завантажуйте лише PNG або JPEG. Розмір файлу не повинен перевищувати 10Mb /” under the image field. This warning and image filed should get highlighted if User tries to add image of another format (not PNG or JPEG) or of size more than 10 Mb.

7. If user clicks on ‘Delete photo’ the confirmation message appears with the following text and two buttons: ‘Are you sure that you want to delete this photo from your profile?’ – ‘Cancel’ / ‘Yes’. When user clicks on ‘Yes’ button the system comes back to ‘Edit profile’ and the default photo should be displayed. When user clicks on ‘Cancel’ button the system comes back to ‘Edit profile’ and the previous photo should be displayed. (not relevant, improvement 4943)

8. 'Delete photo' button is disabled when default photo is displayed on Edit profile page. (not relevant, improvement 4943)

Related to:
User Story #1006
Epic #938

User story: GC-8566