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

Make editable fields "activable" showing their own decoration and FloatingToolbar

    Details

      Description

      Currently we are enabled editables processors with a double click on FragmentContent component (https://github.com/p2kmgcl/liferay-portal/blob/master/modules/apps/layout/layout-content-page-editor-web/src/main/resources/META-INF/resources/page_editor/app/components/FragmentContent.js), but this is a temporary fix to allow implementing editable processors easily. Making editables "activable" implies adding the following features:

      • They should show different decorations (borders, backgrounds, etc.) depending on their mapping/translation/linking/etc. state. Color definitions can be found here: https://docs.google.com/document/d/126aNE1fATD26CCT0riYSODXVuS6D4FIiOkaC4PGFijk/edit
      • They should be selected/hovered like we can do with rows, fragments, etc. That means that each editable should have an unique ID (we use the fragmentId plus the editableId in the old editor. Editable ids are unique only for each fragment, so we cannot directly use them).
      • When selected, they should show a floating toolbar with:
        • An edit button, which activates the editable processor
        • A map button, which opens the mapping configuration panel
        • A link button, which enables adding links to editables
      • Update TreeView with editable id's

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              brian.chan Brian Chan
              Reporter:
              julien.castelain Julien Castelain
              Engineering Assignee:
              Sandro Chinea
              Recent user:
              Marta Elicegui
              Participants of an Issue:
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  Packages

                  Version Package
                  Master