New Unit Page (Studio MFE conversion)

[jmakowski1123]

Project Scope

STATUS: The Unit Page is currently being implemented: https://openedx.atlassian.net/wiki/spaces/COMM/pages/3862528042/WBS+for+Course+Unit+Page

The Unit Page has been updated to include new Paragon components. In particular, updated elements include updated fonts and new styling of the righthand widget and content blocks.

The new Unit Page will contain net-new features not included in the legacy experience. This includes:

New features on the Unit Page

• Add expand/collapse button on new Unit Page MFE #356

New features associated with the Tagging project:

• Three dot menu on the component blocks
• Unit tags widget

New features associated with the Copy/Paste project:

• Paste unit from unit
• Copy unit button in right sidebar
• Paste component button

These new features are documented here: https://openedx.atlassian.net/wiki/spaces/COMM/pages/3866689562/New+Additions+to+the+Course+Unit+Page

The Unit Page is part of the Course Authoring MFE.

The design files are here: https://www.figma.com/file/YeKFwSpyLaJFDs3f3p3TSa/Studio-1%3A1-mock-ups?type=design&node-id=0-1&mode=design&t=pbMclMlKB1pwEGkJ-0

Associated PRs:

edx-platform

Beta Give feedback

1. feat: [FC-0044] Unit page API as DRF edx-platform#34036
   open-source-contribution +1
   
2. feat: [FC-0044] XBlock's children API as DRF edx-platform#34055
   create-sandbox open-source-contribution waiting for eng review +3
   
3. feat: [FC-0044] add sequence_ids to container response edx-platform#34337
   FC open-source-contribution +2
4. feat: [FC-0044] add waffle flag support edx-platform#34338
   FC open-source-contribution +2
5. feat: [FC-0044] Manage access API edx-platform#34360
   open-source-contribution +1
6. feat: [FC-0044] manage tags on block level edx-platform#34361
   open-source-contribution +1
7. feat: [FC-0044] expose editor for advanced xblocks and move modal in CMS edx-platform#34929
   FC open-source-contribution +2

frontend-app-course-authoring

Beta Give feedback

1. feat: [FC-0044] Unit page header section frontend-app-course-authoring#808
   open-source-contribution +1
   
2. feat: [FC-0044] Course unit page - Unit switch widget with a New unit creation button frontend-app-course-authoring#809
   open-source-contribution +1
   
3. feat: [FC-0044] Unit page - refactoring unit page breadcrumbs and actions frontend-app-course-authoring#827
   create-sandbox open-source-contribution +2
4. feat: [FC-0044] Unit page - add new component section frontend-app-course-authoring#828
   create-sandbox open-source-contribution +2
5. feat: [FC-0044] Course unit page - Unit creation button logic and refactoring frontend-app-course-authoring#831
   create-sandbox open-source-contribution +2
   
6. feat: [FC-0044] Course unit page - Display sidebar component frontend-app-course-authoring#832
   create-sandbox open-source-contribution +2
   
7. feat: [FC-0044] Course unit page - Modal windows for course unit page components frontend-app-course-authoring#845
   create-sandbox open-source-contribution +2
   
8. feat: [FC-0044] Unit page - display xblock components frontend-app-course-authoring#857
   create-sandbox open-source-contribution +2
9. fix: [FC-0044] Course unit - Replaced the LMS endpoints frontend-app-course-authoring#882
   create-sandbox open-source-contribution +2
   
10. feat: [FC-0044] Course unit - Copy/paste functionality frontend-app-course-authoring#884
    create-sandbox open-source-contribution +2
    
11. feat: [FC-0044] Unit page - Manage access modal (unit & xblocks) frontend-app-course-authoring#901
    create-sandbox open-source-contribution +2
12. feat: [FC-0044] Course unit - Drag and drop for xblocks frontend-app-course-authoring#908
    create-sandbox open-source-contribution +2
    
13. feat: [FC-0044] Course unit - Edit/move modals for xblocks frontend-app-course-authoring#985
    FC create-sandbox open-source-contribution +3
    
14. feat: [FC-0044] Unit page - manage tags xblocks frontend-app-course-authoring#967
    FC open-source-contribution +2
15. feat: [FC-0044] Unit page - render xblock component frontend-app-course-authoring#964
    FC create-sandbox open-source-contribution +3
    
16. feat: [FC-0044] Added errors handling 4xx, 5xx frontend-app-course-authoring#992
    open-source-contribution +1
    

[github-actions]

Thanks for your submission, @openedx/open-edx-project-managers will review shortly.

[arbrandes]

Moving this to the FWG backlog, pending the upcoming architectural discussion(s) on what to do about the previews.