Added the feature of resetting the Sidebar State in the Admin Portal in case of closing the tab or Logging out of the Portal.

yehiarasheed · yehiarasheed · commit 688fbe805f73 · 2025-02-15T21:36:27.000+02:00
diff --git a/WebApplication2/Site.Master b/WebApplication2/Site.Master
@@ -10,23 +10,28 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
     <link rel="stylesheet" href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">
     <link rel="stylesheet" type="text/css" href="~/Styles/site.css" />
-    <script>
-        document.addEventListener("DOMContentLoaded", function() {
-            var sidebar = document.getElementById("sidebar");
-            if (sidebar) {
-                // Restore scroll position
-                var scrollPosition = localStorage.getItem("sidebarScrollPosition");
-                if (scrollPosition) {
-                    sidebar.scrollTop = scrollPosition;
-                }
-
-                // Save scroll position
-                sidebar.addEventListener("scroll", function() {
-                    localStorage.setItem("sidebarScrollPosition", sidebar.scrollTop);
-                });
+<script>
+    document.addEventListener("DOMContentLoaded", function () {
+        var sidebar = document.getElementById("sidebar");
+        if (sidebar) {
+            // Restore scroll position
+            var scrollPosition = localStorage.getItem("sidebarScrollPosition");
+            if (scrollPosition) {
+                sidebar.scrollTop = scrollPosition;
             }
+
+            // Save scroll position
+            sidebar.addEventListener("scroll", function () {
+                localStorage.setItem("sidebarScrollPosition", sidebar.scrollTop);
+            });
+        }
+
+        // Clear scroll position on tab/window close
+        window.addEventListener("beforeunload", function () {
+            localStorage.removeItem("sidebarScrollPosition");
         });
-    </script>
+    });
+</script>
 </head>
 <body>
     <form id="form1" runat="server">
@@ -39,7 +44,7 @@
                     <div>
                         <asp:ContentPlaceHolder ID="Header" runat="server" />
                     </div>
-                    <a href="/Pages/Login/Login.aspx" class="back-button">Logout</a>
+                    <a href="/Pages/Login/Login.aspx" class="back-button" onclick="localStorage.removeItem('sidebarScrollPosition');">Logout</a>
                 </div>
                 <div class="content">
                     <asp:ContentPlaceHolder ID="MainContent" runat="server" />
