WIP : Mmenu 😆

bpongy · May 24, 2018 · 589506c · 589506c
1 parent fbb7a98
commit 589506c
Show file tree

Hide file tree

Showing 88 changed files with 1,003 additions and 1,393 deletions.
diff --git a/assets/css/base.css b/assets/css/base.css
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -15,34 +15,39 @@
 
 
 		/********************************************
-		 * 		slideout.js navigation menu
+		 * 		Mmenu navigation menu
 		 ********************************************/
-		var slideout = new Slideout({
-			'panel': document.getElementById('playground'),
-			'menu': document.getElementById('navmob'),
-			'padding': 256,
-			'tolerance': 70
+		var $btn_mobile_menu = $("#btn-mobile-menu");
+		$("#navmob").mmenu({
+			"navbar": {
+				"add": false
+			}
+		}, {
+			// configuration
+			offCanvas: {
+				pageSelector: "#playground"
+			},
+			classNames: {
+				selected: "current-menu-item"
+			}
+		});
+		var API = $("#navmob").data( "mmenu" );
+
+		$btn_mobile_menu.on('click', function() {
+			API.open();
 		});
-		// Toggle button
-		$('.js-slideout-toggle').on('click', function() {
-			slideout.open();
+
+		API.bind( "open:finish", function() {
+			setTimeout(function() {
+				$btn_mobile_menu.addClass( "active" );
+			}, 100);
 		});
 
-		function close(eve) {
-			eve.preventDefault();
-			slideout.close();
-		}
-		slideout
-			.on('beforeopen', function() {
-				this.panel.classList.add('panel-open');
-			})
-			.on('open', function() {
-				this.panel.addEventListener('click', close);
-			})
-			.on('beforeclose', function() {
-				this.panel.classList.remove('panel-open');
-				this.panel.removeEventListener('click', close);
-			});
+		API.bind( "close:finish", function() {
+			setTimeout(function() {
+				$btn_mobile_menu.removeClass( "active" );
+			}, 100);
+		});