As a registered user I want to be able to add photos to a proposed place and see photos of a place in place's detail information popup.
Mockups: (for reference only!)
Acceptance Criteria:
GIVEN a registered user is successfully logged in to the system, WHEN he clicks on "Add place" button at top right corner of the screen, THEN system shall open a modal window with elements from #21 AND
a. button "Upload photos"
Provided user clicks on "Upload photos" button, system shall display "Upload photos" element below.
The "Upload photos" element shall contain
b. sub-header "Attach photos"
c. message "No photos attached." - displayed when there is nothing attached by default
d. button "+Add photos"
e. button "Upload" (disabled when there is nothing attached by default)
Provided user clicks on "+ Add photos" button, system shall open file explorer on user's device.
User can choose max 5 photo files at a time.
User can upload only files with image extensions (e.g. bmp, jpg, jpeg, tiff, etc.)
After user attached a photo(s), the Upload element shall be as follows:
b. sub-header "Attach photos"
c. the attached photos with an enabled Bucket icon next to each photo
c.1. The photos shall be displayed in the following pattern: file type icon, file name (with extension), file size (in format '<__> <KB/MB>')
d. provided user added 5 photos - "+ Add photos" button shall be disabled
e. button "Upload", enabled
Provided user clicks on a bucket icon, system shall delete the corresponding photo.
Provided a photo(s) is attached and user presses the Upload button, system shall:
a. display the bucket icon disabled
b. start uploading the attached photo
c. display an upload progress bar next to corresponding photo while the upload is in progress
Provided the photo(s) was uploaded successfully
a. system shall display the photos in the Upload element
b. system shall display a success flash message "Photo(s) uploaded successfully", which shall automatically disappear in 5 sec
As a registered user I want to be able to add photos to a proposed place and see photos of a place in place's detail information popup.
Mockups: (for reference only!)
Acceptance Criteria:
GIVEN a registered user is successfully logged in to the system, WHEN he clicks on "Add place" button at top right corner of the screen, THEN system shall open a modal window with elements from #21 AND a. button "Upload photos"
Provided user clicks on "Upload photos" button, system shall display "Upload photos" element below.
The "Upload photos" element shall contain b. sub-header "Attach photos" c. message "No photos attached." - displayed when there is nothing attached by default d. button "+Add photos" e. button "Upload" (disabled when there is nothing attached by default)
Provided user clicks on "+ Add photos" button, system shall open file explorer on user's device.
User can choose max 5 photo files at a time.
User can upload only files with image extensions (e.g. bmp, jpg, jpeg, tiff, etc.)
After user attached a photo(s), the Upload element shall be as follows: b. sub-header "Attach photos" c. the attached photos with an enabled Bucket icon next to each photo c.1. The photos shall be displayed in the following pattern: file type icon, file name (with extension), file size (in format '<__> <KB/MB>') d. provided user added 5 photos - "+ Add photos" button shall be disabled e. button "Upload", enabled
Provided user clicks on a bucket icon, system shall delete the corresponding photo.
Provided a photo(s) is attached and user presses the Upload button, system shall: a. display the bucket icon disabled b. start uploading the attached photo c. display an upload progress bar next to corresponding photo while the upload is in progress
Provided the photo(s) was uploaded successfully a. system shall display the photos in the Upload element b. system shall display a success flash message "Photo(s) uploaded successfully", which shall automatically disappear in 5 sec
Max size of a photo to upload shall be 10 MB.
Assumptions and Constraints: