Display: Add feature to add CSS class to HTML main <section> element for specific enabled features that are used more globally through global variable $htmlContentExtraClass - refs BT#13334

main/inc/lib/template.lib.php

@@ -223,6 +223,10 @@ class Template
         $this->set_footer($show_footer);
         $this->set_header($show_header);
 
+        // Extra class for the main cm-content div
+        global $htmlContentExtraClass;
+        $this->setExtraContentClass($htmlContentExtraClass);
+
         $this->set_header_parameters($sendHeaders);
         $this->set_footer_parameters();
 
@@ -462,6 +466,27 @@ class Template
         $this->assign('show_course_shortcut', $courseToolBar);
         $this->assign('show_course_navigation_menu', $show_course_navigation_menu);
     }
+    /**
+     * Sets an extra class for the main cm-content div.
+     * To use, give a new row to $htmlContentExtraClass like so: `$htmlContentExtraClass[] = 'feature-item-user-skill-on';`
+     * before any Display::display_header() call.
+     */
+    public function setExtraContentClass($htmlContentExtraClass): void
+    {
+        if (empty($htmlContentExtraClass)) {
+            $extraClass = '';
+        } else {
+            if (is_array($htmlContentExtraClass)) {
+                $extraClass = implode(' ', $htmlContentExtraClass);
+            } else {
+                $extraClass = $htmlContentExtraClass;
+            }
+            $extraClass = Security::remove_XSS($extraClass);
+            $extraClass = trim($extraClass);
+            $extraClass = ' class="'.$extraClass.'"';
+        }
+        $this->assign('html_content_extra_class', $extraClass);
+    }
 
     /**
      * Returns the sub-folder and filename for the given tpl file.

main/template/default/gradebook/skill_rel_user.tpl

@@ -1,3 +1,4 @@
+<div {{ html_content_extra_class }}>
 <h3>{{ user.complete_name_with_username }}</h3>
 <br />
 <script>
@@ -64,4 +65,5 @@
         </td>
     </tr>
     {% endfor %}
-</table>
+</table>
+</div>

main/template/default/layout/page.tpl

@@ -45,7 +45,7 @@
             {% endif %}
 
             <!-- START CONTENT -->
-            <section id="cm-content">
+            <section id="cm-content"{{ html_content_extra_class }}>
                 <div class="container">
                     {% if show_course_shortcut is not null %}
                         <!-- TOOLS SHOW COURSE -->

main/template/default/layout/show_header.tpl

@@ -45,7 +45,7 @@
     {% endif %}
 
     <!-- START CONTENT -->
-    <section id="cm-content">
+    <section id="cm-content"{{ html_content_extra_class }}>
         <div class="container">
             {% if show_header == true %}
                 {% if show_course_shortcut is not null %}