Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-5267

Provide AdminCentral view with Light Development

    XMLWordPrintable

Details

    • Epic
    • Resolution: Unresolved
    • Neutral
    • None
    • None
    • None
    • None
    • LD Views
    • Yes
    • Yes

    Description

      As a developer of an integration, I want to provide views to adminCentral UI using Light Development techniques, so that I can deploy my integration to a running system with light modules,that I don't need Java development skills to develop for IUX slots, and that integrations could supply IUX views on Magnoila Cloud 1 where custom Java is not supported.

      As a developer on a headless project, I want to use my existing frontend SPA skills on the admin UI, so that I can be fast, create great authoring experiences, and don't need to learn a new UI technology.

      Developers on headless projects are likely to be well versed in how to create rich interactive UI with a SPA. For them it will be much faster and more convenient to use the SPA skills they already have, rather then trying to learn Vaadin.

      By "view", I mean a section of the UI which can contain just things to look at, or controls to interact with. The view can alter content in magnolia by using the standard REST endpoints.

      There are specific story tickets in this epic to handle IUX slots and Subapps.

      Acceptance Criteria:

      • The styles and javascript of the view should not damage the styles and javascript of Admin Central.
      • It is easy for a view to attain similar styling as AdminCentral -fonts, sizes, colors, paddings.
      • View can be implemented via a
        • magnolia template
        • a specific page from the pages app.
      • View can be deployed via light modules or Java modules.
      • View can respond to key events in adminCentral - such as when an item is selected in a browser.

      Notes:
      This will also support our "Light Integrations" initiative where we make other tasks (like populating content apps with external content available with Light Development.

      Example:
      I am a frontend developer integrating an in-house custom CRM system. We have a templating component to place a lead generation form in the page editor. I want to use an IUX popup on that component, to popup a view which shows a few values about the performance of that form, and an image - all of which come from my CRM system. I'd like to populate that IUX popup without Java, maybe with just some HTML.

      Contentful is doing this - see: https://www.contentful.com/developers/docs/extensibility/ui-extensions/locations/

      Developers can create an extension that can be rendered "anywhere", wherever the "Space Dev" decides to show it.: Field, Engtry, Sidebar, Dialog, Page.

      Microfrontends

      Some thougths on how to accomplish this:

      https://micro-frontends.org/ 

      https://martinfowler.com/articles/micro-frontends.html#IntegrationApproaches

       

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                Unassigned Unassigned
                czimmermann Christopher Zimmermann
                Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                  Created:
                  Updated: