Move content

[mcmietz]

As an editor, I want to move a content block to another position, to change the order of my content.

Mockups

• move content with drag and drop
• move content cut
• move content paste

Acceptance criteria

• [ ] I can easily move an existing content with a drag a drop
• [ ] I can easily move an existing content with a cut and paste

Acceptance tests

I can easily move an existing content with a drag a drop

• [ ] If I drag an existing content hover another existing content, then I see the "add content" positions available with a "+" icon with a warning background color
• [ ] If I drag an existing content hover an empty colPos, then I see the "add content" positions available with a "+" icon with a warning background color
• [ ] On a "add content" area hover, it change in a "V" icon with a success background color
• [ ] If I drop the dragged content on the "add content" area, then the dragged content is moved in the desired position

I can easily move an existing content with a cut and paste

• [ ] If I click on the context menu of a content block and chose "cut", then the content is registered in the clipboard.
• [ ] If a content is in the clipboard, on a content block hover, I see the "past content" positions available with a "clipboard" icon with a warning background color
• [ ] On a "past content" area hover, it change in a "V" icon with a success background color
• [ ] If I click on the "past content" area, then the content in the clipboard is pasted in the desired position

Preconditions / boundary conditions

• [ ] I have editor's permissions
• [ ] I have permission to move a content block
• [ ] I have permission to place the content block at the desired location

Technical remarks

• The "add new content" area "+" icon is https://typo3.github.io/TYPO3.Icons/icons/actions/actions-add.html
• The "add new content" area "v" icon is https://typo3.github.io/TYPO3.Icons/icons/actions/actions-check.html
• The "past content" area "clipboard" icon is https://typo3.github.io/TYPO3.Icons/icons/actions/actions-clipboard-paste.htm
• All the necessary mockups are here : https://drive.google.com/drive/folders/1eNnA7lCFuAVLTTC5uhJKY8AWOxONPob4, especcially the before/after comparaison mockups l

Related Personas

• [ ] ENFJ theGiver Sarah Smith
• [ ] ENTP theVisionary OtavioCastilhoFurtado
• [ ] ESTP theDoer Jamie Johnson
• [ ] ISTJ theInspector ThomasFeng
• [ ] ISFJ theNurturer NickPeters