Add display_menu_use_course_categories config setting - refs BT#22676

Use courses categories as top horizontal bar menu (#navbar) entries and submenus, to point to the catalogue with a filter on these categories

Author: AngelFQC

app/Resources/public/css/base.css

@@ -9615,6 +9615,23 @@ ul.dropdown-menu.inner > li > a {
     padding-bottom: 133.33%;
 }
 
+.dropdown-menu li a + .dropdown-menu {
+    display: block;
+    left: 0;
+    top: 0;
+    box-shadow: none;
+    margin-top: 0;
+    border: 0;
+    position: relative;
+    padding: 0;
+}
+
+.dropdown-menu li a + .dropdown-menu li a {
+    padding-top: 6px;
+    padding-bottom: 6px;
+    padding-right: 9px;
+}
+
 /* CSS Responsive */
 @media (min-width: 1025px) and (max-width: 1200px) {
     .sidebar-scorm {

main/inc/lib/banner.lib.php

@@ -508,6 +508,11 @@ function return_navigation_array()
     ];
 }
 
+function getCourseCategoriesAsMenuItems()
+{
+
+}
+
 /**
  * Return the navigation menu elements as a flat array.
  *
@@ -527,6 +532,55 @@ function menuArray()
         $lang = $_SESSION['_user']['language'];
     }
 
+    if (api_get_configuration_value('display_menu_use_course_categories')
+        && 'true' === api_get_setting('course_catalog_published')
+    ) {
+        $baseCategoryUrl = api_get_path(WEB_CODE_PATH).'auth/courses.php?';
+        $commonParams = [
+            'search_term' => '',
+            'submit' => '_qf__s',
+        ];
+
+        $buildCategoryTree = function ($parentCode = 0, $depth = 0) use ($baseCategoryUrl, &$buildCategoryTree, &$commonParams) {
+            if ($depth > 2) {
+                return [];
+            }
+
+            $items = [];
+
+            foreach (CourseCategory::getChildren($parentCode, false) as $category) {
+                $commonParams['category_code'] = $category['code'];
+
+                $categoryItem = [
+                    'title' => $category['name'],
+                    'key' => 'category_'.$category['code'],
+                    'url' => $baseCategoryUrl.http_build_query($commonParams),
+                ];
+
+                $children = $buildCategoryTree($category['code'], $depth + 1);
+
+                if (!empty($children)) {
+                    $categoryItem['items'] = $children;
+                    $categoryItem['url'] = '#';
+                }
+
+                $items[] = $categoryItem;
+            }
+
+            return $items;
+        };
+
+        foreach (CourseCategory::getCategoriesToDisplayInHomePage() as $category) {
+            $key = 'category_'.$category['code'];
+            $mainNavigation['navigation'][$key] = [
+                'url' => '#',
+                'title' => $category['name'],
+                'key' => $key,
+                'items' => $buildCategoryTree($category['code']),
+            ];
+        }
+    }
+
     // Preparing home folder for multiple urls
     if (api_get_multiple_access_url()) {
         $access_url_id = api_get_current_access_url_id();

main/inc/lib/course_category.lib.php

@@ -398,23 +398,20 @@ public static function moveNodeUp($code, $tree_pos, $parent_id)
         return true;
     }
 
-    /**
-     * @param string $categoryCode
-     *
-     * @return array
-     */
-    public static function getChildren($categoryCode)
+    public static function getChildren(string $categoryCode, bool $getChildren = true): array
     {
         $table = Database::get_main_table(TABLE_MAIN_CATEGORY);
         $categoryCode = Database::escape_string($categoryCode);
-        $sql = "SELECT code, id FROM $table
+        $sql = "SELECT name, code, id FROM $table
                 WHERE parent_id = '$categoryCode'";
         $result = Database::query($sql);
         $children = [];
         while ($row = Database::fetch_array($result, 'ASSOC')) {
             $children[] = $row;
-            $subChildren = self::getChildren($row['code']);
-            $children = array_merge($children, $subChildren);
+            if ($getChildren) {
+                $subChildren = self::getChildren($row['code']);
+                $children = array_merge($children, $subChildren);
+            }
         }
 
         return $children;
@@ -591,7 +588,7 @@ public static function listCategories($categorySource)
     public static function getCategoriesToDisplayInHomePage()
     {
         $table = Database::get_main_table(TABLE_MAIN_CATEGORY);
-        $sql = "SELECT name FROM $table
+        $sql = "SELECT name, code FROM $table
                 WHERE parent_id IS NULL
                 ORDER BY tree_pos";
 

main/install/configuration.dist.php

@@ -2523,6 +2523,9 @@
 // 3. Uncomment $parentId var in src/Chamilo/CoreBundle/Entity/Career.php
 // $_configuration['career_hierarchy_enable'] = false;
 
+// Use courses categories as top horizontal bar menu (#navbar) entries and submenus, to point to the catalogue with a filter on these categories
+//$_configuration['display_menu_use_course_categories'] = false;
+
 // KEEP THIS AT THE END
 // -------- Custom DB changes
 // Set to true to hide settings completely in a sub-URL if the setting is disabled in the

main/template/default/layout/menu.tpl

@@ -121,11 +121,45 @@
                     {% endif %}
 
                     {% if show_item %}
-                        <li class="{{ item.key }} {{ item.current }}">
-                            <a href="{{ item.url }}" {{ item.target ? 'target="' ~ item.target ~ '"' : '' }} title="{{ item.title }}">
-                                {{ item.title }}
-                            </a>
-                        </li>
+                        {% if item.items %}
+                            <li class="dropdown {{ item.key }} {{ item.current }}">
+                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
+                                   aria-haspopup="true" aria-expanded="false">
+                                    {{ item.title }}
+                                    <span class="caret"></span>
+                                </a>
+                                <ul class="dropdown-menu">
+                                    {% for subitem in item.items %}
+                                        <li>
+                                            <a href="{{ subitem.url }}" class="{{ subitem.key }}">
+                                                {{ subitem.title }}
+                                                {% if subitem.items|length > 0 %}
+                                                    <span class="caret"></span>
+                                                {% endif %}
+                                            </a>
+
+                                            {% if subitem.items|length > 0 %}
+                                                <ul class="dropdown-menu">
+                                                    {% for subsubitem in subitem.items %}
+                                                        <li>
+                                                            <a href="{{ subsubitem.url }}" class="{{ subsubitem.key }}">
+                                                                {{ subsubitem.title }}
+                                                            </a>
+                                                        </li>
+                                                    {% endfor %}
+                                                </ul>
+                                            {% endif %}
+                                        </li>
+                                    {% endfor %}
+                                </ul>
+                            </li>
+                        {% else %}
+                            <li class="{{ item.key }} {{ item.current }}">
+                                <a href="{{ item.url }}" {{ item.target ? 'target="' ~ item.target ~ '"' : '' }} title="{{ item.title }}">
+                                    {{ item.title }}
+                                </a>
+                            </li>
+                        {% endif %}
                     {% endif %}
                 {% endfor %}
             </ul>