Save sidebar state per session (#1606)

Means sidebar stays open or close if you navigate.
For example using previous / next page navigation.

Author: cw789

assets/js/sidebar/sidebar-drawer.js

@@ -40,6 +40,12 @@ export function initialize () {
 }
 
 function setDefaultSidebarState () {
+  // check & set persistent session state
+  const persistenSessionState = sessionStorage.getItem('sidebar_state')
+  if (persistenSessionState === 'opened') return setClass(SIDEBAR_CLASS.opened)
+  if (persistenSessionState === 'closed') return setClass(SIDEBAR_CLASS.closed)
+
+  // else
   setClass(isScreenSmall() ? SIDEBAR_CLASS.closed : SIDEBAR_CLASS.opened)
 }
 
@@ -98,6 +104,7 @@ function isSidebarOpen () {
 export function openSidebar () {
   clearTimeoutIfAny()
   setClass(SIDEBAR_CLASS.opening)
+  sessionStorage.setItem('sidebar_state', 'opened')
 
   return new Promise((resolve, reject) => {
     state.togglingTimeout = setTimeout(() => {
@@ -115,6 +122,7 @@ export function openSidebar () {
 export function closeSidebar () {
   clearTimeoutIfAny()
   setClass(SIDEBAR_CLASS.closing)
+  sessionStorage.setItem('sidebar_state', 'closed')
 
   return new Promise((resolve, reject) => {
     state.togglingTimeout = setTimeout(() => {