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

Show the usages of a web content within the web content editor so that the author is more aware of all the places where the content is displayed and can preview the changes

    Details

      Description

      Enable a place where the user can access the draft preview of the content:

      • in the different available Display Pages and Templates
      • in each of the pages where it is being used.
        These preview options would be included in a second tab in the side panel next to the configuration tab.

      Figma prototype

      https://www.figma.com/file/SQVrgHgbrJyCLCzgOx9BW1PJ/lps-89113-preview-in-web-content-editor?node-id=1%3A60

      Acceptance Criteria

      • Requisites related to usages:
        • All fragment-based pages (Content Pages, Display Pages, Page Templates of type Content Page) where the content (at least one of its fields) has been mapped to a fragment editable element, should be shown under the "Usages" for the article (in the screen and in the right panel within the web content editor). 
        • Drafts of fragment-based pages should also be taken into account. A draft page, when it exists should also be shown as usages, since an article could be mapped in a draft but not in the published version or vice versa. The draft pages must be labelled as such in the list of usages.
        • For pages with several usages of the same article, one entry will be shown per each usage of the article in a page.
      • Requisites related to preview from the "View usages" screen:
        • For content pages and page templates, it should be possible to preview the web content in status "Draft", "Pending" or "Scheduled". This includes support for displaying the article in web content display, asset publisher, or a fragment with editable elements mapped to fields of the article.
        • For Page templates the behavior is the same as for Content Pages.
        • For display pages, preview is not possible since a display page cannot be rendered without an specific item to display in it.
        • For pages with several usages of the same article, when clicking the "Preview Draft" option in the three dot menu, only that specific usage will be targeted (I.e. in the other usages, the last published article will be shown).
          • One exception to this is when the article is displayed in several fragments. In this case, although one entry will be shown per fragment, when previewing, all fragments will adapt to preview the last saved version.
      • Requisites related to preview from the "Usage" panel of the web content editor
        • For Content Pages, clicking the preview icon should show the page which shows the last saved version (including draft). This includes support for displaying the article in web content display, asset publisher, or a fragment with editable elements mapped to fields of the article.
        • For Page templates the behavior is the same as for Content Pages.
        • For display pages, preview is not possible since a display page cannot be rendered without an specific item to display in it.
      • Requisites related to preview with a "template":
        • When clicking the preview icon, next to the default template selector, a pop-over should be shown with the rendering of the latest saved version with that template.
        • It should also be possible to change the template from within the pop-over and apply the selected template to select it as the default template.

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                brooke.dalton Brooke Dalton
                Reporter:
                jorge.ferrer Jorge Ferrer
                Recent user:
                Brooke Dalton
                Participants of an Issue:
              • Votes:
                1 Vote for this issue
                Watchers:
                0 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: