Improve the document detail view in site portlet, asset publisher, workflow so that it is consistent with the new view of D&M

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: Master
• Component/s: Documents & Media
• Labels:
  • Apr_'19
• Epic/Theme:
  • Digital_Asset_Management
• Epic Link: Enhanced DM Visualization UI
• Sprint: Col | Sprint 5 | Dec3 - Dec14, Col | Sprint 6 | Dec17 - Jan18, Col | Sprint11 | Mar19 - Mar28, Col | Sprint 12 | Apr1 - Apr5

mockup

documentation

Goal

The goal of this story is to keep the consistency of new DM preview in

• admin
• DM site portlet
• asset publisher portlet
• shared assets
• workflow

Admin 

See specific features details here

• Upper toolbar ( https://issues.liferay.com/browse/LPS-85935 )**
• The side panel ( https://issues.liferay.com/browse/LPS-85936 )
• File visualization  the file visualize 5 main types of files
  Image https://issues.liferay.com/browse/LPS-85933 )
  Documents https://issues.liferay.com/browse/LPS-85934 )
  Video ( https://issues.liferay.com/browse/LPS-85940)
  Audio (https://issues.liferay.com/browse/LPS-85941 )
  Empty state/file that can't be visualized ( https://issues.liferay.com/browse/LPS-86935 )

• Floating bar File visualization has a floating bar on image/document type file to give control to users. (see more details here https://issues.liferay.com/browse/LPS-88000)

 

Initial design features not included in 7.2 

• Comment adapted to the sidebar
• Vertical tab bar

 

Site portlet 

Visual Design

Documents and Media portlet metrics :

Structure

DM portlet preview respects the widget structure

 

 

 

Default 

The Upper toolbar contains: name ( navigation if applies )

 

 

Action bar enabled   ( to enable Configuration >Show actions)

The upper toolbar contains: filename / primary action / elipsies with secondary actions ( navigation if applies )

 

Note on the upper toolbar:

Due to the technical limitations, the upper toolbar in the site portlet will be implemented in the following way-

 

Site portlet in Default 

Site portlet in Action menu enabled

 

 

File visualization adapting to file type 

File visualization behaves same as admin. but instead of centering in the horizontally and vertically in the admin panel, content will be adjusted with a set of margins and padding.

   

Asset Publisher

DM preview in the asset publisher is dependent on the template created by WEM

from DM we supply file visualization

 

File visualization adapting to file type 

File visualization behaves same as admin. but instead of centering in the horizontally vertically in the admin panel, content will be adjusted with a set of margins and padding.

 

 

 

Workflow 

DM preview in Workflow is limited
The preview will consist of

• Document visualization
• Floating bar ( for the image, doc type files )
• Button ( view in context ) 

below image shows the final design and metrics.