wip #2974 @1

diff --git a/app/Http/Kernel.php b/app/Http/Kernel.php
index bb45c5ff931b161e87fc551cc177213992d75ee6..cd9feafbb8ae6f91cd3ff5ad957d39c9c6f33e62 100644 (file)
--- a/app/Http/Kernel.php
+++ b/app/Http/Kernel.php
@@ -2,6 +2,7 @@
 
 namespace App\Http;
 
+use App\Http\Middleware\Menu;
 use Illuminate\Foundation\Http\Kernel as HttpKernel;
 
 class Kernel extends HttpKernel
@@ -21,7 +22,6 @@ class Kernel extends HttpKernel
         \App\Http\Middleware\TrustProxies::class,
         \Spatie\MissingPageRedirector\RedirectsMissingPages::class,
         \Spatie\Honeypot\ProtectAgainstSpam::class,
-        \Cubist\Backpack\app\Middleware\EmailObfuscate::class,
     ];
 
     /**
@@ -38,6 +38,8 @@ class Kernel extends HttpKernel
             \Illuminate\View\Middleware\ShareErrorsFromSession::class,
             \App\Http\Middleware\VerifyCsrfToken::class,
             \Illuminate\Routing\Middleware\SubstituteBindings::class,
+            \Cubist\Backpack\app\Middleware\EmailObfuscate::class,
+            \App\Http\Middleware\Menu::class,
         ],
 
         'api' => [

diff --git a/app/Http/Middleware/Menu.php b/app/Http/Middleware/Menu.php
index 4d1c27ac669a3ff4aa88f737186e3f632747cf8a..93ad10092cee86d7b875a2c74302644597ff6c7c 100644 (file)
--- a/app/Http/Middleware/Menu.php
+++ b/app/Http/Middleware/Menu.php
@@ -4,6 +4,7 @@
 namespace App\Http\Middleware;
 
 
+use Cubist\Backpack\app\Magic\Menu\Facade as CubistMenu;
 use Illuminate\Http\Request;
 use \Closure;
 

diff --git a/resources/js/menu.js b/resources/js/menu.js
index a416228d4d6f0e60fa0521a607b0b16d85b70fad..befc8111250c29caf34282ebe871c8cc0fef3de5 100644 (file)
--- a/resources/js/menu.js
+++ b/resources/js/menu.js
@@ -1,21 +1,23 @@
 //=== MMenu Setup
 import MmenuLight from 'mmenu-light/dist/js/mmlight';
 import offcanvas from 'mmenu-light/dist/js/mmlight.offcanvas';
+
 MmenuLight.prototype.offcanvas = offcanvas;
 
 document.addEventListener(
     'DOMContentLoaded', () => {
-        const menuSelector = '#menu';
-        const menu = new MmenuLight(document.querySelector(menuSelector));
+        let nav=document.getElementById("mobile-nav");
+        window.mmenu = new MmenuLight(nav, {title: "Menu", theme: 'dark'});
 
-        menu.enable('(max-width: 1000px)'); // Note: this should match the menu CSS breakpoint!
-        menu.offcanvas();
+        mmenu.enable('(max-width: 1000px)'); // Note: this should match the menu CSS breakpoint!
+        mmenu.offcanvas();
+        nav.classList.remove('hidden')
 
-        document.querySelector(`a[href="${menuSelector}"]`)
+        document.querySelector(`a[href="#menu"]`)
             .addEventListener('click', (event) => {
-                menu.open();
+                mmenu.open();
                 event.preventDefault();
                 event.stopPropagation();
-        });
+            });
     }
 );

diff --git a/resources/styles/components/navigation.styl b/resources/styles/components/navigation.styl
index 3a5464639cc287e9d9adc331f57a8cc4460c0571..c7c0b037e7528b17f5c669ad01a1fb1e1e4dad67 100644 (file)
--- a/resources/styles/components/navigation.styl
+++ b/resources/styles/components/navigation.styl
@@ -78,3 +78,9 @@
   min-width: 285px // Make sure both columns are a bit closer in width
 
 
+#mobile-nav
+  display: none;
+  +below(1000px)
+    &.hidden
+      display none
+    display block

diff --git a/resources/views/partials/header.blade.php b/resources/views/partials/header.blade.php
index d9b4743f9cb37d012f3529a4eeb2786c59fdbdae..6f87e0e0c7ff3efeb2859f26edc10fbfc4fc0870 100644 (file)
--- a/resources/views/partials/header.blade.php
+++ b/resources/views/partials/header.blade.php
@@ -1,3 +1,4 @@
+@include('partials.nav-mobile')
 <header class="site-header">
     <div class="container flex items-center py-8 relative z-30">
 

diff --git a/resources/views/partials/nav-mobile.blade.php b/resources/views/partials/nav-mobile.blade.php
new file mode 100644 (file)
index 0000000..92a1277
--- /dev/null
+++ b/resources/views/partials/nav-mobile.blade.php
@@ -0,0 +1,3 @@
+<nav id="mobile-nav" class="hidden">
+    {!! CubistMenu::get('#main','mobile')->asUl() !!}
+</nav>

diff --git a/resources/views/partials/nav.blade.php b/resources/views/partials/nav.blade.php
index 6676e16d41465125b2f8b6c8b9311c24393717a0..ce59a2a64d814899d26fb3a1355c8720b9b3118b 100644 (file)
--- a/resources/views/partials/nav.blade.php
+++ b/resources/views/partials/nav.blade.php
@@ -1 +1,2 @@
 {!! CubistMenu::get('#main','pmi')->asUl(['class' => 'nav-primary']) !!}
+