From ec0d0b9630ade8e9de46dd80da4c854f6d0c1c5a Mon Sep 17 00:00:00 2001
From: Ron Lucke <lucke@elan-ev.de>
Date: Tue, 21 May 2024 11:36:55 +0200
Subject: add first changes

---
 resources/assets/stylesheets/scss/layouts.scss |  3 +-
 templates/header.php                           | 63 ++++++++++++++------------
 templates/secondary_tabs.php                   | 37 +++++++++++++++
 3 files changed, 73 insertions(+), 30 deletions(-)
 create mode 100644 templates/secondary_tabs.php

diff --git a/resources/assets/stylesheets/scss/layouts.scss b/resources/assets/stylesheets/scss/layouts.scss
index 6d0454a..3d78f1c 100644
--- a/resources/assets/stylesheets/scss/layouts.scss
+++ b/resources/assets/stylesheets/scss/layouts.scss
@@ -78,7 +78,8 @@ body {
     }
 }
 
-#navigation-level-2 {
+#navigation-level-2,
+#navigation-level-3 {
     #context-title {
         font-size: 1.1em;
         height: 30px;
diff --git a/templates/header.php b/templates/header.php
index 5a935b3..5d64609 100644
--- a/templates/header.php
+++ b/templates/header.php
@@ -18,35 +18,35 @@ $navigation = PageLayout::getTabNavigation();
 $tab_root_path = PageLayout::getTabNavigationPath();
 if ($navigation) {
     $subnavigation = $navigation->activeSubNavigation();
-    if ($subnavigation !== null) {
-        $nav_links = new NavigationWidget();
-        $nav_links->setId('sidebar-navigation');
-        $nav_links->addCSSClass('navigation-level-3');
-        $nav_links->setTitle(_('Dritte Navigationsebene'));
-        if (!$navigation->getImage()) {
-            $nav_links->addLayoutCSSClass('show');
-        }
-        foreach ($subnavigation as $path => $nav) {
-            if (!$nav->isVisible()) {
-                continue;
-            }
-            $nav_id = "nav_".implode("_", preg_split("/\//", $tab_root_path, -1, PREG_SPLIT_NO_EMPTY))."_".$path;
-            $link = $nav_links->addLink(
-                $nav->getTitle(),
-                URLHelper::getURL($nav->getURL()),
-                null,
-                array_merge($nav->getLinkAttributes(), ['id' => $nav_id])
-            );
-            $link->setActive($nav->isActive());
-            if (!$nav->isEnabled()) {
-                $link['disabled'] = true;
-                $link->addClass('quiet');
-            }
-        }
-        if ($nav_links->hasElements()) {
-            Sidebar::get()->insertWidget($nav_links, ':first');
-        }
-    }
+    // if ($subnavigation !== null) {
+    //     $nav_links = new NavigationWidget();
+    //     $nav_links->setId('sidebar-navigation');
+    //     $nav_links->addCSSClass('navigation-level-3');
+    //     $nav_links->setTitle(_('Dritte Navigationsebene'));
+    //     if (!$navigation->getImage()) {
+    //         $nav_links->addLayoutCSSClass('show');
+    //     }
+    //     foreach ($subnavigation as $path => $nav) {
+    //         if (!$nav->isVisible()) {
+    //             continue;
+    //         }
+    //         $nav_id = "nav_".implode("_", preg_split("/\//", $tab_root_path, -1, PREG_SPLIT_NO_EMPTY))."_".$path;
+    //         $link = $nav_links->addLink(
+    //             $nav->getTitle(),
+    //             URLHelper::getURL($nav->getURL()),
+    //             null,
+    //             array_merge($nav->getLinkAttributes(), ['id' => $nav_id])
+    //         );
+    //         $link->setActive($nav->isActive());
+    //         if (!$nav->isEnabled()) {
+    //             $link['disabled'] = true;
+    //             $link->addClass('quiet');
+    //         }
+    //     }
+        // if ($nav_links->hasElements()) {
+        //     Sidebar::get()->insertWidget($nav_links, ':first');
+        // }
+    // }
 }
 
 ?>
@@ -303,6 +303,11 @@ if ($navigation) {
                     <?= $this->render_partial('tabs', compact('navigation')) ?>
                 <? endif; ?>
             </nav>
+            <nav id="navigation-level-3" aria-label="<?= _('Dritte Navigationsebene') ?>" >
+                <? if (PageLayout::isHeaderEnabled() && isset($subnavigation) && count($subnavigation->getIterator()) > 1) : ?>
+                    <?= $this->render_partial('secondary_tabs', compact('subnavigation')) ?>
+                <? endif; ?>
+            </nav>
         <? endif; ?>
 
         <?
diff --git a/templates/secondary_tabs.php b/templates/secondary_tabs.php
new file mode 100644
index 0000000..e38d6db
--- /dev/null
+++ b/templates/secondary_tabs.php
@@ -0,0 +1,37 @@
+<div class="tabs_wrapper">
+    <? SkipLinks::addIndex(_('Dritte Navigationsebene'), 'navigation-level-3', 10, false); ?>
+    <ul id="tabs">
+        <? if (!empty($subnavigation)): ?>
+            <? foreach ($subnavigation as $path => $nav): ?>
+                <? if ($nav->isVisible()): ?>
+                    <li id="nav_<?= $path1 ?? '' ?>_<?= $path ?>" <?= $nav->isActive() ? ' class="current"' : '' ?>>
+                        <? if ($nav->isEnabled()): ?>
+                            <?
+                            $attr = array_merge(['class' => ''], $nav->getLinkAttributes());
+                            if ($nav->hasBadgeNumber()) {
+                                $attr['class'] = trim("{$attr['class']} badge");
+                                $attr['data-badge-number'] = (int) $nav->getBadgeNumber();
+                            }
+                            ?>
+                            <a href="<?= URLHelper::getLink($nav->getURL()) ?>" <?= arrayToHtmlAttributes($attr) ?>>
+                                <? if ($image = $nav->getImage()): ?>
+                                    <?= $image->asImg(['class' => "tab-icon", 'title' => $nav->getTitle() ? $nav->getTitle() : $nav->getDescription()]) ?>
+                                <? endif ?>
+                                <span
+                                    title="<?= $nav->getDescription() ? htmlReady($nav->getDescription()) : htmlReady($nav->getTitle()) ?>"
+                                    class="tab-title"><?= htmlReady($nav->getTitle()) ?></span>
+                            </a>
+                        <? else: ?>
+                            <span class="quiet tab-title">
+                                <? if ($image = $nav->getImage()): ?>
+                                    <?= $image->asImg(['class' => "tab-icon", 'title' => $nav->getTitle()]) ?>
+                                <? endif ?>
+                                <?= htmlReady($nav->getTitle()) ?>
+                            </span>
+                        <? endif ?>
+                    </li>
+                <? endif; ?>
+            <? endforeach ?>
+        <? endif; ?>
+    </ul>
+</div>
\ No newline at end of file
-- 
cgit v1.0