Consolidate Collection Edit and Modify functions

[mark-dce]

STORY As a user, I want to easily see the 'save order' option when I rearrange images because I keep leaving the page without saving.

DETAILS When you have more than about 8 images in your collection the save order button does not appear in the window and it's easy to reorder slides and think that's all there is to it. See attached screenshot.

OPTIONS:

1. In the best of all possible world, reordering would be all AJAX-y. I'm not sure if you were handling a single image reorder at a time on drop why this would be any more load than adding images to collections.
2. If you were worried about folks accidentally reordering, you could make the reorder work via AJAX, but make it a mode you had to enable and disable via an option in the Actions menu.
3. If you were still worried about the load, you could make reordering a specific state - in fact you could make a update collection mode that included reorder and delete and only save order and deletions on a "finish updating" button.
4. If you were really lazy, you could just put the save order button at top to the left of the actions menu

ACCEPTANCE Discuss options above as a team and write acceptance as a group.

SCREENSHOTS & WIREFRAMES Currently, I don't see that I have to hit a save button after I drag things around:

OPTION 3 Modal (stateful) option where I have to enter an update state

Rather than removing the image when the user clicks the delete target, grey out the image and replace the trash with an undo. Make the deletes when the user actually saves changes.

You could even just add the title and description edit to this mode - and consolidate "Edit Title and Description" and "Reorder and Remove images" to an "Edit Collection" option.

[jcoyne]

@mark-dce screenshot was not attached.

[jcoyne]

Uh, it just appeared when refreshing.

[mark-dce]

So with Option #3, the Actions could be [Download Powerpoint, Copy Collection, Edit Collection]

In the Edit mode, you'd have the ability to

• Edit the Title
• Edit the Description
• Reorder Images
• Delete Images (grayed-out and reversible until changes saved)
• Change the type (if your an admin)
• And a big red "Delete Collection" button with a "you can't undo this" warning popup

[jcoyne]

Aren't you seeing the modal that says "You have unsaved changes. Are you sure you want to leave this page?"

[bmaddy]

The plan:

• [x] Action dropdown: Change "edit title & description" to "edit collection"
• [x] Edit: Make items orderable via javascript
• [x] Edit: Save item order in hidden inputs
• [x] Edit: Save new order on submit
• [x] Edit: Use a checkbox to select items for deletion, grayed them out when checked
• [x] Edit: Update CuratedCollectionsController to make deleted items actually get removed
• [ ] Edit: Make a collection type dropdown or radio button (admin only)
• [x] Add tests for everything
• [x] Show: Remove javascript ordering stuff
• [x] Show: Remove the delete buttons
• [ ] Show: Remove upgrade/downgrade actions
• [x] Show: Remove the "Save the order" button
• [x] Remove CuratedCollectionsController#remove_from
• [ ] Remove CuratedCollectionsController#update_type

[bmaddy]

closed by f609c62