Collections Page - Add existing content from within a collection

[jmakowski1123]

When users are on a Collection Page, another option to populate the Collection with content is to add existing Library content to the collection.

When a user clicks on the "new" button, this triggers the "Add content" sidebar to open and the user sees an option to choose "Existing Library Content".
When clicked, users land in a Library "add to" State. This state mirrors the Library Home view, but the sidebar is default closed.

There are other context-aware changes to content tiles in the "add to" state:

• No 3-dot menu should display (the designs current display a 3-dot menu, but this should not be included)
• A checkbox and add button should display

When a user single clicks on a tile, the component sidebar opens. Component sidebar will be addressed in epic 3, for now the sidebar can be empty.

When a user clicks on the "add" button on the tile, the tile remains selected. Users can choose as many tiles as they wish. A count in the lower lefthand area displays how many items have been selected.
If a user removes the check from the "add" checkbox, the tile becomes deselected.
When a user clicks "add to collection" button, all selected component tiles are added to the collection.

After the content has been edited in the Editor, the content tile automatically populates in the Collection Page. If the Collections page is in the auto-sorted state, which is "recently modified" by default, then the new content tile will appear first. If the Collections page has another sort applied, then the new content tile will appear accordingly, and the page should jump to the new tile's location.

[bradenmacdonald]

@jmakowski1123 @sdaitzman This isn't a modal right; it's a full page? Should there be a "Cancel" button or "Go back" or something to return to the collection without adding anything?

[jmakowski1123]

Is there a big implementation difference whether it's a modal? I'm just thinking for consistency's sake - the editors open in modals, and the experience to choose content from a library in a course is a modal. And yes, some sort of cancel or go back option makes sense.

[bradenmacdonald]

I'm not sure just yet but I think it may be easier to implement as a modal, and I agree it's what I would have expected - but the design shown so far doesn't look like a modal since it has the Studio header.

[jmakowski1123]

Unless @sdaitzman objects, let's go with a modal - especially if that's easier to implement.

[bradenmacdonald]

@jmakowski1123 @sdaitzman @lizc577 @marcotuts This workflow is ready for acceptance testing on the sandbox.

[jmakowski1123]

This looks good, except for this issue, which I created a separate story for: #1435