Problem/Motivation

This is an epic to improve general appearance of various platform sections. Please create sub-tickets.

Comments

Graber created an issue. See original summary.

graber’s picture

graber commented
Component: Code » General appearance
ob3ron’s picture

ob3ron commented

As discussed in a couple of other places, let's consider transitioning the LMS module to Single-Directory Components (SDC) plus full compatibility with UI Suite, to modernize and simplify all front-end development. This will prevent the need for the LMS module to have to provide any theming of its own, while exposing components, props, and slots to front-end designers to easily manage the look & feel of all of the LMS components.

In practical terms, this would mean transitioning the existing /templates, /css, and /js into a single /components directory, plus updating any code references to them. Then we can also add any other components that would be helpful for the styling of courses, lessons, activities, navigation, progress tracking, messaging, etc.

The current components that need to be adapted include:

Let me know if we're in agreement on this, or if it needs further discussion. If we have a consensus, I propose to create a child issue to move existing components to SDC, and then add separate child issues as needed for full UI Suite compatibility.

ob3ron’s picture

ob3ron commented

I've found a few other components that can be targeted for SDC conversion. Here's my suggested order of operations:

  1. Set up SDC and convert simple components, see #3515929: Set up SDC and convert simple components
    • Lesson Timer
    • Admin Toolbar icon
    • Course Status Indicator
    • Start Link field
  2. Course Results display
  3. Courses Listing (use cards)
  4. Activity-Answer display (cards with defined regions)
  5. Course Navigation - see #3515744: Convert course navigation block to SDC