From 0cfa9d811e111382b11741f7185981c1afb21522 Mon Sep 17 00:00:00 2001
From: Yasen Pramatarov <yasen@lindeas.com>
Date: Mon, 5 Aug 2024 20:21:34 +0300
Subject: [PATCH] Fixes sidebar sliding

---
 public_html/static/sidebar.js       | 12 ++++++++++++
 public_html/templates/page-menu.php |  9 ++++++---
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/public_html/static/sidebar.js b/public_html/static/sidebar.js
index 7882eaf..d1ed7b9 100644
--- a/public_html/static/sidebar.js
+++ b/public_html/static/sidebar.js
@@ -14,9 +14,13 @@ document.addEventListener('DOMContentLoaded', function () {
     function applySavedState() {
         var savedState = localStorage.getItem('sidebarState');
         if (savedState === 'collapsed') {
+            toggleButton.value = ">>";
+            toggleButton.textContent = ">>";
             sidebar.classList.add('collapsed');
             mainContent.classList.add('expanded');
         } else {
+            toggleButton.value = "<<";
+            toggleButton.textContent = "<<";
             sidebar.classList.remove('collapsed');
             mainContent.classList.remove('expanded');
         }
@@ -29,6 +33,14 @@ document.addEventListener('DOMContentLoaded', function () {
         // toggle sidebar and main content
         sidebar.classList.toggle('collapsed');
         mainContent.classList.toggle('expanded');
+        // Toggle the value between ">>" and "<<"
+        if (toggleButton.value === ">>") {
+          toggleButton.value = "<<";
+          toggleButton.textContent = "<<";
+        } else {
+          toggleButton.value = ">>";
+          toggleButton.textContent = ">>";
+        }
 
         // Update with the new state
         updateStorage();
diff --git a/public_html/templates/page-menu.php b/public_html/templates/page-menu.php
index 6f480c7..4c1c783 100644
--- a/public_html/templates/page-menu.php
+++ b/public_html/templates/page-menu.php
@@ -2,9 +2,12 @@
         <!-- Menu -->
         <div class="menu-container">
             <ul class="menu-left">
-<button class="btn btn-secondary" type="button" id="toggleSidebarButton">
-                    sidebar
-                </button>
+                <div class="container">
+                    <div class="row">
+                        <div class="col-4"><img src="" />JILO</div>
+                        <div class="col-4"><button class="btn btn-secondary" type="button" id="toggleSidebarButton" value=">>"></button></div>
+                    </div>
+                </div>
 
                 <li><a href="index.php">home</a></li>
 <?php if ( isset($_SESSION['username']) ) { ?>