Sorting of paragraphs 03 - create a NEW paragraph "in place" between existing ones [#2828110]

Problem/Motivation

Paragraphs can be created only at the end of the list of the existing ones (std behaviour for multiple value fields). This leads to the need to do sometimes tedious sorting operations if the newly created paragraph needs to be placed higher up the list.

Proposed resolution

Introduce the possibility to create a new paragraph "in place" at a position in the list.

Remaining tasks

Create wireframes to show the concept
Create a design for the backend theme thunder_admin
Implement a proof of concept in code
See if this can be a patch for paragraphs/inline_entity_form or needs to be implemented separately

Comment	File	Size	Author
#6	sorting_of_paragraphs-2828110-6.patch	35.19 KB	chr.fritsch
#3	v3-130 Paragraph insert NEW 01.png	195.41 KB	pixelmord

Comments

Comment #1

16 November 2016 at 15:09

pixelmord created an issue. See original summary.

Comment #2

chr.fritsch

he/him

German

🇩🇪🇪🇺🌍

commented 24 November 2016 at 08:07

Comment #3

pixelmord commented 24 November 2016 at 09:49

Status	File	Size
new	v3-130 Paragraph insert NEW 01.png	195.41 KB

Here's an early wireframe how this could look. Most likely the Add-Buttons before and after each paragraph would only be revealed on hover on a device supporting hover states, other devices might always have these buttons visible or a special insert mode needs to be triggered, this needs to be still explored.

Comment #4

miro_dietiker

Switzerland

commented 9 December 2016 at 07:54

IMHO the proposal we are trying to implement with the add widget will cover this requirement.
#2236905: [META] Nicer UI / Icons for "Paragraph type" + "Add another Paragraph"

The widget will degrade to something like the outlined items above if the advanced cases do not apply. For instance:
- If paragraph types are not grouped, the group tabs are not displayed
- If paragraphs are not nested, the level selection (where to add?) disappears.

We will have icons.
#2830016: Add a thumbnail/icon field to Paragraphs type

The widget will not load through AJAX, making a smooth experience possible. This will be possible, because we will add data attributes to the fields about what paragraph type is applicable to that field. And this will also be taken into consideration by the drag & drop mode.

Comment #5

chr.fritsch

he/him

German

🇩🇪🇪🇺🌍

commented 26 January 2017 at 17:11

We are currently working on that #2831760: Introduce a "Modal form" mode for adding Paragraphs

Comment #6

chr.fritsch

he/him

German

🇩🇪🇪🇺🌍

commented 24 April 2017 at 12:17

Status:

Active

» Needs review

Status	File	Size
new	sorting_of_paragraphs-2828110-6.patch	35.19 KB

Here is a patch, that can be applied on paragraphs 1.1, so that we could use it in Thunder

Comment #7

mxh commented 26 June 2017 at 14:02

Status:

Needs review

» Needs work

#6 works, but editors need a feedback regarding the process of adding a new paragraph.
After the type has been selected from the modal, the loading process for adding the paragraph might take some time. Currently, users don't see a throbber or anything which tells them that the form is currently processing, which might lead to confusion.