MDL-76992 core_courseindex: Apply indentation in the course index

ralferlebach · Feb 28, 2023 · 2a7632f · 2a7632f
1 parent b37fe9a
commit 2a7632f
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 4 deletions.
diff --git a/course/format/amd/build/local/courseindex/cm.min.js b/course/format/amd/build/local/courseindex/cm.min.js
diff --git a/course/format/amd/build/local/courseindex/cm.min.js.map b/course/format/amd/build/local/courseindex/cm.min.js.map
diff --git a/course/format/amd/src/local/courseindex/cm.js b/course/format/amd/src/local/courseindex/cm.js
@@ -52,6 +52,7 @@ export default class Component extends DndCmItem {
             LOCKED: 'editinprogress',
             RESTRICTIONS: 'restrictions',
             PAGEITEM: 'pageitem',
+            INDENTED: 'indented',
         };
         // We need our id to watch specific events.
         this.id = this.element.dataset.id;
@@ -132,6 +133,7 @@ export default class Component extends DndCmItem {
         this.element.classList.toggle(this.classes.DRAGGING, element.dragging ?? false);
         this.element.classList.toggle(this.classes.LOCKED, element.locked ?? false);
         this.element.classList.toggle(this.classes.RESTRICTIONS, element.hascmrestrictions ?? false);
+        this.element.classList.toggle(this.classes.INDENTED, element.indent);
         this.locked = element.locked;
     }
 

diff --git a/course/format/templates/local/courseindex/cm.mustache b/course/format/templates/local/courseindex/cm.mustache
@@ -28,14 +28,16 @@
         "isactive": 1,
         "uniqid": "0",
         "accessvisible": 1,
-        "hascmrestrictions": 0
+        "hascmrestrictions": 0,
+        "indent": 1
     }
 }}
 <li class="courseindex-item
         {{#isactive}}active{{/isactive}}
         {{#hascmrestrictions}}restrictions{{/hascmrestrictions}}
         {{^accessvisible}}dimmed{{/accessvisible}}
-        {{#url}} d-flex {{/url}} {{^url}} d-flex-noedit {{/url}}"
+        {{#url}} d-flex {{/url}} {{^url}} d-flex-noedit {{/url}}
+        {{#indent}} indented {{/indent}}"
     id="{{uniqid}}-course-index-cm-{{id}}"
     data-for="cm"
     data-id="{{id}}"

diff --git a/theme/boost/scss/moodle/courseindex.scss b/theme/boost/scss/moodle/courseindex.scss
@@ -135,6 +135,10 @@ $courseindex-item-current: $primary !default;
                 color: $danger;
             }
         }
+
+        &.indented {
+            margin-left: map-get($spacers, 3);
+        }
     }
 
     // The full section collapsable.

diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
@@ -21892,6 +21892,8 @@ div.editor_atto_toolbar button .icon {
       color: #357a32; }
     .courseindex .courseindex-item .completioninfo.completion_fail {
       color: #ca3120; }
+  .courseindex .courseindex-item.indented {
+    margin-left: 1rem; }
 
 .courseindex .courseindex-section {
   border-left: solid 3px transparent; }

diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
@@ -21838,6 +21838,8 @@ div.editor_atto_toolbar button .icon {
       color: #357a32; }
     .courseindex .courseindex-item .completioninfo.completion_fail {
       color: #ca3120; }
+  .courseindex .courseindex-item.indented {
+    margin-left: 1rem; }
 
 .courseindex .courseindex-section {
   border-left: solid 3px transparent; }