From 5a5d98784aa473d6f4aecbea5b7b725be8895b57 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=A1=D0=B5=D1=80=D0=B3=D0=B5=D0=B9=20=D0=90=D0=BD=D1=82?=
 =?UTF-8?q?=D1=80=D0=BE=D0=BF=D0=BE=D0=B2?=
 <inecs@MacBook-Air-Sergej-3.local>
Date: Sat, 16 Aug 2025 12:56:19 +0300
Subject: [PATCH] =?UTF-8?q?feat:=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D1=82=D1=8C=20=D1=81=D0=B2=D0=BE=D1=80=D0=B0=D1=87=D0=B8=D0=B2?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=B8=D0=B5=20=D0=BF=D0=BE=20=D1=83=D0=BC=D0=BE?=
 =?UTF-8?q?=D0=BB=D1=87=D0=B0=D0=BD=D0=B8=D1=8E=20=D0=B8=20=D0=BA=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=BF=D0=BA=D1=83=20=D0=BC=D0=B8=D0=BD=D0=B8=D0=BC=D0=B8?=
 =?UTF-8?q?=D0=B7=D0=B0=D1=86=D0=B8=D0=B8=20=D0=B2=D1=81=D0=B5=D1=85=20?=
 =?UTF-8?q?=D1=81=D0=B5=D0=BA=D1=86=D0=B8=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Все секции теперь свернуты по умолчанию при первом запуске
- Добавлена кнопка минимизации всех секций в заголовке сайдбара
- Кнопка переключается между 'свернуть все' и 'развернуть все'
- Сохранение состояния всех секций в localStorage
- Улучшен дизайн заголовка сайдбара с flexbox
- Добавлены hover эффекты для кнопки минимизации
- Оптимизирован интерфейс для максимального пространства для списка контейнеров

Автор: Сергей Антропов
Сайт: https://devops.org.ru
---
 templates/index.html | 79 +++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 74 insertions(+), 5 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 1c68375..8a5cd5a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -46,9 +46,16 @@ a{color:var(--link)}
   background: var(--panel);
 }
 
+.header-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+
 .sidebar-header h1 {
   font-size: 18px;
-  margin: 0 0 8px 0;
+  margin: 0;
   color: var(--accent);
   font-weight: 600;
 }
@@ -59,6 +66,29 @@ a{color:var(--link)}
   margin: 0;
 }
 
+.minimize-all-btn {
+  background: var(--chip);
+  border: 1px solid var(--border);
+  color: var(--muted);
+  padding: 6px 8px;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.minimize-all-btn:hover {
+  background: var(--tab-active);
+  color: var(--fg);
+  border-color: var(--accent);
+}
+
+.minimize-all-btn i {
+  font-size: 12px;
+}
+
 /* Sidebar Controls */
 .sidebar-controls {
   padding: 16px;
@@ -511,7 +541,12 @@ footer{position:fixed;right:10px;bottom:10px;opacity:.6;font-size:11px}
   <!-- Sidebar -->
   <div class="sidebar">
     <div class="sidebar-header">
-      <h1><i class="fas fa-terminal"></i> LogBoard+</h1>
+      <div class="header-top">
+        <h1><i class="fas fa-terminal"></i> LogBoard+</h1>
+        <button class="minimize-all-btn" id="minimizeAllBtn" title="Свернуть все секции">
+          <i class="fas fa-compress-alt"></i>
+        </button>
+      </div>
       <p class="subtitle">Modern Log Viewer</p>
     </div>
     
@@ -725,6 +760,7 @@ const els = {
   logTitle: document.getElementById('logTitle'),
   logContent: document.getElementById('logContent'),
   mobileToggle: document.getElementById('mobileToggle'),
+  minimizeAllBtn: document.getElementById('minimizeAllBtn'),
 };
 
 // ----- Theme toggle -----
@@ -1367,14 +1403,47 @@ document.addEventListener('DOMContentLoaded', () => {
     });
   });
   
-  // Восстанавливаем состояние секций из localStorage
+  // Восстанавливаем состояние секций из localStorage или сворачиваем по умолчанию
   document.querySelectorAll('.control-group.collapsible').forEach(group => {
     const section = group.dataset.section;
-    const isCollapsed = localStorage.getItem(`lb_collapsed_${section}`) === 'true';
-    if (isCollapsed) {
+    const savedState = localStorage.getItem(`lb_collapsed_${section}`);
+    
+    // Если состояние не сохранено, сворачиваем по умолчанию
+    if (savedState === null) {
+      group.classList.add('collapsed');
+      localStorage.setItem(`lb_collapsed_${section}`, 'true');
+    } else if (savedState === 'true') {
       group.classList.add('collapsed');
     }
   });
+  
+  // Обработчик для кнопки минимизации всех секций
+  if (els.minimizeAllBtn) {
+    els.minimizeAllBtn.addEventListener('click', () => {
+      const allCollapsed = document.querySelectorAll('.control-group.collapsible').length === 
+                          document.querySelectorAll('.control-group.collapsible.collapsed').length;
+      
+      // Если все секции свернуты, разворачиваем их
+      if (allCollapsed) {
+        document.querySelectorAll('.control-group.collapsible').forEach(group => {
+          group.classList.remove('collapsed');
+          const section = group.dataset.section;
+          localStorage.setItem(`lb_collapsed_${section}`, 'false');
+        });
+        els.minimizeAllBtn.innerHTML = '<i class="fas fa-compress-alt"></i>';
+        els.minimizeAllBtn.title = 'Свернуть все секции';
+      } else {
+        // Иначе сворачиваем все секции
+        document.querySelectorAll('.control-group.collapsible').forEach(group => {
+          group.classList.add('collapsed');
+          const section = group.dataset.section;
+          localStorage.setItem(`lb_collapsed_${section}`, 'true');
+        });
+        els.minimizeAllBtn.innerHTML = '<i class="fas fa-expand-alt"></i>';
+        els.minimizeAllBtn.title = 'Развернуть все секции';
+      }
+    });
+  }
 });
 els.snapshotBtn.onclick = ()=>{ 
   if (state.current) {