enhanced PushMenu with sidebar state remember

build/js/PushMenu.js

@@ -23,7 +23,9 @@ const PushMenu = (($) => {
 
   const Default = {
     autoCollapseSize: false,
-    screenCollapseSize: 768
+    screenCollapseSize: 768,
+    enableRemember: false,
+    noTransitionAfterReload: true
   }
 
   const Selector = {
@@ -64,6 +66,10 @@ const PushMenu = (($) => {
     show() {
       $(Selector.BODY).addClass(ClassName.OPEN).removeClass(ClassName.COLLAPSED)
 
+      if(this._options.enableRemember) {
+          localStorage.setItem(`remember${EVENT_KEY}`, ClassName.OPEN);
+      }
+
       const shownEvent = $.Event(Event.SHOWN)
       $(this._element).trigger(shownEvent)
     }
@@ -71,6 +77,10 @@ const PushMenu = (($) => {
     collapse() {
       $(Selector.BODY).removeClass(ClassName.OPEN).addClass(ClassName.COLLAPSED)
 
+      if(this._options.enableRemember) {
+          localStorage.setItem(`remember${EVENT_KEY}`, ClassName.COLLAPSED);
+      }
+
       const collapsedEvent = $.Event(Event.COLLAPSED)
       $(this._element).trigger(collapsedEvent)
     }
@@ -105,9 +115,26 @@ const PushMenu = (($) => {
       }
     }
 
+    remember() {
+      if(this._options.enableRemember) {
+        var toggleState = localStorage.getItem(`remember${EVENT_KEY}`);
+        if (toggleState == ClassName.COLLAPSED){
+          if (this._options.noTransitionAfterReload) {
+            $("body").addClass('hold-transition').addClass(ClassName.COLLAPSED).delay(10).queue(function() {
+              $(this).removeClass('hold-transition');
+              $(this).dequeue()
+            });
+          } else {
+            $("body").addClass(ClassName.COLLAPSED);
+          }
+        }
+      }
+    }
+
     // Private
 
     _init() {
+      this.remember()
       this.autoCollapse()
 
       $(window).resize(() => {