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

As a page creator I want to have the minimum relevant info available for editing content in a single content browser so that I can edit all the content from single place

    Details

      Description

      Intro/Context:

      The goal of this story is to aggregate the content information "fragment structure" and "content panel" into a "content browser" section inside the fragment sidebar of the page editor. We will also leave the minimum relevant information for the content present in the "Page Content" items to avoid having an over-crowded information in the list as well as for mapped content.

      -

      Given a user is editing a fragment based Page using the page editor.

      -

      Merging content into "content browser"

      When navigating to "content browser" 

      Then the user sees 2 tabs:

      • Content Page tab - aggregating contents present on the page (mapped or not mapped)
        • More info on how this looks like in corresponding story
      • Page Elements tab - aggregating all the fragments/editables information
        • More info on how this looks like in corresponding story

      -

      Displaying the content information list

      When looking at info listed in Page Content tab for mapped content

      Then the user should see for each item the minimum info (see figma for exhaustive list):

      • The content name (or title) in bold
      • The content type / sub-type :
        • e.g. Type: WebContent Sub-Type: Testimony
        • e.g. Type: Document Sub-Type: Image

      -

      Hovering the page content

      When hovering the page content

      Then the user see a feedback (dashed border) in the element that makes use of the content

      -
      Inline text

      When a user add a fragment of type text (text type or rich-text type)

      Then the content (text of the fragment) is added as a inline text type and shown in the content list

       

      EXCEPTIONS:

      - For "Asset publisher" dynamic and manual usage will not appear.  If the content appears in the panel and it belongs to an Asset Publisher and it is hovered, the corresponding element on the page (in this case Asset Publisher) will not be marked with the dashed border
       
      NOT INCLUDED in this story:

      • The "search" button and category

      Story Mockup

      Test Scenarios

      Test Scenarios Test Strategy Kind of test Is it covered by FrontEnd ? (JS-Unit) Is it covered by BackEnd ? (unit or integration) Could it be covered by POSHI?
      The Browser panel should be accessible in Page Design, Content Editing and any viewports Critial Manual No TBD Yes
      The details of displayed assets are shown in Page Content tab Critial Manual No TBD Yes
      The details of mapping assets are shown in Mapping tab Critial  Manual No TBD  Yes
      The outline of editable field should be dashed when hover on mapped assets in Page Content tab Critial Manual No TBD Yes
      The inline text should be shown as item and the outline of editable field should be dashed when hover on inline text item in Page Content tab Critial Manual No TBD Yes

        Attachments

          Issue Links

          1.
          Put together in a single panel all the fragments and the page content, separated by tabs LPS-129640 Technical Task Closed Product Team Echo  
          2.
          Add a search input and a filter in the page content tab LPS-129641 Technical Task Closed Product Team Echo  
          3.
          Modify the structure and the styles to display the contents LPS-129642 Technical Task Closed Product Team Echo  
          4.
          Disable contents panel LPS-129676 Technical Task Closed Product Team Echo  
          5.
          Add categorized page contents to the display context LPS-129685 Technical Task Closed Product Team Echo  
          6.
          Avoid duplicating js files for creating the new panel LPS-129857 Technical Task Closed Product Team Echo  
          7.
          Integrate new content structure LPS-130678 Technical Task Closed Product Team Echo  
          8.
          Add icons to page contents LPS-130970 Technical Task Closed Product Team Echo  
          9.
          Filter page contents that are marked for deletion LPS-131037 Technical Task Closed Product Team Echo  
          10.
          Test Scenarios Coverage | Test Creation LPS-131041 Technical Testing Closed David Gutiérrez Mesa  
          11.
          Product QA | Test Validation - Round 1 - Failed LPS-131042 Technical Testing Closed David Gutiérrez Mesa  
          12.
          Test Scenarios Coverage | Backend LPS-131043 Technical Testing Closed Product Team Echo  
          13.
          Test Scenarios Coverage | Frontend LPS-131044 Technical Testing Closed Product Team Echo  
          14.
          Add an API to get layout contents for a page LPS-131176 Technical Task Closed Product Team Echo  
          15.
          Adjust styles LPS-131498 Technical Task Closed Product Team Echo  
          16.
          Include images added to editables without mapping LPS-131500 Technical Task Closed Product Team Echo  
          17.
          Adjust final styles LPS-131802 Technical Task Closed Product Team Echo  
          18.
          Browser panel is missing in Content Editing mode and non-desktop viewport LPS-131968 Impedibug Closed Yang Cao  
          19.
          Product QA | Test Validation - Round 2 - Passed LPS-131985 Technical Testing Closed David Gutiérrez Mesa  
          20.
          The outline of background image or image editable field are still solid when hover on mapped assets in Page Content tab LPS-132039 Impedibug Closed Yang Cao  
          21.
          Unedited inline text should appear in the content list LPS-132170 Impedibug Closed Yang Cao  

            Activity

              People

              Assignee:
              david.gutierrez David Gutiérrez Mesa
              Reporter:
              tarik.demnati Tarik Demnati (Inactive)
              Engineering Assignee:
              Verónica González
              Recent user:
              Sophia Zhang
              Participants of an Issue:
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  Packages

                  Version Package
                  7.4.1 CE GA2 DXP 7,4
                  7.4.13 DXP GA1
                  Master