Unit Page: Header Update

[ChrisChV]

Designs

Figma link

Unit statuses
Figma link

Specs

• Preview/ view live correspond to the current buttons on the Unit page:
  • Preview shows a preview of the draft (unpublished changes included)
  • View Live is the published version
• Unit header has breadcrumb navigation echoing current
• On hover, unit title can be edited: pencil icon is hidden unless hovered.

• Settings cog is removed
• Courses can have the following statuses: Live, Scheduled, Staff Only, Draft (Never Published)
• If the course has been published but has published changes, user sees Live button and Draft indicator with number of unpublished changes
• If the course is set to staff only, user sees the "Staff Only" indicator (not the scheduled/live). If there are unpublished changes, the # of unpublished changes indicator is shown
• If the course is scheduled and set to staff only, user should only see the 'staff only' indicator

Out of scope

• Click on Add button opens the add sidebar
• Click on Unit Info button opens the info sidebar
• Open the navbar when clicking the navbar button.

[ChrisChV]

Hi @edschema @sdaitzman, when I add a unit with a component to a group, this alert appears:

Should I delete it?

Another question: In the groups section of the new header, what happens if there are many groups? How many groups should I truncate it to?

[ChrisChV]

Hi @edschema @sdaitzman, another question, In the new design, the live view and preview buttons were combined:

But in the old implementation, each button redirects to a different URL, where the screens are very similar:

• Live: /learning/course/{courseId}/{unitId}
• Preview: /learning/preview/course/{courseId}/{unitId}

Which URL should the new button open to?

[bradenmacdonald]

@ChrisChV CC @edschema @sdaitzman "Live" is the published version and "Preview" is the draft version, right?

[edschema]

Designs

Figma link

Course statuses
Figma link

Specs

• Preview/ view live correspond to the current buttons on the Unit page:
  • Preview shows a preview of the draft (unpublished changes included)
  • View Live is the published version
• Unit header has breadcrumb navigation echoing current
• On hover, unit title can be edited: pencil icon is hidden unless hovered.

• Settings cog is removed
• Courses can have the following statuses: Live, Scheduled, Staff Only, Draft (Never Published)
• If the course has been published but has published changes, user sees Live button and Draft indicator with number of unpublished changes
• If the course is set to staff only, user sees the "Staff Only" indicator (not the scheduled/live). If there are unpublished changes, the # of unpublished changes indicator is shown
• If the course is scheduled and set to staff only, user should only see the 'staff only' indicator

[edschema]

Hi @edschema @sdaitzman, when I add a unit with a component to a group, this alert appears:

Should I delete it?

Another question: In the groups section of the new header, what happens if there are many groups? How many groups should I truncate it to?

Hi @ChrisChV. Yes, we should remove that banner now that we have the icon in the metadata area for groups. For the case where multiple groups are selected: that's a good question. I think instead of adding both, can we do "Access: 2 Groups" with the groups listed on a tooltip on hover?