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

As a fragment developer I can insert a drop-zone in my fragment allowing page authors to drop any fragment inside

    Details

      Description

      Context

      Currently developers can create fragments which have editable elements and configuration. This Story takes the adaptability of fragments to the next level by allowing developers to specify that a certain area of the fragment can act as a "drop zone" in which page authors can drop fragments while editing the page.

      Page authors, after adding a fragment with the drop zone will be able to add further fragments as well as layout components (sections, rows) within the drop zone.

      This capability is specially useful for creating certain types of fragments such as accordions or tabbed sections. It can potentially be used to create special types of layouts.

      It must be possible to have multiple drop zones per fragment, including having drop zones within for loops as long as each of them has a different id.

      Technical Notes

      This story can also be thought as a generalization of the current concept of layouts within Section Builder.

      One potential way in which fragment devs could inject the drop zone is:

      <h1>My header</h1>
      <lfr-drop-zone id="abc" />
      

      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?
      Can create a fragment with a Drop Zone area Smoke Manual No No Yes
      Can create a fragment with multiple Drop Zone areas Sanity Manual No No Yes
      Can save a composition containing a fragment that has a Drop Zone area as fragment Sanity Manual No No Yes
      Add a fragment entry with a Drop Zone to the a page
       
       
       
      Sanity  Automation No Yes,
      FragmentDropZoneMVCActionCommandTest.
      testAddFragmentEntryLinkWithDropZone
      No
      Delete a fragment entry with a Drop Zone from the a page Regression  Automation No Yes,
      FragmentDropZoneMVCActionCommandTest.
      testDeleteFragmentEntryLinkItemWithDropZone
      No
      Update configuration values of a fragment entry with a Drop Zone on the a page Regression   Automation No Yes,
      FragmentDropZoneMVCActionCommandTest.
      testUpdateConfigurationValuesFragmentEntryLinkWithDropZone
      No
      Duplicate a fragment entry with a Drop Zone into the a page Regression   Automation No Yes,
      FragmentDropZoneMVCActionCommandTest.
      testDuplicateFragmentEntryLinkWithDropZone
      No
      Check FragmentEntryProcessorDropZone for Edit mode Regression   Automation No Yes,
      FragmentEntryProcessorDropZoneTest. testFragmentEntryProcessorDropZoneInEditMode
      No

        Attachments

          Issue Links

          1.
          Refactor UnsafeHTML to allow including React portals LPS-109728 Technical Task Closed Pablo Molina  
          2.
          Add mainItem property to PageEditor component LPS-109729 Technical Task Closed Brian Chan  
          3.
          Product QA | Test Scenarios/Cases Creation LPS-110039 Technical Testing Closed David Gutiérrez Mesa  
          4.
          Adds new DropZone processor LPS-111707 Technical Task Closed Product Team Echo  
          5.
          Adds new segments experience id field to fragment entry links LPS-111936 Technical Task Closed Product Team Echo  
          6.
          Refactor SegmentsExperienceUtil LPS-112135 Technical Task Closed Product Team Echo  
          7.
          Update drop zone editable values only if we have drop zones LPS-112181 Technical Task Closed Product Team Echo  
          8.
          Update code to use segments column instead of prefixing the editable values LPS-112183 Technical Task Closed Product Team Echo  
          9.
          Upgrade process LPS-112185 Technical Task Closed Product Team Echo  
          10.
          Render drop zones LPS-112186 Technical Task Closed Product Team Echo  
          11.
          Update layout data when we are adding a new fragment with dropzones LPS-112187 Technical Task Closed Eudaldo Alonso  
          12.
          Update layout data when we are deleting a fragment with dropzones LPS-112188 Technical Task Closed Product Team Echo  
          13.
          Update layout data when we are updating a fragment with dropzones LPS-112189 Technical Task Closed Eudaldo Alonso  
          14.
          Product QA | Test Validation - Round 1 LPS-112739 Technical Testing Closed David Gutiérrez Mesa  
          15.
          NPE occurs when delete content page where exist a Tabs containing fragments LPS-112730 Impedibug Closed Yang Cao  
          16.
          Can not be rendered when add a composition containing a fragment with a drop zone area LPS-112740 Impedibug Closed Yang Cao  
          17.
          Test Scenarios Coverage | Frontend LPS-112745 Technical Testing Closed Product Team Echo  
          18.
          Test Scenarios Coverage | Backend LPS-112746 Technical Testing Closed Product Team Echo  
          19.
          Product QA | Test Validation - Round 2 LPS-112747 Technical Testing Closed Manoel Cyreno  

            Activity

              People

              Assignee:
              manoel.cyreno Manoel Cyreno
              Reporter:
              jorge.ferrer Jorge Ferrer
              Engineering Assignee:
              Pablo Molina
              Recent user:
              Jorge Ferrer
              Participants of an Issue:
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  Packages

                  Version Package
                  Master