Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-70831

As a portal Admin I want to see more information of an Image Resolution

    Details

      Description

      Motive

      Additional data as the number of images that have been processed of the total number of images, or information related about the usage for each image resolution could help Portal Admin to have a wider vision of the current usage of adaptive media in their platforms.

      In the other hand maybe some Portal Admin don't know what is adaptive media so if we could provide some help could inform the benefits of using adaptive media.

      Acceptance Criteria

      • Show number of images processed
      • Allow type a description text for each image resolution
      • Show a descriptive text about Adaptive Media

      User Experience

      Summary

      • Add a progress bar tooltip.
      • Add field "Description".
      • Add an app tooltip.
      • Add an info panel

      Interaction

      Behavior

      Info Panel

      • It behaves as a visibility toggle when a user clicks in the "More info" action within the management bar.
      • It contains all the attributes of an Image Resolution Item.

      Progress Bar

      • Tooltip content: "#optimized-images / #total-of-images"

      App Bar

      • Helper Tooltip content: "Adaptive Media detects your visitor's screen size and automatically delivers device appropriate re-scaled and optimized version of your stored media."

      Management Bar

      • Single selection: "More Info"
      • Multiple selection: "More Info"

      Note: We have decided "More Info" is the unique action allowed because the behavior for management bar is being reviewed for release 7.1. Once the pattern would be finished, we will adapt our management bar to the new pattern.

      Description Field

      • It's always available for editing in enabled or disabled Image Resolutions.

      Interactive Prototype

      URL: http://n8rf7p.axshare.com

      Design

      Info Panel

      App Bar Tooltip

      Progress Bar Tooltip

        Attachments

        1. Adaptive Media Tooltip.png
          Adaptive Media Tooltip.png
          55 kB
        2. Info Panel.png
          Info Panel.png
          114 kB
        3. New description field.png
          New description field.png
          157 kB
        4. Progress Bar Tooltip.png
          Progress Bar Tooltip.png
          18 kB
        5. Single Selection.png
          Single Selection.png
          58 kB

          Issue Links

            Activity

              People

              Assignee:
              patricia.perez Patricia Perez
              Reporter:
              david.aragones David Aragones
              Recent user:
              Kiyoshi Lee
              Participants of an Issue:
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  Packages

                  Version Package
                  7.0.0 M6
                  7.1.X
                  Master