New Blogs Application Display Template: Card

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: 7.1.X
• Component/s: Collaboration > Blogs
• Labels:
  • Sustaining
  • Tier-2
  • must-for-7.1
• Priority Level: Low
• Epic Link: Blogs Evolution - Design
• Sprint: 04_Matter_Eater_Lad, 10 - Arm-Fall-Off-Boy, 11_Kratos, 12_Galactus
• Git Pull Request: https://github.com/marcoscv/liferay-portal/pull/2

Goal
The goal of this story is to implement a new ADT Card design for blogs articles list.

Motivation
A card is seldom complex, and its purpose is to entice the user to click through. 

User Experience

Summary

• Add a new Asset Display Template Item named "Cards"
• Add different styles for Desktop and Mobile

Interaction

Two types of cards:

1. With cover: If the user has added an image
2. Without cover: If the user hasn't added an image

Admin Actions

• Admin actions are shown hovering the card.
• Admin actions are shown by default in each card for mobile view

Social Buttons
They follow the interaction rules created in LPS-77556

Design

Admin actions follow the design created for Asset Title Bar Component

• Comments, Likes/Rating, Time Read plus social buttons follow the design for Asset Toolbar Component

Documentation

• Blog Cards

A new Application Display Template is added to the Global Site for the Blogs application. This new Application Display Template displays the blogs as cards so they have a more visual impact when displaying the entries. In order to take full advantage of the capabilities of the ADT, the Portal Administrator will need to modify the Settings of the Freemarker Engine in System Settings to remove "serviceLocator" from the section "Restricted Variables". If the serviceLocator variable is removed, the link of the User who created the blog entry will point to his personal site and also the number of views will be available (if the Blog Portlet is configured to show the number of views). If the Freemarker Engine Settings are not modified, the Application Display template will still work but it won't contain a link for the user nor the number of views.