Unit Page: Add Sidebar

[ChrisChV]

Designs

Figma link

Add New	Add New (Advanced)	Add from Library

Spec

• Unit add sidebar is opened when clicking the "+ Add" button in the page level actions
• Default opens to 'add new' which shows all default blocks
• Added content gets placed at the end of the unit as the last object
• [to confirm] as soon as content is added, the info sidebar for that object opens.

Add New

• Advanced blocks are in a secondary screen
• Text, Problem, and ORA have templates that are in chips. These block types are collapsable by clicking the arrow.
• Click targets:
  • Clicking a chip for a template opens that chip template (ie: peer in ORA opens a new peer graded ORA)
  • Clicking the expand/ collapse icon expands or collapses the block type group
  • clicking anywhere else opens the modal currently implemented for all block types

Add Existing

• Add existing tab shows content from libraries in cards
• Filter behaves as the filters on the Outline page
• Clicking the "+ Add" button on the card header adds the card
• Clicking anywhere else in the card opens a preview modal (out of scope: modal will be completed in the [frontend] Epic: Course Sync Experience Enhancements #1744 Epic

Add new components section

• We should leave those buttons as is.
• Put the paste button above the "add new component" section

[edschema]

In this iteration, I believe the add actions will be much simpler and follow the current unit patterns: adding content adds to the bottom of the unit/ user can drag/ move content up or down.
The sidebar itself will be similar, but will have different sort/filter options.

[ChrisChV]

Hi @edschema, in this iteration, what do we do with these buttons? Do we leave them as they are and only open the sidebar when we add library content?

[edschema]

Hi @ChrisChV we should leave those buttons as is. One update though, we should put the paste button above the "add new component" section. Adding detailed specs for this ticket now. Thank you!

[edschema]

Designs

Figma link

Add New	Add New (Advanced)	Add from Library

Spec

• Unit add sidebar is opened when clicking the "+ Add" button in the page level actions
• Default opens to 'add new' which shows all default blocks
• Added content gets placed at the end of the unit as the last object
• [to confirm] as soon as content is added, the info sidebar for that object opens.

Add New

• Advanced blocks are in a secondary screen
• Text, Problem, and ORA have templates that are in chips. These block types are collapsable by clicking the arrow.
• Click targets:
  • Clicking a chip for a template opens that chip template (ie: peer in ORA opens a new peer graded ORA)
  • Clicking the expand/ collapse icon expands or collapses the block type group
  • clicking anywhere else opens the modal currently implemented for all block types

Add Existing

• Add existing tab shows content from libraries in cards
• Filter behaves as the filters on the Outline page
• Clicking the "+ Add" button on the card header adds the card
• Clicking anywhere else in the card opens a preview modal (out of scope: modal will be completed in the [frontend] Epic: Course Sync Experience Enhancements #1744 Epic

[ChrisChV]

Hi @jmakowski1123 @crathbun428 @marcotuts this is ready for AC testing on the sandbox

[crathbun428]

@ChrisChV Hi there! I had one nitpick that is OK, but I wanted to capture it, and I had one question to make sure it is OK before we move this to done:

• Question: For the AC "Default opens to 'add new' which shows all default blocks" - From what we had in Ulmo, it looks like we’re missing Problem Bank from the list of default problem blocks - are we expecting this @jmakowski1123 ? We’re missing legacy library, but I think this is OK at this point, right?
• Nitpick: For the AC: "As soon as content is added, the info sidebar for that object opens." (This is not the case, but a user is able to get to the info by selecting the component and clicking the Info button), so to me, this is OK for now.