Course Outline: Add Sidebar (In-location flow)

[ChrisChV]

Design

Figma link

Section	Subsection	Unit

In Scope

• Depends of the implementation of the add sidebar basics in Course Outline: Add Sidebar basics (Add button Flow) #2629
• Open the add sidebar when clicking the new ... or use ... from library buttons already implemented in the course outline

• Depending on which add button is clicked, the sidebar renders differently:

User clicks an Add New button on the course outline:

• A new block should be created immediately for the type clicked (ie: "+ Add Subsection" creates a new Subsection)
• The block should be selected on the course outline with the info sidebar open

User clicks an Add Existing button on course outline:

	Section	Subsection	Unit
Header
Results	only sections	only subsection	only units

• Once added, the sidebar for the added component should be opened and selected in the course outline
• If a user clicks the Add New tab after selecting add existing, the sidebar should render ONLY the relevant component type (ie: if the user clicked "Use Subsection from Library", and then clicked the add new tab from the sidebar, the only card listed should be the subsection card)

To Confirm: Remove nesting (back arrow) in header from add sidebars

No in the scope

• New container card (Course Outline: Container Card Placeholder - Drag (Add Sidebar Flow A) #2632): https://www.figma.com/design/4wsTUbieYphB2qchIPxm10/%E2%9C%8F%EF%B8%8F-Library---Course-Authoring-v1.0--Open-edX-?node-id=17931-73059&t=RQbPZ2HVEAVeZA9h-4

[edschema]

Hi @ChrisChV, yes, to look at previews of Library sections, users will click on the card (anywhere outside of the "add" button in the card header). The thinking at the moment is that we will open a preview modal that looks like this:

The preview modals are still being designed.

[ChrisChV]

Hi @edschema, thanks for the response!

o look at previews of Library sections, users will click on the card (anywhere outside of the "add" button in the card header). The thinking at the moment is that we will open a preview modal that looks like this:

And if something different to a section is being added, will the item be selected within that modal?

[edschema]

This flow is much simplified with the removal of hover buttons. Instead, add buttons will remain in place as currently implemented for Ulmo.

[ChrisChV]

Hi @edschema @sdaitzman could you check the descriprion of this task? I have this questions:

• The Add sidebar must show the sections of all libraries.
  • If the element to be added is a subsection, also add subsections in the list
  • If the element to be added is a unit, also add units in the list

Is this behavior correct? What exactly should be shown?

Only cards of the type of the container you want to create have the Add button.

How are the containers selected?

to look at previews of Library sections, users will click on the card (anywhere outside of the "add" button in the card header). The thinking at the moment is that we will open a preview modal that looks like this:

I still don't quite understand how this modal works. Is it only for sections? Can items be selected and added within the modal?

[navinkarkera]

When clicking new ... button:
Reuse the same flow for the Add new tab in #2629

@edschema @sdaitzman @ChrisChV Not sure if I follow, if the author clicks on New subsection in a location, should we open the sidebar instead of directly adding the subsection (current behaviour)? It seems redundant as the author doesn't have any special options in the add new sidebar, they'll have to click Subsection button again.

@edschema @sdaitzman Gentle reminder to also check @ChrisChV's comment.