[3.5][Feature][Ready] Select_and_order field type

[tabacitu]

Merged and polished #1626 . Adds a new field type, select_and_order, which shows two columns:

• to the left are the items you have selected, and you can reorder them
• to the right are the items you can select (by dragging to the left column)

Screenshot

Definition

As mentioned in the original PR, it can be used exactly like select_from_array:

            [
                'name' => 'featured',
                'label' => 'Featured',
                'type' => 'select_and_order',
                'options' => [
                    1 => "Option 1",
                    2 => "Option 2"
                ]
            ]

Or:

            [
                'name' => 'featured',
                'label' => 'Featured',
                'type' => 'select_and_order',
                'options' => Product::get()->pluck('title','id')->toArray()
            ]

The submitted value (in this case featured) should be casted to an array in the model:

            protected $casts = [
                'featured' => 'array'
            ];

And its value will be stored as JSON in the db: ["3","5","7","6"]

Thoughts, anyone? Is it clear enough from the design that you can drag items from the right to the left? Without having labels for each column? I'd hate to insert new translated lines just for this...

[joaojoyce]

Could an arrow in between the columns help?

I’m not into design so take my suggestions with skepticism.

[tabacitu]

Arrows!! Of course, that’s what was missing :-))

Thank you @joaojoyce - I think you’re right. Even better than between the columns (which would only say “move items between the columns”) I think would be arrows on each element. I expect it to say “move this thing around, or in the other container”.

I’ve polished it a bit more and added arrows, I think we finally have it :-)

[tabacitu]

Merged into release 3.5 branch. Can't wait to launch it :-)