refactor: Code refactor [MenuAdvanced] #23

bin/MenuAdvanced.js

@@ -103,12 +103,11 @@ define('package/quiqqer/menu/bin/MenuAdvanced', [
 
                     self.Slideout.close();
                     self.$scrollToElement(TargetElm);
-                })
+                });
             });
 
             this.NavUlContainer = Elm.querySelector('.quiqqer-advanced-page-navigation-level-1');
-            var Parent = this.getElm(), // caly nav
-            NextButton = this.NavUlContainer.getElements(".quiqqer-advanced-menu-icon-next"),
+            var NextButton = this.NavUlContainer.getElements(".quiqqer-advanced-menu-icon-next"),
             BackButton = this.NavUlContainer.getElements(".quiqqer-advanced-menu-li-back");
 
             var runs = false;

locale.xml

@@ -61,8 +61,8 @@
             <en><![CDATA[Mobile Menu]]></en>
         </locale>
         <locale name="mobileMenu.settings.template">
-            <de><![CDATA[Mobile Menüvorlage]]></de>
-            <en><![CDATA[Mobile Menu Template]]></en>
+            <de><![CDATA[Mobiler Menütyp]]></de>
+            <en><![CDATA[Mobile Menu Type]]></en>
         </locale>
         <locale name="mobileMenu.settings.template.standard">
             <de><![CDATA[Standard]]></de>
@@ -72,19 +72,25 @@
             <de><![CDATA[Fortgeschrittene]]></de>
             <en><![CDATA[Advanced]]></en>
         </locale>
-        <locale name="mobileMenu.settings.collapseMobileSubmenu">
+
+        <!-- mobile menu standart -->
+        <locale name="mobileMenu.standard.settings.title">
+            <de><![CDATA[Mobiles Menü - Standard]]></de>
+            <en><![CDATA[Mobile Menu - Standard]]></en>
+        </locale>
+        <locale name="mobileMenu.standard.settings.collapseMobileSubmenu">
             <de><![CDATA[Collpase-Untermenü in der mobilen Version]]></de>
             <en><![CDATA[Collpase submenu in mobile version]]></en>
         </locale>
-        <locale name="mobileMenu.settings.showLevel">
+        <locale name="mobileMenu.standard.settings.showLevel">
             <de><![CDATA[Ebene anzeigen]]></de>
             <en><![CDATA[Show level]]></en>
         </locale>
-        <locale name="mobileMenu.settings.showLevel.desc">
+        <locale name="mobileMenu.standard.settings.showLevel.desc">
             <de><![CDATA[Wie viele Ebenen des mobilen Menüs sollen angezeigt werden?]]></de>
             <en><![CDATA[How many levels of mobile menu should be shown?]]></en>
         </locale>
-        <locale name="mobileMenu.advanced.backBtn.text">
+        <locale name="mobileMenu.standard.advanced.backBtn.text">
             <de><![CDATA[Zurück]]></de>
             <en><![CDATA[Back]]></en>
         </locale>

settings.xml

@@ -25,6 +25,8 @@
                         <type><![CDATA[string]]></type>
                         <defaultvalue>standard</defaultvalue>
                     </conf>
+                </section>
+                <section name="mobileMenu.standard.settings">
                     <conf name="collapseMobileSubmenu">
                         <type><![CDATA[bool]]></type>
                     </conf>
@@ -98,19 +100,25 @@
                                     <locale group="quiqqer/menu" var="mobileMenu.settings.template.advanced"/>
                                 </option>
                             </select>
+                        </settings>
+
+                        <settings title="mobileMenu.standard.settings" name="mobileMenu.standard.settings">
+                            <title>
+                                <locale group="quiqqer/menu" var="mobileMenu.standard.settings.title"/>
+                            </title>
 
-                            <input conf="mobileMenu.settings.collapseMobileSubmenu" type="checkbox">
+                            <input conf="mobileMenu.standard.settings.collapseMobileSubmenu" type="checkbox">
                                 <text>
-                                    <locale group="quiqqer/menu" var="mobileMenu.settings.collapseMobileSubmenu"/>
+                                    <locale group="quiqqer/menu" var="mobileMenu.standard.settings.collapseMobileSubmenu"/>
                                 </text>
                             </input>
 
-                            <input conf="mobileMenu.settings.showLevel" type="number" min="1" max="50">
+                            <input conf="mobileMenu.standard.settings.showLevel" type="number" min="1" max="50">
                                 <text>
-                                    <locale group="quiqqer/menu" var="mobileMenu.settings.showLevel"/>
+                                    <locale group="quiqqer/menu" var="mobileMenu.standard.settings.showLevel"/>
                                 </text>
                                 <description>
-                                    <locale group="quiqqer/menu" var="mobileMenu.settings.showLevel.desc"/>
+                                    <locale group="quiqqer/menu" var="mobileMenu.standard.settings.showLevel.desc"/>
                                 </description>
                             </input>
                         </settings>

src/QUI/Menu/MegaMenu.php

@@ -87,7 +87,7 @@ public function __construct($attributes = [])
         $collapseMobileSubmenu = $this->getAttribute('collapseMobileSubmenu');
 
         if ($this->getProject()->getConfig('menu.settings.collapseMobileSubmenu') !== '') {
-            $collapseMobileSubmenu = $this->getProject()->getConfig('mobileMenu.settings.collapseMobileSubmenu');
+            $collapseMobileSubmenu = $this->getProject()->getConfig('mobileMenu.standard.settings.collapseMobileSubmenu');
         }
 
         $showLevel = 1;

src/QUI/Menu/MenuAdvanced.css

 :root {
+    --qui-menuAdvanced-bg: #eaeaea;
     --qui-menuAdvanced-color: #eaeaea;
+    --qui-menuAdvanced-color-hover: #eaeaea;
+    --qui-menuAdvanced-color-text: #eaeaea;
 }
 
 .page-navigation .quiqqer-menu-advanced {