Przeglądaj źródła

fix error after attribute depreciation in MenuViewHelper

Olivier Massot 2 lat temu
rodzic
commit
56b20dfabf

+ 5 - 5
ot_templating/Resources/Private/Partials/Classic/Menu.html

@@ -9,8 +9,9 @@
 <f:comment><!--Navbar: Menu de premier niveau.
            Si les items ont des sous-pages, on leur donne la classe dropdown--></f:comment>
 <v:menu as="mainMenu"
-        classHasSubpages="dropdown"
-        pageUid="{ot:rootPage.getId()}">
+        pageUid="{ot:rootPage.getId()}"
+        >
+
     <div id="menu-container">
 
         <f:comment><!-- Button for mobile view, hidden by default --></f:comment>
@@ -21,7 +22,7 @@
         <ul id="menu">
             <f:for each="{mainMenu}" as="mainMenuItem">
 
-                <li class="{mainMenuItem.class} delayed-collapsing">
+                <li class="{mainMenuItem.class} first-level-menu delayed-collapsing">
 
                     <div class="menu-label">
                         <f:link.page pageUid="{mainMenuItem.uid}" title="{mainMenuItem.linktext}">
@@ -41,8 +42,7 @@
                     <f:if condition="{mainMenuItem.hasSubPages}">
 
                         <v:menu as="subMenu"
-                                pageUid="{mainMenuItem.uid}"
-                                classHasSubpages="dropdown">
+                                pageUid="{mainMenuItem.uid}">
 
                             <ul class="dropdown-menu">
 

+ 0 - 1
ot_templating/Resources/Private/Partials/Modern/Menu.html

@@ -41,7 +41,6 @@
                         <div class="menu-bar">
 
                             <v:menu as="mainMenu"
-                                    classHasSubpages="dropdown"
                                     classActive="active"
                                     pageUid="{ot:rootPage.getId()}">
 

+ 6 - 0
ot_templating/Resources/Public/assets/Classic/script/main.js

@@ -1,6 +1,12 @@
 $(document).ready(function(){
 
     // ******* Navbars & dropdowns *******
+    // add the 'dropdown' class on menus with children
+    $('.first-level-menu').each((i, menu) => {
+        if ($(menu).find('.subMenu')) {
+            $(menu).addClass('dropdown');
+        }
+    })
 
     // delay in ms before dropdown collapse after the cursor leave
     var collapsingDelay = 400;