From 65f941d7dfd5921b7a69fc2a4559c68fc89f0179 Mon Sep 17 00:00:00 2001
From: akarl <akarl@cycro-digital-solutions.com>
Date: Mon, 20 Jan 2020 12:41:06 +0100
Subject: [PATCH] - Freitextfeld 'cat_css' im Main-Menue aufgenommen & gestyled

---
 .../_public/src/less/_modules/header.less     |  9 +++-
 frontend/index/main-navigation.tpl            | 46 +++++++++++++++++++
 2 files changed, 53 insertions(+), 2 deletions(-)
 create mode 100644 frontend/index/main-navigation.tpl

diff --git a/frontend/_public/src/less/_modules/header.less b/frontend/_public/src/less/_modules/header.less
index d52199c..baa58ff 100644
--- a/frontend/_public/src/less/_modules/header.less
+++ b/frontend/_public/src/less/_modules/header.less
@@ -20,7 +20,12 @@
     .is--home{
       display: none; }
     li {
-      a {
+      .navigation--link {
         span{
+          display: block;
           text-transform: uppercase;
-          font-weight: 700; } } } } }
\ No newline at end of file
+          font-weight: 700; }
+        .wbn-icon-set {
+          margin-bottom: 0.5em;
+          &:before {
+            font-size: 35px; } } } } } }
diff --git a/frontend/index/main-navigation.tpl b/frontend/index/main-navigation.tpl
new file mode 100644
index 0000000..a46a2b2
--- /dev/null
+++ b/frontend/index/main-navigation.tpl
@@ -0,0 +1,46 @@
+{extends file="parent:frontend/index/main-navigation.tpl"}
+
+{block name='frontend_index_navigation_categories'}
+
+    {debug}
+
+    <div class="navigation--list-wrapper">
+        {block name='frontend_index_navigation_categories_navigation_list'}
+            <ul class="navigation--list container" role="menubar" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
+                {strip}
+                    {block name='frontend_index_navigation_categories_top_home'}
+                        <li class="navigation--entry{if $sCategoryCurrent == $sCategoryStart && $Controller == 'index'} is--active{/if} is--home" role="menuitem">
+                            {block name='frontend_index_navigation_categories_top_link_home'}
+                                <a class="navigation--link is--first{if $sCategoryCurrent == $sCategoryStart && $Controller == 'index'} active{/if}" href="{url controller='index'}" title="{s name='IndexLinkHome' namespace="frontend/index/categories_top"}{/s}" aria-label="{s name='IndexLinkHome' namespace="frontend/index/categories_top"}{/s}" itemprop="url">
+                                    <span itemprop="name">{s name='IndexLinkHome' namespace="frontend/index/categories_top"}{/s}</span>
+                                </a>
+                            {/block}
+                        </li>
+                    {/block}
+
+                    {block name='frontend_index_navigation_categories_top_before'}{/block}
+
+                    {foreach $sMainCategories as $sCategory}
+                        {block name='frontend_index_navigation_categories_top_entry'}
+                            {if !$sCategory.hideTop}
+                                <li class="navigation--entry{if $sCategory.flag} is--active{/if}" role="menuitem">
+                                    {block name='frontend_index_navigation_categories_top_link'}
+                                        <a class="navigation--link{if $sCategory.flag} is--active{/if}" href="{$sCategory.link}" title="{$sCategory.description}" aria-label="{$sCategory.description}" itemprop="url"{if $sCategory.external && $sCategory.externalTarget} target="{$sCategory.externalTarget}"{/if}>
+                                            {if $sCategory.attribute.cat_css}
+                                                <span class="wbn-icon-set {$sCategory.attribute.cat_css}"></span>
+                                            {else}
+                                                <span class="wbn-icon-set wbn-icon-empty"></span>
+                                            {/if}
+                                            <span itemprop="name">{$sCategory.description}</span>
+                                        </a>
+                                    {/block}
+                                </li>
+                            {/if}
+                        {/block}
+                    {/foreach}
+                    {block name='frontend_index_navigation_categories_top_after'}{/block}
+                {/strip}
+            </ul>
+        {/block}
+    </div>
+{/block}