Content libraries permissions UI (WIP)

[bradenmacdonald]

This adds a new settings page in studio's library view that can be used to assign roles to users of a content library.

Each user can be in one of three roles:

• Admin: Can edit content and assign roles to users
• Staff: Can edit content but not users
• User: Can view content (and use it in their own courses) but cannot edit anything.

[bradenmacdonald]

Hey @marcotuts, do you guys have design mockup for how you want the user permissions editor screen to look for content libraries? Above you can see what I've implemented for now in this branch - three levels of permissions, and on each user there is a button to promote or demote. Please let me know what feedback you have, or if you have a better design that I could implement now.

[marcotuts]

@bradenmacdonald - This is a screen I will link to from the InvisionApp, but for now here it is directly. Let me know if you have any questions!
http://invis.io/3W1OU619Z

[marcotuts]

I tried to reuse all the existing patterns we have on the current Course Team page, while making sure that all the text is updated to reflect the Libraries use case, which it looks like you have done as well.

[bradenmacdonald]

Thanks @marcotuts :) Updated version pushed. Screenshot:

A few comments:

• The existing "Manage Course Team" page uses gray for the "Remove admin" button, so the same styles are making the remove buttons gray on this page too, although that contradicts your mockup. Let me know what you want done.
• Do we have to support narrow screens? Starting at ~1100px and getting narrower, the design starts to degrade a bit, and as we get down to a width of 950px, it starts to look like this, as there simply isn't enough room to keep all the elements on one line:
  
• Any other changes you'd like?

[marcotuts]

@bradenmacdonald -Awesome!

Staying consistent with our existing patterns is great, so having the grey button is definitely the right thing to have done here.

The lack of responsiveness is definitely something that would be worth addressing if possible. Let's do this - I'm going to ask someone on the design team do a FED review and suggest possible patterns for handling responsiveness here. I see you've used flex grid, but we may want to change this in smaller screen sizes. I'll check in on the latest Studio patterns we've implemented and add a reviewer to this tomorrow.

Thanks for the quick response and update!

[bradenmacdonald]

I have rebased this as content_libraries/5-permissions and will close this PR for now. Soon we will open an upstream PR to get the rebased version merged into the content-libraries feature branch.