first commit

templates_user/menu/main-menu.php

@@ -0,0 +1,62 @@
+<div id="main-menu">
+  <div id="menu-container-<?= $this->menu['id']; ?>">
+    <?= \front\view\Menu::pages($this->menu['pages'], 0, $this->current_page); ?>
+  </div>
+</div>
+<div id="main-menu-btn">
+  <i class="fa fa-bars"></i>
+</div>
+<script class="footer" type="text/javascript">
+  $(window).resize(function() {
+    windowsize = $(window).width();
+  });
+	var isTouch = (('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0));
+
+$(function() {
+  var navbar = document.getElementById("main-menu");
+  var height = $('.header').outerHeight();
+  window.onscroll = function() {
+    if (window.pageYOffset >= height)
+      navbar.classList.add("sticky");
+    else
+      navbar.classList.remove("sticky");
+  };
+});
+
+$('body').on(click_event, '#main-menu-btn', function()
+{
+  if (windowsize <= 767)
+  {
+    if ($(this).hasClass('active'))
+    {
+      $(this).removeClass('active');
+      $('#main-menu').removeClass('visible');
+      $('#main-menu-btn i').addClass('fa-bars').removeClass('fa-times');
+      $( 'body' ).removeClass( 'noscroll' );
+    }
+    else
+    {
+      $(this).addClass('active');
+      $('#main-menu').addClass('visible');
+      $('#main-menu-btn i').removeClass('fa-bars').addClass('fa-times');
+      $( 'body' ).addClass( 'noscroll' );
+    }
+  }
+});
+
+  $('body').on( click_event, '#menu-container-<?= $this->menu['id']; ?> i', function(e)
+  {
+    if ( isTouch || windowsize <= 767 )
+    {
+      if ( $( this ).parent( 'li' ).hasClass( 'parent' ) )
+      {
+        e.preventDefault();
+      }
+
+      if ( !$( this ).parent( 'li' ).hasClass('active') )
+      {
+        $( this ).parent( 'li' ).addClass( 'active' );
+      }
+    }
+  });
+</script>