Added Menu Particle option to target the desired menu to go in offcanvas (fixes #220)

assets/common/application/menu/index.js

@@ -27,7 +27,8 @@ var Menu = new prime({
             dropdown: '.g-dropdown',
             overlay: '.g-menu-overlay',
             touchIndicator: '.g-menu-parent-indicator',
-            linkedParent: '[data-g-menuparent]'
+            linkedParent: '[data-g-menuparent]',
+            mobileTarget: '[data-g-mobile-target]'
         },
 
         states: {
@@ -257,7 +258,7 @@ var Menu = new prime({
     _checkQuery: function(mq) {
         var selectors = this.options.selectors,
             mobileContainer = $(selectors.mobileContainer),
-            mainContainer = $(selectors.mainContainer),
+            mainContainer = $(selectors.mainContainer + selectors.mobileTarget) || $(selectors.mainContainer),
             find;
 
         if (mq.matches) {

assets/common/js/main.js

@@ -48,7 +48,8 @@ var Menu = new prime({
             dropdown: '.g-dropdown',
             overlay: '.g-menu-overlay',
             touchIndicator: '.g-menu-parent-indicator',
-            linkedParent: '[data-g-menuparent]'
+            linkedParent: '[data-g-menuparent]',
+            mobileTarget: '[data-g-mobile-target]'
         },
 
         states: {
@@ -278,7 +279,7 @@ var Menu = new prime({
     _checkQuery: function(mq) {
         var selectors = this.options.selectors,
             mobileContainer = $(selectors.mobileContainer),
-            mainContainer = $(selectors.mainContainer),
+            mainContainer = $(selectors.mainContainer + selectors.mobileTarget) || $(selectors.mainContainer),
             find;
 
         if (mq.matches) {

engines/common/nucleus/particles/menu.html.twig

@@ -92,7 +92,7 @@
     </ul>
 {% endmacro %}
 
-<nav class="g-main-nav" role="navigation">
+<nav class="g-main-nav" role="navigation"{{ particle.mobileTarget ? ' data-g-mobile-target' : '' }}>
     <ul class="g-toplevel">
         {{ _self.displayItems(menu.root, menu, gantry) }}
     </ul>

engines/common/nucleus/particles/menu.yaml

@@ -41,3 +41,9 @@ form:
       label: Max Levels
       description: Set the maximum number of menu levels to display.
       default: 0
+
+    mobileTarget:
+      type: input.checkbox
+      label: Mobile Target
+      description: Check this field if you want this menu to become the target for Mobile Menu and to appear in Offcanvas
+      default: 0