MDL-70202 theme_boost: frontend for secondary navigation

- Part of: MDL-69588

lib/outputrenderers.php

@@ -3816,10 +3816,20 @@ EOD;
      * @return string
      */
     public function more_menu($content, $navbarstyle) {
-        return $this->render_from_template('core/moremenu', (object) [
-            'nodearray' => $content,
-            'navbarstyle' => $navbarstyle
-        ]);
+        if (is_object($content)) {
+            if (!isset($content->children) || count($content->children) == 0) {
+                return false;
+            }
+            return $this->render_from_template('core/moremenu', (object) [
+                'nodecollection' => $content,
+                'navbarstyle' => $navbarstyle
+            ]);
+        } else {
+            return $this->render_from_template('core/moremenu', (object) [
+                'nodearray' => $content,
+                'navbarstyle' => $navbarstyle
+            ]);
+        }
     }
 
     /**

lib/templates/moremenu.mustache

@@ -46,6 +46,11 @@
 }}
 <nav class="moremenu">
     <ul id="moremenu-{{ uniqid }}" class="nav {{navbarstyle}}">
+        {{#nodecollection}}
+            {{#children}}
+                {{> core/moremenu_children}}
+            {{/children}}
+        {{/nodecollection}}
         {{#nodearray}}
             {{> core/moremenu_children}}
         {{/nodearray}}

lib/templates/moremenu_children.mustache

@@ -49,7 +49,7 @@
 {{/haschildren}}
 {{^haschildren}}
     <li class="nav-item">
-        <a class="nav-link {{#isactive}}active{{/isactive}} {{#classes}}{{.}} {{/classes}}" href="{{{url}}}" role="menuitem" {{#isactive}}aria-current="true"{{/isactive}}>
+        <a class="nav-link {{#isactive}}active{{/isactive}} {{#classes}}{{.}} {{/classes}}" href="{{{url}}}{{{action}}}" role="menuitem" {{#isactive}}aria-current="true"{{/isactive}}>
             {{{text}}}
         </a>
     </li>

theme/boost/layout/columns2.php

@@ -57,6 +57,7 @@ $templatecontext = [
     'regionmainsettingsmenu' => $regionmainsettingsmenu,
     'hasregionmainsettingsmenu' => !empty($regionmainsettingsmenu),
     'primarymoremenu' => $OUTPUT->more_menu(array_merge($primarymenu['primary'], $primarymenu['custom']), 'navbar-nav'),
+    'secondarymoremenu' => $OUTPUT->more_menu($PAGE->secondarynav, 'nav-tabs'),
 ];
 $nav = $PAGE->flatnav;
 $templatecontext['flatnavigation'] = $nav;

theme/boost/scss/moodle.scss

@@ -46,3 +46,4 @@ $breadcrumb-divider-rtl: "◀" !default;
 @import "moodle/reportbuilder";
 @import "moodle/moremenu";
 @import "moodle/primarynavigation";
+@import "moodle/secondarynavigation";

theme/boost/scss/moodle/moremenu.scss

@@ -9,6 +9,9 @@
         display: flex;
         align-items: center;
     }
+    .nav-tabs {
+        margin-left: 0;
+    }
     // Styling for dropdown menus inside the MoreButton.
     .dropdownmoremenu > .dropdown-menu {
         & > .dropdown-item {

theme/boost/scss/moodle/secondarynavigation.scss

@@ -0,0 +1,6 @@
+.secondarynavigation {
+    z-index: 1;
+    .moremenu {
+        margin-bottom: -1px;
+    }
+}

theme/boost/style/moodle.css

@@ -20047,6 +20047,8 @@ div.editor_atto_toolbar button .icon {
     height: 40px;
     display: flex;
     align-items: center; }
+  .moremenu .nav-tabs {
+    margin-left: 0; }
   .moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
     padding: 0; }
   .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
@@ -20068,6 +20070,11 @@ div.editor_atto_toolbar button .icon {
   .navbar.fixed-top .moremenu .nav-link {
     height: 50px; }
 
+.secondarynavigation {
+  z-index: 1; }
+  .secondarynavigation .moremenu {
+    margin-bottom: -1px; }
+
 body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; }

theme/boost/templates/columns2.mustache

@@ -62,7 +62,9 @@
 
     <div id="page" class="container-fluid d-print-block">
         {{{ output.full_header }}}
-
+        <div class="secondarynavigation">
+            {{{ secondarymoremenu }}}
+        </div>
         <div id="page-content" class="row pb-3 d-print-block">
             <div id="region-main-box" class="col-12">
                 {{#hasregionmainsettingsmenu}}

theme/classic/style/moodle.css

@@ -20238,6 +20238,8 @@ div.editor_atto_toolbar button .icon {
     height: 40px;
     display: flex;
     align-items: center; }
+  .moremenu .nav-tabs {
+    margin-left: 0; }
   .moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
     padding: 0; }
   .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
@@ -20259,6 +20261,11 @@ div.editor_atto_toolbar button .icon {
   .navbar.fixed-top .moremenu .nav-link {
     height: 50px; }
 
+.secondarynavigation {
+  z-index: 1; }
+  .secondarynavigation .moremenu {
+    margin-bottom: -1px; }
+
 body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; }