Edit EMA: Enable Drag and Drop Content Types To Create New Contentlets

[fmontes]

User Story

As a user, I want to be able to drag and drop content types to add content to the page in our new page editor, so I can easily create for my page.

Acceptance Criteria

Preview Give feedback

1. Add a content palette from scratch (Figma)
2. User should able to drag and drop a content type to create a piece of content

Proposed Objective: Core Features

Proposed Priority: Priority 3 - Average

External Links... Slack Conversations, Support Tickets, Figma Designs, etc.:

N/A

Assumptions & Initiation Needs

• Positions for containers and contentlets should be sent from the client webapp
• We need the x, y, width, height, contentlet and containers information
• We need that information in real time, when drag starts
• We need to add angular overlays with this information to be able to use it as a drop zone
• On drop we need to save the page and reload
• We have to consider slow internet and slow browsers
• Be careful with pointer events

Quality Assurance Notes & Workarounds

N/A

Sub-Tasks & Estimates:

• Develop content palette: 8 hrs
• Add drag and drop functionality: 12 hrs
• Send x, y, width and height: 6 hrs
• Add overlays as