[PP-1] Convert course navigation block to SDC

Created on 27 March 2025, about 2 months ago

Problem/Motivation

Once 📌 Update legacy themes Active lands we'll have a functional navigation block with lesson and activity status available for themers.

This should be a good starting point to convert to an SDC for use with UI suite and etc.

The conversion should preserve (or improve) the caching/placeholder logic from that issue - e.g. we want to individually placeholder the activities list for each lesson so that they can be cached independently of each other and loaded ASAP both on cold and warm caches.

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

📌 Task
Status

Active

Version

1.0

Component

User interface

Created by

🇬🇧United Kingdom catch

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

  • Issue created by @catch
  • 🇨🇦Canada ob3ron Canada

    Removing "PP-1" as 📌 Update legacy themes Active has landed, and adding as a child issue of 📌 Improve general appearance Active

  • Merge request !87Course navigation improvements → (Open) created by Unnamed author
  • Pipeline finished with Success
    17 days ago
    Total: 270s
    #486830
  • 🇨🇦Canada ob3ron Canada

    WIP commit - includes a number of navigation improvements:

    • adds single-directory components (SDC) for layout and styling.
    • displays all but the current lesson as collapsed accordion lists, for compactness and better visual progress display.
    • removes the link url from activities that are not available to visit, based on the course-level Free Navigation setting, or if the user is revisiting a completed course.
    • improves the course navigation caching/placeholder logic, with appropriate cache lifetimes based on per-user and per-lesson display options.
    • adds styling to each activity to indicate current / answered / unanswered activities.
    • adds activity scores on course revisit.
  • 🇨🇦Canada ob3ron Canada

    Will do additional code cleanup and optimization, meanwhile any feedback on the looks and function is welcome.

  • 🇬🇧United Kingdom catch

    Haven't reviewed the MR or functionality yet, but just changing status to make it clear there's something to look at here.

  • Pipeline finished with Failed
    2 days ago
    #499352
  • Pipeline finished with Success
    2 days ago
    Total: 379s
    #499377
  • Pipeline finished with Success
    2 days ago
    #499387
  • 🇨🇦Canada ob3ron Canada

    Added additional caching improvements and testing. Should be ready for review.

  • Pipeline finished with Success
    1 day ago
    Total: 421s
    #499773
Production build 0.71.5 2024