Details
-
Story
-
Status: Closed
-
Minor
-
Resolution: Completed
-
None
-
LIMA | #01 | Aug20-Sep03, LIMA | #02 | Sep03-Sep17, LIMA | #04 | Oct01-Oct15, LIMA | #05 | Oct15-Oct29, LIMA | #06 | Oct29-Nov12, LIMA | #07 | Nov12-Nov26, LIMA | #08 | Nov26-Dec10
Description
Design
Interactions
- Close button: (X - times) will close the modal and act as a cancel action, also activable by pressing ESC in the keyboard
- Done button: will select the image that's currently being previewed
- Back button: (< images) will take the user to the previous step with the image cards, works as a cancel action
- Edit button: will open the image editor
- Right arrow: will show the next image, keyboard navigation must be possible by using the right-arrow in the keyboard
- Left arrow: will show the previous image, keyboard navigation must be possible by using the left-arrow in the keyboard
- Info button: will open and close the info panel for the related image
- Arrows interactions
- Once the preview reach the last image (8 of 8) it should start again from the beginning (1 of 8)
- When there's only one image to select the arrows should be hidden
Acceptance criteria
Given an image selector with several images uploaded
When the cards are shown
Then an icon with an eye is displayed by default
Given an image selector with several images uploaded
When a user clicks on the eye icon
Then she will be able to see a preview of the image
Given an image selector with several images uploaded
When a user is viewing the preview of the image
Then she will be able to edit the image
Given an image selector with several images uploaded
When a user is viewing the preview of the image
Then she will be able to check the information of the image
Given an image selector with several images uploaded
When a user is viewing the preview of the image and clicks on the add button
Then the image will be selected and the user will be prompted back to where she was
Attachments
Issue Links
- duplicates
-
LPS-99059
Replace Item Viewer with a React Component
-
- Closed
-
- fixes
-
LPS-102169 After selecting an image, Info button in Items selector does nothing
- Closed
- is a dependency of
-
-
- Closed
-
- is duplicated by
-
LPS-99059
Replace Item Viewer with a React Component
-
- Closed
-
- split to
-
LPS-106687 Manual Validation of GA1 Stories [Round 2]
-
- Closed
-
1.
|
Create react component | LPS-102896 |
|
Closed | Jorge González | |
2.
|
Info button | LPS-102898 |
|
Closed | Brian Chan | |
3.
|
Fix css problems | LPS-103154 |
|
Closed | Brian Chan | |
4.
|
ImageSelector#PreviewMultipleImages | LPS-104885 |
|
Closed | Austin Chiang | |
5.
|
Update existing tests for new image selector UX | LPS-104886 |
|
Closed | Austin Chiang | |
6.
|
Manually test new image selector features | LPS-104887 |
|
Closed | Beck Liu |