From 37756134c6982ed439bba91a787d6960d02614b4 Mon Sep 17 00:00:00 2001
From: tamiresanunes <tamiresnunes.aluno@unipampa.edu.br>
Date: Mon, 7 Apr 2025 18:45:05 -0300
Subject: [PATCH 1/4] =?UTF-8?q?Persist=C3=AAncia=20do=20modo=20escuro?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/components/fixed-plugin.blade.php   | 42 ++++++++++++++-----
 1 file changed, 31 insertions(+), 11 deletions(-)

diff --git a/resources/views/components/fixed-plugin.blade.php b/resources/views/components/fixed-plugin.blade.php
index 08fb8d3e7..f066c86d3 100644
--- a/resources/views/components/fixed-plugin.blade.php
+++ b/resources/views/components/fixed-plugin.blade.php
@@ -1,4 +1,4 @@
-<div class="fixed-plugin">
+<div class="fixed-plugin"> 
     <div class="card shadow-lg">
         <div class="card-header pb-0 pt-3 ">
             <div class="float-start">
@@ -10,14 +10,12 @@
                     <i class="fa fa-close"></i>
                 </button>
             </div>
-            <!-- End Toggle Button -->
         </div>
         <hr class="horizontal dark my-1">
         <div class="card-body pt-sm-3 pt-0 overflow-auto">
             <div>
                 <h6 class="mb-1">{{ __('nav/side.language_selection') }}</h6>
             </div>
-            <!-- Language Selector Dropdown -->
             <div class="dropdown">
                 <a href="#" class="btn btn-secondary dropdown-toggle mb-0" data-bs-toggle="dropdown" id="navbarDropdownMenuLink2">
                     <i class="fas fa-globe opacity-6 text-dark me-1" style="color: #FFFFFF !important"></i>
@@ -32,8 +30,6 @@
                     </li>
                 </ul>
             </div>
-            <!-- End Language Selector Dropdown -->
-            <!-- Sidebar Backgrounds -->
             <div>
                 <h6 class="mb-0 mt-3">{{ __('nav/side.sidebar_color') }}</h6>
             </div>
@@ -47,17 +43,19 @@
                     <span class="badge filter bg-gradient-danger" data-color="danger" onclick="sidebarColor(this)"></span>
                 </div>
             </a>
-            <!-- Sidenav Type -->
             <div class="mt-3">
                 <h6 class="mb-0">{{ __('nav/side.sidenav_type') }}</h6>
                 <p class="text-sm">{{ __('nav/side.sidenav_choose') }}</p>
             </div>
             <div class="d-flex">
-                <button class="btn bg-gradient-primary w-100 px-3 mb-2 active me-2" data-class="bg-white" onclick="sidebarType(this)">{{ __('nav/side.white') }}</button>
-                <button class="btn bg-gradient-primary w-100 px-3 mb-2" data-class="bg-default" onclick="sidebarType(this)">{{ __('nav/side.dark') }}</button>
+                <button class="btn bg-gradient-primary w-100 px-3 mb-2 active me-2" data-class="bg-white" onclick="sidebarType(this)">
+                    {{ __('nav/side.white') }}
+                </button>
+                <button class="btn bg-gradient-primary w-100 px-3 mb-2" data-class="bg-default" onclick="sidebarType(this)">
+                    {{ __('nav/side.dark') }}
+                </button>
             </div>
             <p class="text-sm d-xl-none d-block mt-2">{{ __('nav/side.sidenav_warning') }}</p>
-            <!-- Navbar Fixed -->
             <div class="d-flex my-3">
                 <h6 class="mb-0">{{ __('nav/side.navbar_fixed') }}</h6>
                 <div class="form-check form-switch ps-0 ms-auto my-auto">
@@ -74,7 +72,6 @@
 
             <div class="w-100 text-center">
                 <a href="https://github.com/Thoth2023/thoth2.0" class="btn btn-dark mb-0 me-2" target="_blank">
-                    {{-- &amp;url2=https%3A%2F%2Fwww.updivision.com --}}
                     <i class="fab fa-github me-1" aria-hidden="true"></i> Thoth
                 </a>
                 <a href="https://www.lesse.com.br" class="btn btn-dark mb-0 me-2" target="_blank">
@@ -83,4 +80,27 @@
             </div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
+
+<!-- Script para persistência do modo escuro/claro -->
+<script>
+    document.addEventListener('DOMContentLoaded', () => {
+        const checkbox = document.getElementById('dark-version');
+        const savedTheme = localStorage.getItem('theme') || 'light';
+
+        if (savedTheme === 'dark') {
+            document.body.classList.add('dark-version');
+            checkbox.checked = true;
+        } else {
+            document.body.classList.remove('dark-version');
+            checkbox.checked = false;
+        }
+
+        checkbox.addEventListener('change', () => {
+            const newTheme = checkbox.checked ? 'dark' : 'light';
+
+            document.body.classList.toggle('dark-version', newTheme === 'dark');
+            localStorage.setItem('theme', newTheme);
+        });
+    });
+</script>
\ No newline at end of file

From bebe22d015bd29961e34f61d5accb70fe0a8dd1b Mon Sep 17 00:00:00 2001
From: tamiresanunes <tamiresnunes.aluno@unipampa.edu.br>
Date: Sun, 13 Apr 2025 17:55:07 -0300
Subject: [PATCH 2/4] persistencia cores da barra lateral

---
 .../views/components/fixed-plugin.blade.php   | 43 +++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/resources/views/components/fixed-plugin.blade.php b/resources/views/components/fixed-plugin.blade.php
index f066c86d3..566644590 100644
--- a/resources/views/components/fixed-plugin.blade.php
+++ b/resources/views/components/fixed-plugin.blade.php
@@ -10,12 +10,14 @@
                     <i class="fa fa-close"></i>
                 </button>
             </div>
+             <!-- End Toggle Button -->
         </div>
         <hr class="horizontal dark my-1">
         <div class="card-body pt-sm-3 pt-0 overflow-auto">
             <div>
                 <h6 class="mb-1">{{ __('nav/side.language_selection') }}</h6>
             </div>
+            <!-- Language Selector Dropdown -->
             <div class="dropdown">
                 <a href="#" class="btn btn-secondary dropdown-toggle mb-0" data-bs-toggle="dropdown" id="navbarDropdownMenuLink2">
                     <i class="fas fa-globe opacity-6 text-dark me-1" style="color: #FFFFFF !important"></i>
@@ -30,6 +32,8 @@
                     </li>
                 </ul>
             </div>
+            <!-- End Language Selector Dropdown -->
+            <!-- Sidebar Backgrounds -->
             <div>
                 <h6 class="mb-0 mt-3">{{ __('nav/side.sidebar_color') }}</h6>
             </div>
@@ -43,6 +47,7 @@
                     <span class="badge filter bg-gradient-danger" data-color="danger" onclick="sidebarColor(this)"></span>
                 </div>
             </a>
+            <!-- Sidenav Type -->
             <div class="mt-3">
                 <h6 class="mb-0">{{ __('nav/side.sidenav_type') }}</h6>
                 <p class="text-sm">{{ __('nav/side.sidenav_choose') }}</p>
@@ -56,6 +61,7 @@
                 </button>
             </div>
             <p class="text-sm d-xl-none d-block mt-2">{{ __('nav/side.sidenav_warning') }}</p>
+            <!-- Navbar Fixed -->
             <div class="d-flex my-3">
                 <h6 class="mb-0">{{ __('nav/side.navbar_fixed') }}</h6>
                 <div class="form-check form-switch ps-0 ms-auto my-auto">
@@ -103,4 +109,41 @@
             localStorage.setItem('theme', newTheme);
         });
     });
+</script>
+
+<script>
+    // Script para persistência da cor da sidebar
+    document.addEventListener('DOMContentLoaded', () => {
+        const colorBadges = document.querySelectorAll('.switch-trigger .badge');
+        const savedSidebarColor = localStorage.getItem('sidebar-color');
+
+        if (savedSidebarColor) {
+            const sidebar = document.querySelector('.sidenav');
+            sidebar.setAttribute('data-color', savedSidebarColor);
+
+            // Atualiza os badges
+            colorBadges.forEach(badge => {
+                if (badge.dataset.color === savedSidebarColor) {
+                    badge.classList.add('active');
+                } else {
+                    badge.classList.remove('active');
+                }
+            });
+        }
+
+        colorBadges.forEach(badge => {
+            badge.addEventListener('click', () => {
+                const newColor = badge.dataset.color;
+                const sidebar = document.querySelector('.sidenav');
+
+                // Atualiza atributo data-color
+                sidebar.setAttribute('data-color', newColor);
+                localStorage.setItem('sidebar-color', newColor);
+
+                // Atualiza badges ativos
+                colorBadges.forEach(b => b.classList.remove('active'));
+                badge.classList.add('active');
+            });
+        });
+    });
 </script>
\ No newline at end of file

From 2b632122ca58eb0986c21c09570cc3bd26629398 Mon Sep 17 00:00:00 2001
From: tamiresanunes <tamiresnunes.aluno@unipampa.edu.br>
Date: Sat, 26 Apr 2025 16:03:16 -0300
Subject: [PATCH 3/4] =?UTF-8?q?persistencia=20dos=20itens=20das=20configur?=
 =?UTF-8?q?a=C3=A7=C3=B5es?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/components/fixed-plugin.blade.php   | 40 +++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/resources/views/components/fixed-plugin.blade.php b/resources/views/components/fixed-plugin.blade.php
index 566644590..279eaf0a0 100644
--- a/resources/views/components/fixed-plugin.blade.php
+++ b/resources/views/components/fixed-plugin.blade.php
@@ -111,6 +111,46 @@
     });
 </script>
 
+<script>
+    // Script para persistência do tipo de sidebar
+    document.addEventListener('DOMContentLoaded', () => {
+        const sidebarButtons = document.querySelectorAll('[onclick="sidebarType(this)"]');
+        const savedSidebarType = localStorage.getItem('sidebar-type');
+
+        if (savedSidebarType) {
+            document.querySelector('.sidenav').classList.remove('bg-white', 'bg-default');
+            document.querySelector('.sidenav').classList.add(savedSidebarType);
+
+            // Atualiza o estado dos botões
+            sidebarButtons.forEach(btn => {
+                if (btn.dataset.class === savedSidebarType) {
+                    btn.classList.add('active');
+                } else {
+                    btn.classList.remove('active');
+                }
+            });
+        }
+
+        sidebarButtons.forEach(button => {
+            button.addEventListener('click', () => {
+                const sidebar = document.querySelector('.sidenav');
+                const newClass = button.dataset.class;
+
+                // Troca a classe no sidebar
+                sidebar.classList.remove('bg-white', 'bg-default');
+                sidebar.classList.add(newClass);
+
+                // Salva no localStorage
+                localStorage.setItem('sidebar-type', newClass);
+
+                // Atualiza botões
+                sidebarButtons.forEach(btn => btn.classList.remove('active'));
+                button.classList.add('active');
+            });
+        });
+    });
+</script>
+
 <script>
     // Script para persistência da cor da sidebar
     document.addEventListener('DOMContentLoaded', () => {

From 4c4faff2fb56076590379e257d2df902ed9cbd77 Mon Sep 17 00:00:00 2001
From: tamiresanunes <tamiresnunes.aluno@unipampa.edu.br>
Date: Mon, 12 May 2025 09:41:01 -0300
Subject: [PATCH 4/4] =?UTF-8?q?Liga=C3=A7=C3=A3o=20entre=20os=20estilos=20?=
 =?UTF-8?q?dos=20elementos=20das=20configura=C3=A7=C3=B5es?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/components/fixed-plugin.blade.php   | 70 ++++++++++++++++++-
 1 file changed, 68 insertions(+), 2 deletions(-)

diff --git a/resources/views/components/fixed-plugin.blade.php b/resources/views/components/fixed-plugin.blade.php
index 279eaf0a0..1d5b31cc3 100644
--- a/resources/views/components/fixed-plugin.blade.php
+++ b/resources/views/components/fixed-plugin.blade.php
@@ -65,9 +65,10 @@
             <div class="d-flex my-3">
                 <h6 class="mb-0">{{ __('nav/side.navbar_fixed') }}</h6>
                 <div class="form-check form-switch ps-0 ms-auto my-auto">
-                    <input class="form-check-input mt-1 ms-auto" type="checkbox" id="navbarFixed" onclick="navbarFixed(this)">
+                    <input class="form-check-input mt-1 ms-auto" type="checkbox" id="navbarFixed">
                 </div>
             </div>
+
             <hr class="horizontal dark my-sm-4">
             <div class="mt-2 mb-5 d-flex">
                 <h6 class="mb-0">{{ __('nav/side.light_dark') }}</h6>
@@ -75,7 +76,6 @@
                     <input class="form-check-input mt-1 ms-auto" type="checkbox" id="dark-version" onclick="darkMode(this)">
                 </div>
             </div>
-
             <div class="w-100 text-center">
                 <a href="https://github.com/Thoth2023/thoth2.0" class="btn btn-dark mb-0 me-2" target="_blank">
                     <i class="fab fa-github me-1" aria-hidden="true"></i> Thoth
@@ -186,4 +186,70 @@
             });
         });
     });
+</script>
+
+<script>
+    // Script para persistência da opção "Navbar Fixed"
+    document.addEventListener('DOMContentLoaded', () => {
+        const navbarFixedCheckbox = document.getElementById('navbarFixed');
+        const savedNavbarFixed = localStorage.getItem('navbar-fixed');
+
+        if (savedNavbarFixed === 'true') {
+            navbarFixedCheckbox.checked = true;
+            navbarFixed(navbarFixedCheckbox); // ativa o modo fixo
+        } else {
+            navbarFixedCheckbox.checked = false;
+            navbarFixed(navbarFixedCheckbox); // garante que está desativado
+        }
+
+        navbarFixedCheckbox.addEventListener('change', () => {
+            const isChecked = navbarFixedCheckbox.checked;
+            localStorage.setItem('navbar-fixed', isChecked.toString());
+            navbarFixed(navbarFixedCheckbox); // aplica mudança visual
+        });
+    });
+</script>
+
+<script>
+    //Script para correspondência entre os estilos dos elementos
+    document.addEventListener('DOMContentLoaded', () => {
+        const checkbox = document.getElementById('dark-version');
+        const body = document.body;
+        const sidebar = document.querySelector('.sidenav');
+        const savedTheme = localStorage.getItem('theme') || 'light';
+
+        function applyTheme(theme) {
+            const isDark = theme === 'dark';
+
+            // Modo dark no body
+            body.classList.toggle('dark-version', isDark);
+
+            // Altera o tipo da sidebar
+            sidebar.classList.remove('bg-white', 'bg-default');
+            sidebar.classList.add(isDark ? 'bg-default' : 'bg-white');
+
+            // Atualiza botões de tipo de sidebar
+            document.querySelectorAll('[onclick="sidebarType(this)"]').forEach(btn => {
+                if (btn.dataset.class === (isDark ? 'bg-default' : 'bg-white')) {
+                    btn.classList.add('active');
+                } else {
+                    btn.classList.remove('active');
+                }
+            });
+
+            // Salva preferências
+            localStorage.setItem('theme', theme);
+            localStorage.setItem('sidebar-type', isDark ? 'bg-default' : 'bg-white');
+        }
+
+        // Aplica tema salvo
+        applyTheme(savedTheme);
+        checkbox.checked = savedTheme === 'dark';
+
+        // Lida com mudança manual
+        checkbox.addEventListener('change', () => {
+            const newTheme = checkbox.checked ? 'dark' : 'light';
+            applyTheme(newTheme);
+        });
+    });
 </script>
\ No newline at end of file