New aAccordionSlot Slot

[johnnyoffline]

Rick:

Make a sketch / outline the how it is going to work with some words.

Attach that to this ticket and assign it to Tom.

Together, Tom and I will build out the UI for the accordion.

We need this sooner than later.

[rickybanister]

The 'accordion list' slot is going to be a title and a landing pad for moving/nesting slots inside the accordion list. A user will add an accordion list, edit its title, then reorder slots using their up and down arrows to move them inside the list. This will allow users to have normal slots above and below an accordion list. A slot can be removed from the nested accordion by moving it one position above the accordion or one position below. They can also add multiple accordion lists to a page, which when logged out will default to collapsed.

[agilbert]

Does this imply that all slots will have a draggable behavior now instead of the simple up/down arrows they currently use?

[boutell]

I'm cool with the draggable behavior approach but only if we can make Rick's proposal to collapse slots vertically, hiding all but their summaries/tops during dragging, actually work in a way that feels natural and works in IE7 etc. This is fairly hard and could take longer than we want to wait for 1.1

[rickybanister]

The slots will continue to have up/down arrows for now. Ticket #231 is currently open about the limitations of those arrows in moving things all the way to the bottom, or all the way to the top of an area. There is a sketch of a solution to that problem in that ticket with drag arrows. If we implement dragging of slots, the accordion solution will remain the same, but you'll be able to drag slots into and out of the nested list.

[agilbert]

Right well I guess my point is the same as Tom's here. Draggable slots could take longer than want to wait for 1.1. This ticket seems to have draggable slots as a prerequisite and is assigned to 1.1. So do we push this back or change the design?

Sorry if I'm missing something.

[geoffd]

One change I would recommend is having the accordion title field open when you first add it.

Basically, skip the second screenshot and go to this state:

[rickybanister]

Alex mentioned the fact that it would be better for the interface, and possible using javascript, to have an 'add slot' button within the accordion. Perhaps the reorder arrows then can only move slots within the accordion? Or they would be able to move past an accordion to break out as in the above sketches. The landing pad would go away until we implement draggable slots. Just trying to keep all the thoughts together in this thread.

[boutell]

I created a new component, apostropheAccordionPlugin. That plugin doesn't exist yet - this just reflects the idea that we should do this outside apostrophePlugin if we can. Maybe we can't but we'll push back on that later if it isn't possible otherwise. There's an option to apostrophe:generate-slot-type that makes a new plugin by the way.

[johnnyoffline]

We are not making an accordion slot

[johnnyoffline]

If we do make the accordion slot, it would benefit from a fresh design in the context of that moment.

If / When the need pops up, I think we'll have better ideas without feeling obligated to an open ticket. We can always take a peek at this if we need reference.