Details

    • Epic/Theme:
    • Sprint:
      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

      Figma Mockup

      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

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Packages

                  Version Package
                  Master