store sidebar user's preference visibility in localStorage

saleem-hadad · Sep 2, 2018 · e8ab553 · e8ab553
1 parent 0fc9d54
commit e8ab553
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/publishable/assets/js/app.js b/publishable/assets/js/app.js
diff --git a/resources/js/app.js b/resources/js/app.js
@@ -14,8 +14,20 @@ const app = new Vue({
       forceLightSidebar: false
     }
   },
+  watch: {
+    // listen to the sidebar value if changed => if so, cache it.
+    sidebar: function (newValue, oldValue) {
+      localStorage.setItem('larecipeSidebar', this.sidebar);
+    }
+  },
   el: '#app',
   mounted() {
+    // check if the user already save some sidebar's visiblity preferenece
+    // if yes, load it from the cache.
+    if(typeof(Storage) !== "undefined" && localStorage.getItem('larecipeSidebar') !== null) {
+      this.sidebar = localStorage.getItem('larecipeSidebar') == 'true';
+    }
+
     // heading links
     $('.documentation').find('a[name]').each(function () {
       var anchor = $('<a href="#' + this.name + '"/>');