Hierarchy Fix

src/templates/html/mod_menu/collapse-metismenu.php

@@ -0,0 +1,28 @@
+<?php
+
+
+/**
+ * @package     Joomla.Site
+ * @subpackage  mod_menu
+ *
+ * @copyright   (C) 2021 Open Source Matters, Inc. <https://www.joomla.org>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\CMS\Language\Text;
+
+HTMLHelper::_('bootstrap.collapse');
+?>
+
+<nav class="navbar navbar-expand-md" aria-label="<?php echo htmlspecialchars($module->title, ENT_QUOTES, 'UTF-8'); ?>">
+    <button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbar<?php echo $module->id; ?>" aria-controls="navbar<?php echo $module->id; ?>" aria-expanded="false" aria-label="<?php echo Text::_('MOD_MENU_TOGGLE'); ?>">
+        <span class="icon-menu" aria-hidden="true"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbar<?php echo $module->id; ?>">
+        <?php require __DIR__ . '/dropdown-metismenu.php'; ?>
+    </div>
+</nav>
+

src/templates/html/mod_menu/dropdown-metismenu.php

@@ -0,0 +1,110 @@
+<?php
+
+
+/**
+ * @package     Joomla.Site
+ * @subpackage  mod_menu
+ *
+  * @copyright   (C) 2020 Open Source Matters, Inc. <https://www.joomla.org>
+ * @copyright   (C) 2025 Jonathan Miler || Moko Consulting <https://mokoconsulting.tech>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Helper\ModuleHelper;
+use Joomla\Utilities\ArrayHelper;
+
+/** @var \Joomla\CMS\WebAsset\WebAssetManager $wa */
+$wa = $app->getDocument()->getWebAssetManager();
+$wa->registerAndUseScript('metismenu', 'media/templates/site/moko-cassiopeia/js/mod_menu/menu-metismenu.min.js', [], ['defer' => true], ['metismenujs']);
+
+$attributes          = [];
+$attributes['class'] = 'mod-menu mod-menu_dropdown-metismenu metismenu mod-list ' . $class_sfx;
+
+if ($tagId = $params->get('tag_id', '')) {
+    $attributes['id'] = $tagId;
+}
+
+$start = (int) $params->get('startLevel', 1);
+
+?>
+<ul <?php echo ArrayHelper::toString($attributes); ?>>
+<?php foreach ($list as $i => &$item) {
+    // Skip sub-menu items if they are set to be hidden in the module's options
+    if (!$showAll && $item->level > $start) {
+        continue;
+    }
+
+    $itemParams = $item->getParams();
+    $class      = [];
+    $class[]    = 'metismenu-item item-' . $item->id . ' level-' . ($item->level - $start + 1);
+
+    if ($item->id == $default_id) {
+        $class[] = 'default';
+    }
+
+    if ($item->id == $active_id || ($item->type === 'alias' && $itemParams->get('aliasoptions') == $active_id)) {
+        $class[] = 'current';
+    }
+
+    if (in_array($item->id, $path)) {
+        $class[] = 'active';
+    } elseif ($item->type === 'alias') {
+        $aliasToId = $itemParams->get('aliasoptions');
+
+        if (count($path) > 0 && $aliasToId == $path[count($path) - 1]) {
+            $class[] = 'active';
+        } elseif (in_array($aliasToId, $path)) {
+            $class[] = 'alias-parent-active';
+        }
+    }
+
+    if ($item->type === 'separator') {
+        $class[] = 'divider';
+    }
+
+    if ($showAll) {
+        if ($item->deeper) {
+            $class[] = 'deeper';
+        }
+
+        if ($item->parent) {
+            $class[] = 'parent';
+        }
+    }
+
+    echo '<li class="' . implode(' ', $class) . '">';
+
+    switch ($item->type) :
+        case 'separator':
+        case 'component':
+        case 'heading':
+        case 'url':
+            require ModuleHelper::getLayoutPath('mod_menu', 'dropdown-metismenu_' . $item->type);
+            break;
+
+        default:
+            require ModuleHelper::getLayoutPath('mod_menu', 'dropdown-metismenu_url');
+    endswitch;
+
+    switch (true) :
+        // The next item is deeper.
+        case $showAll && $item->deeper:
+            echo '<ul class="mm-collapse">';
+            break;
+
+        // The next item is shallower.
+        case $item->shallower:
+            echo '</li>';
+            echo str_repeat('</ul></li>', $item->level_diff);
+            break;
+
+        // The next item is on the same level.
+        default:
+            echo '</li>';
+            break;
+    endswitch;
+}
+?></ul>
+

src/templates/html/mod_menu/dropdown-metismenu_component.php

@@ -0,0 +1,79 @@
+<?php
+
+
+/**
+ * @package     Joomla.Site
+ * @subpackage  mod_menu
+ *
+  * @copyright   (C) 2020 Open Source Matters, Inc. <https://www.joomla.org>
+ * @copyright   (C) 2025 Jonathan Miler || Moko Consulting <https://mokoconsulting.tech>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Filter\OutputFilter;
+use Joomla\CMS\HTML\HTMLHelper;
+
+$attributes = [];
+
+if ($item->anchor_title) {
+    $attributes['title'] = $item->anchor_title;
+}
+
+if ($item->anchor_css) {
+    $attributes['class'] = $item->anchor_css;
+}
+
+if ($item->anchor_rel) {
+    $attributes['rel'] = $item->anchor_rel;
+}
+
+if ($item->id == $active_id) {
+    $attributes['aria-current'] = 'location';
+
+    if ($item->current) {
+        $attributes['aria-current'] = 'page';
+    }
+}
+
+$linktype = $item->title;
+
+if ($item->menu_icon) {
+    // The link is an icon
+    if ($itemParams->get('menu_text', 1)) {
+        // If the link text is to be displayed, the icon is added with aria-hidden
+        $linktype = '<span class="p-2 ' . $item->menu_icon . '" aria-hidden="true"></span>' . $item->title;
+    } else {
+        // If the icon itself is the link, it needs a visually hidden text
+        $linktype = '<span class="p-2 ' . $item->menu_icon . '" aria-hidden="true"></span><span class="visually-hidden">' . $item->title . '</span>';
+    }
+} elseif ($item->menu_image) {
+    // The link is an image, maybe with an own class
+    $image_attributes = [];
+
+    if ($item->menu_image_css) {
+        $image_attributes['class'] = $item->menu_image_css;
+    }
+
+    $linktype = HTMLHelper::_('image', $item->menu_image, $item->title, $image_attributes);
+
+    if ($itemParams->get('menu_text', 1)) {
+        $linktype .= '<span class="image-title">' . $item->title . '</span>';
+    }
+}
+
+if ($item->browserNav == 1) {
+    $attributes['target'] = '_blank';
+} elseif ($item->browserNav == 2) {
+    $options = 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes';
+
+    $attributes['onclick'] = "window.open(this.href, 'targetWindow', '" . $options . "'); return false;";
+}
+
+echo HTMLHelper::link(OutputFilter::ampReplace(htmlspecialchars($item->flink, ENT_COMPAT, 'UTF-8', false)), $linktype, $attributes);
+
+if ($showAll && $item->deeper) {
+    echo '<button class="mm-collapsed mm-toggler mm-toggler-link" aria-haspopup="true" aria-expanded="false" aria-label="' . $item->title . '"></button>';
+}
+

src/templates/html/mod_menu/dropdown-metismenu_heading.php

@@ -0,0 +1,61 @@
+<?php
+
+
+/**
+ * @package     Joomla.Site
+ * @subpackage  mod_menu
+ *
+  * @copyright   (C) 2020 Open Source Matters, Inc. <https://www.joomla.org>
+ * @copyright   (C) 2025 Jonathan Miler || Moko Consulting <https://mokoconsulting.tech>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\Utilities\ArrayHelper;
+
+$attributes = [];
+
+if ($item->anchor_title) {
+    $attributes['title'] = $item->anchor_title;
+}
+
+$attributes['class'] = 'mod-menu__heading nav-header';
+$attributes['class'] .= $item->anchor_css ? ' ' . $item->anchor_css : null;
+
+$linktype = $item->title;
+
+if ($item->menu_icon) {
+    // The link is an icon
+    if ($itemParams->get('menu_text', 1)) {
+        // If the link text is to be displayed, the icon is added with aria-hidden
+        $linktype = '<span class="p-2 ' . $item->menu_icon . '" aria-hidden="true"></span>' . $item->title;
+    } else {
+        // If the icon itself is the link, it needs a visually hidden text
+        $linktype = '<span class="p-2 ' . $item->menu_icon . '" aria-hidden="true"></span><span class="visually-hidden">' . $item->title . '</span>';
+    }
+} elseif ($item->menu_image) {
+    // The link is an image, maybe with an own class
+    $image_attributes = [];
+
+    if ($item->menu_image_css) {
+        $image_attributes['class'] = $item->menu_image_css;
+    }
+
+    $linktype = HTMLHelper::_('image', $item->menu_image, $item->title, $image_attributes);
+
+    if ($itemParams->get('menu_text', 1)) {
+        $linktype .= '<span class="image-title">' . $item->title . '</span>';
+    }
+}
+
+if ($showAll && $item->deeper) {
+    $attributes['class'] .= ' mm-collapsed mm-toggler mm-toggler-nolink';
+    $attributes['aria-haspopup'] = 'true';
+    $attributes['aria-expanded'] = 'false';
+    echo '<button ' . ArrayHelper::toString($attributes) . '>' . $linktype . '</button>';
+} else {
+    echo '<span ' . ArrayHelper::toString($attributes) . '>' . $linktype . '</span>';
+}
+

src/templates/html/mod_menu/dropdown-metismenu_separator.php

@@ -0,0 +1,61 @@
+<?php
+
+
+/**
+ * @package     Joomla.Site
+ * @subpackage  mod_menu
+ *
+  * @copyright   (C) 2020 Open Source Matters, Inc. <https://www.joomla.org>
+ * @copyright   (C) 2025 Jonathan Miler || Moko Consulting <https://mokoconsulting.tech>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\Utilities\ArrayHelper;
+
+$attributes = [];
+
+if ($item->anchor_title) {
+    $attributes['title'] = $item->anchor_title;
+}
+
+$attributes['class'] = 'mod-menu__separator separator';
+$attributes['class'] .= $item->anchor_css ? ' ' . $item->anchor_css : null;
+
+$linktype = $item->title;
+
+if ($item->menu_icon) {
+    // The link is an icon
+    if ($itemParams->get('menu_text', 1)) {
+        // If the link text is to be displayed, the icon is added with aria-hidden
+        $linktype = '<span class="p-2 ' . $item->menu_icon . '" aria-hidden="true"></span>' . $item->title;
+    } else {
+        // If the icon itself is the link, it needs a visually hidden text
+        $linktype = '<span class="p-2 ' . $item->menu_icon . '" aria-hidden="true"></span><span class="visually-hidden">' . $item->title . '</span>';
+    }
+} elseif ($item->menu_image) {
+    // The link is an image, maybe with an own class
+    $image_attributes = [];
+
+    if ($item->menu_image_css) {
+        $image_attributes['class'] = $item->menu_image_css;
+    }
+
+    $linktype = HTMLHelper::_('image', $item->menu_image, $item->title, $image_attributes);
+
+    if ($itemParams->get('menu_text', 1)) {
+        $linktype .= '<span class="image-title">' . $item->title . '</span>';
+    }
+}
+
+if ($showAll && $item->deeper) {
+    $attributes['class'] .= ' mm-collapsed mm-toggler mm-toggler-nolink';
+    $attributes['aria-haspopup'] = 'true';
+    $attributes['aria-expanded'] = 'false';
+    echo '<button ' . ArrayHelper::toString($attributes) . '>' . $linktype . '</button>';
+} else {
+    echo '<span ' . ArrayHelper::toString($attributes) . '>' . $linktype . '</span>';
+}
+

src/templates/html/mod_menu/dropdown-metismenu_url.php

@@ -0,0 +1,76 @@
+<?php
+
+
+/**
+ * @package     Joomla.Site
+ * @subpackage  mod_menu
+ *
+  * @copyright   (C) 2020 Open Source Matters, Inc. <https://www.joomla.org>
+ * @copyright   (C) 2025 Jonathan Miler || Moko Consulting <https://mokoconsulting.tech>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Filter\OutputFilter;
+use Joomla\CMS\HTML\HTMLHelper;
+
+$attributes = [];
+
+if ($item->anchor_title) {
+    $attributes['title'] = $item->anchor_title;
+}
+
+if ($item->anchor_css) {
+    $attributes['class'] = $item->anchor_css;
+}
+
+if ($item->anchor_rel) {
+    $attributes['rel'] = $item->anchor_rel;
+}
+
+$linktype = $item->title;
+
+if ($item->menu_icon) {
+    // The link is an icon
+    if ($itemParams->get('menu_text', 1)) {
+        // If the link text is to be displayed, the icon is added with aria-hidden
+        $linktype = '<span class="p-2 ' . $item->menu_icon . '" aria-hidden="true"></span>' . $item->title;
+    } else {
+        // If the icon itself is the link, it needs a visually hidden text
+        $linktype = '<span class="p-2 ' . $item->menu_icon . '" aria-hidden="true"></span><span class="visually-hidden">' . $item->title . '</span>';
+    }
+} elseif ($item->menu_image) {
+    // The link is an image, maybe with an own class
+    $image_attributes = [];
+
+    if ($item->menu_image_css) {
+        $image_attributes['class'] = $item->menu_image_css;
+    }
+
+    $linktype = HTMLHelper::_('image', $item->menu_image, $item->title, $image_attributes);
+
+    if ($itemParams->get('menu_text', 1)) {
+        $linktype .= '<span class="image-title">' . $item->title . '</span>';
+    }
+}
+
+if ($item->browserNav == 1) {
+    $attributes['target'] = '_blank';
+    $attributes['rel']    = 'noopener noreferrer';
+
+    if ($item->anchor_rel == 'nofollow') {
+        $attributes['rel'] .= ' nofollow';
+    }
+} elseif ($item->browserNav == 2) {
+    $options = 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,' . $params->get('window_open');
+
+    $attributes['onclick'] = "window.open(this.href, 'targetWindow', '" . $options . "'); return false;";
+}
+
+echo HTMLHelper::link(OutputFilter::ampReplace(htmlspecialchars($item->flink, ENT_COMPAT, 'UTF-8', false)), $linktype, $attributes);
+
+if ($showAll && $item->deeper) {
+    echo '<button class="mm-collapsed mm-toggler mm-toggler-link" aria-haspopup="true" aria-expanded="false" aria-label="' . $item->title . '"></button>';
+}
+

src/templates/html/mod_menu/index.html

@@ -0,0 +1,89 @@
+<!-- Copyright (C) 2025 Moko Consulting <jmiller@mokoconsulting.tech>
+
+ This file is part of a Moko Consulting project.
+
+ SPDX-License-Identifier: GPL-3.0-or-later
+
+ This program is free software; you can redistribute it and/or modify  it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 3 of the License, or
+ (at your option) any later version.
+
+ This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License along with this program. If not, see https://www.gnu.org/licenses/ .
+
+ # FILE INFORMATION
+ DEFGROUP: Joomla.Templates.Site
+ INGROUP: Moko-Cassiopeia
+ FILE: index.html
+ BRIEF: Security redirect page to block folder access and forward to site root.
+-->
+
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8" />
+	<title>Redirecting…</title>
+
+	<!-- Search engines: do not index this placeholder redirect page -->
+	<meta name="robots" content="noindex, nofollow, noarchive" />
+
+	<!-- Instant redirect fallback even if JavaScript is disabled -->
+	<meta http-equiv="refresh" content="0; url=/" />
+
+	<!-- Canonical root reference -->
+	<link rel="canonical" href="/" />
+
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+
+	<script>
+
+	(function redirectToRoot() {
+		// Configuration object with safe defaults.
+		var opts = {
+			fallbackPath: "/",   // string: fallback destination if origin is unavailable
+			delayMs: 0,           // number: delay before redirect in ms (0 = immediate)
+			behavior: "replace"   // enum: "replace" | "assign"
+		};
+
+		// Determine absolute origin in all mainstream browsers.
+		var origin = (typeof location.origin === "string" && location.origin)
+									|| (location.protocol + "//" + location.host);
+
+		// Final destination: absolute root of the current site, or fallback path.
+		var destination = origin ? origin + "/" : opts.fallbackPath;
+
+		function go() {
+			if (opts.behavior === "assign") {
+				location.assign(destination);
+			} else {
+				location.replace(destination);
+			}
+		}
+
+		// Execute redirect, optionally after a short delay.
+		if (opts.delayMs > 0) {
+			setTimeout(go, opts.delayMs);
+		} else {
+			go();
+		}
+	})();
+	</script>
+
+	<!--
+		Secondary meta-refresh for no-JS environments is already set above.
+		Some very old crawlers may ignore JS; the meta refresh ensures coverage.
+	-->
+
+	<noscript>
+		<!-- Extra defense-in-depth: if JS is disabled, meta refresh (above) handles redirect. -->
+		<style>
+			html, body { height:100%; }
+			body { display:flex; align-items:center; justify-content:center; margin:0; font: 16px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
+			.msg { opacity: .75; text-align: center; }
+		</style>
+	</noscript>
+</head>
+<body>
+	<div class="msg">Redirecting to the site root… If you are not redirected, <a href="/">click here</a>.</div>
+</body>
+</html>