+
-
@@ -1391,8 +1919,18 @@ const els = {
logContent: document.getElementById('logContent'),
mobileToggle: document.getElementById('mobileToggle'),
optionsBtn: document.getElementById('optionsBtn'),
+ helpBtn: document.getElementById('helpBtn'),
logoutBtn: document.getElementById('logoutBtn'),
logRefreshBtn: document.getElementById('logRefreshBtn'),
+ sidebar: document.getElementById('sidebar'),
+ sidebarToggle: document.getElementById('sidebarToggle'),
+ header: document.getElementById('header'),
+ hotkeysModal: document.getElementById('hotkeysModal'),
+ hotkeysModalClose: document.getElementById('hotkeysModalClose'),
+ multiViewPanel: document.getElementById('multiViewPanel'),
+ multiViewPanelTitle: document.getElementById('multiViewPanelTitle'),
+ singleViewPanel: document.getElementById('singleViewPanel'),
+ singleViewTitle: document.getElementById('singleViewTitle'),
};
// ----- Theme toggle -----
@@ -2042,6 +2580,19 @@ function updateContainerSelectionUI() {
// Обновляем заголовок
updateLogTitle();
+ // Обновляем single-view-title если он существует
+ const singleViewTitle = document.getElementById('singleViewTitle');
+ if (singleViewTitle && state.selectedContainers.length === 1) {
+ const service = state.services.find(s => s.id === state.selectedContainers[0]);
+ if (service) {
+ singleViewTitle.textContent = `${service.name} (${service.service || service.name})`;
+ }
+ } else if (singleViewTitle && state.selectedContainers.length === 0) {
+ singleViewTitle.textContent = 'No container selected';
+ } else if (singleViewTitle && state.selectedContainers.length > 1) {
+ singleViewTitle.textContent = `Multi-view: ${state.selectedContainers.length} containers`;
+ }
+
// Если есть сохраненный контейнер, убеждаемся что его чекбокс отмечен
const savedContainerId = getSelectedContainerFromStorage();
if (savedContainerId && state.selectedContainers.includes(savedContainerId)) {
@@ -2161,6 +2712,12 @@ async function setupMultiView() {
logContent.innerHTML = '';
}
+ // Удаляем single-view-panel если он существует
+ const singleViewPanel = document.getElementById('singleViewPanel');
+ if (singleViewPanel) {
+ singleViewPanel.remove();
+ }
+
// Создаем сетку для мультипросмотра
const gridContainer = document.createElement('div');
gridContainer.className = 'multi-view-grid';
@@ -2381,7 +2938,16 @@ function clearLogArea() {
const logContent = document.querySelector('.log-content');
if (logContent) {
- logContent.innerHTML = '{
// Обновляем состояние чекбоксов после загрузки сервисов
updateContainerSelectionUI();
+ // Восстанавливаем состояние sidebar
+ const sidebarCollapsed = localStorage.getItem('lb_sidebar_collapsed');
+ if (sidebarCollapsed === 'true' && els.sidebar && els.sidebarToggle) {
+ els.sidebar.classList.add('collapsed');
+ els.sidebarToggle.innerHTML = '';
+ els.sidebarToggle.title = 'Развернуть панель (Ctrl+B / Ctrl+И)';
+ }
+
+
+
+ // Показываем подсказку о горячих клавишах при первом запуске
+ const hotkeysShown = localStorage.getItem('lb_hotkeys_shown');
+ if (!hotkeysShown) {
+ setTimeout(() => {
+ showHotkeysNotification();
+ localStorage.setItem('lb_hotkeys_shown', 'true');
+ }, 2000);
+ }
+
// Добавляем обработчики для счетчиков
addCounterClickHandlers();
@@ -4887,5 +5617,46 @@ window.addEventListener('keydown', async (e)=>{
}, 1000);
})();
+
+
+
Logs
++ Logs +
@@ -1293,6 +1783,31 @@ footer{position:fixed;right:10px;bottom:10px;opacity:.6;font-size:11px}
+
+
+
+
+
+
+
+
+
+
+
Theme
@@ -1331,8 +1846,21 @@ footer{position:fixed;right:10px;bottom:10px;opacity:.6;font-size:11px}
+ No container selected
+
+
-
No container selected+
+
+
+ No container selected
+
+
+ No container selected+
Выберите контейнер для просмотра логов
';
+ logContent.innerHTML = `
+
+
+ `;
}
const logTitle = document.getElementById('logTitle');
@@ -2392,21 +2958,41 @@ function clearLogArea() {
function updateLogTitle() {
const logTitle = document.getElementById('logTitle');
+ const multiViewPanelTitle = document.getElementById('multiViewPanelTitle');
+ const singleViewTitle = document.getElementById('singleViewTitle');
if (!logTitle) return;
console.log('updateLogTitle called, selected containers:', state.selectedContainers.length);
if (state.selectedContainers.length === 0) {
logTitle.textContent = 'LogBoard+';
+ if (multiViewPanelTitle) {
+ multiViewPanelTitle.textContent = 'LogBoard+';
+ }
+ if (singleViewTitle) {
+ singleViewTitle.textContent = 'No container selected';
+ }
console.log('Log title set to: LogBoard+');
} else if (state.selectedContainers.length === 1) {
const service = state.services.find(s => s.id === state.selectedContainers[0]);
if (service) {
logTitle.textContent = `${service.name} (${service.service || service.name})`;
+ if (multiViewPanelTitle) {
+ multiViewPanelTitle.textContent = `${service.name} (${service.service || service.name})`;
+ }
+ if (singleViewTitle) {
+ singleViewTitle.textContent = `${service.name} (${service.service || service.name})`;
+ }
console.log('Log title set to single container:', service.name);
}
} else {
logTitle.textContent = `Multi-view: ${state.selectedContainers.length} containers`;
+ if (multiViewPanelTitle) {
+ multiViewPanelTitle.textContent = `Multi-view: ${state.selectedContainers.length} containers`;
+ }
+ if (singleViewTitle) {
+ singleViewTitle.textContent = `Multi-view: ${state.selectedContainers.length} containers`;
+ }
console.log('Log title set to multi-view:', state.selectedContainers.length, 'containers');
}
}
@@ -2424,6 +3010,11 @@ function applyWrapSettings() {
document.querySelectorAll('.multi-view-log').forEach(el => {
el.style.whiteSpace = wrapStyle;
});
+
+ // Применяем к single-view
+ document.querySelectorAll('.single-view-content .log').forEach(el => {
+ el.style.whiteSpace = wrapStyle;
+ });
}
async function fetchServices(){
@@ -3555,6 +4146,27 @@ async function switchToSingle(svc){
els.logContent.innerHTML = '';
}
+ // Воссоздаем single-view-panel если его нет
+ const logContent = document.querySelector('.log-content');
+ const singleViewPanel = document.getElementById('singleViewPanel');
+ if (logContent && !singleViewPanel) {
+ console.log('switchToSingle: Recreating single-view-panel');
+ logContent.innerHTML = `
+
+
+ No container selected
+
+
+ No container selected+
+
+ `;
+ // Обновляем ссылки на элементы
+ els.singleViewPanel = document.getElementById('singleViewPanel');
+ els.singleViewTitle = document.getElementById('singleViewTitle');
+ els.logContent = document.getElementById('logContent');
+ }
+
// Удаляем мультипросмотр из DOM
const multiViewGrid = document.getElementById('multiViewGrid');
if (multiViewGrid) {
@@ -3586,6 +4198,12 @@ async function switchToSingle(svc){
if (els.logTitle) {
els.logTitle.textContent = `${svc.name} (${svc.service || svc.name})`;
}
+ if (els.multiViewPanelTitle) {
+ els.multiViewPanelTitle.textContent = `${svc.name} (${svc.service || svc.name})`;
+ }
+ if (els.singleViewTitle) {
+ els.singleViewTitle.textContent = `${svc.name} (${svc.service || svc.name})`;
+ }
if (els.logContent) {
els.logContent.innerHTML = 'Connecting...';
}
@@ -4157,19 +4775,21 @@ els.refreshBtn.onclick = async () => {
}
};
-// Обработчик для кнопки refresh логов
-els.logRefreshBtn.onclick = refreshLogsAndCounters;
+// Обработчик для кнопок refresh логов (в log-header и в header)
+document.querySelectorAll('#logRefreshBtn, .header-compact-controls .log-refresh-btn').forEach(btn=>{
+ btn.addEventListener('click', refreshLogsAndCounters);
+});
// Обработчики для счетчиков
function addCounterClickHandlers() {
- const debugBtn = document.querySelector('.debug-btn');
- const infoBtn = document.querySelector('.info-btn');
- const warnBtn = document.querySelector('.warn-btn');
- const errorBtn = document.querySelector('.error-btn');
- const otherBtn = document.querySelector('.other-btn');
+ // Назначаем обработчики на все дубликаты кнопок (и в log-header, и в header-compact-controls)
+ const debugButtons = document.querySelectorAll('.debug-btn');
+ const infoButtons = document.querySelectorAll('.info-btn');
+ const warnButtons = document.querySelectorAll('.warn-btn');
+ const errorButtons = document.querySelectorAll('.error-btn');
+ const otherButtons = document.querySelectorAll('.other-btn');
- if (debugBtn) {
- debugBtn.onclick = () => {
+ debugButtons.forEach(debugBtn => debugBtn.onclick = () => {
state.levels.debug = !state.levels.debug;
updateCounterVisibility();
refreshAllLogs();
@@ -4181,11 +4801,9 @@ function addCounterClickHandlers() {
if (state.multiViewMode) {
refreshAllLogs();
}
- };
- }
+ });
- if (infoBtn) {
- infoBtn.onclick = () => {
+ infoButtons.forEach(infoBtn => infoBtn.onclick = () => {
state.levels.info = !state.levels.info;
updateCounterVisibility();
refreshAllLogs();
@@ -4197,11 +4815,9 @@ function addCounterClickHandlers() {
if (state.multiViewMode) {
refreshAllLogs();
}
- };
- }
+ });
- if (warnBtn) {
- warnBtn.onclick = () => {
+ warnButtons.forEach(warnBtn => warnBtn.onclick = () => {
state.levels.warn = !state.levels.warn;
updateCounterVisibility();
refreshAllLogs();
@@ -4213,11 +4829,9 @@ function addCounterClickHandlers() {
if (state.multiViewMode) {
refreshAllLogs();
}
- };
- }
+ });
- if (errorBtn) {
- errorBtn.onclick = () => {
+ errorButtons.forEach(errorBtn => errorBtn.onclick = () => {
state.levels.err = !state.levels.err;
updateCounterVisibility();
refreshAllLogs();
@@ -4229,11 +4843,9 @@ function addCounterClickHandlers() {
if (state.multiViewMode) {
refreshAllLogs();
}
- };
- }
+ });
- if (otherBtn) {
- otherBtn.onclick = () => {
+ otherButtons.forEach(otherBtn => otherBtn.onclick = () => {
state.levels.other = !state.levels.other;
updateCounterVisibility();
refreshAllLogs();
@@ -4245,8 +4857,7 @@ function addCounterClickHandlers() {
if (state.multiViewMode) {
refreshAllLogs();
}
- };
- }
+ });
}
@@ -4314,6 +4925,57 @@ function addMultiSelectHandlers() {
}
}
+// Функция для показа уведомления о горячих клавишах
+function showHotkeysNotification() {
+ // Создаем уведомление
+ const notification = document.createElement('div');
+ notification.className = 'hotkeys-notification';
+ notification.innerHTML = `
+
+
+ ${svc.name} (${svc.service || svc.name})
+
+
+ Connecting...+
+
+ `;
+
+ document.body.appendChild(notification);
+
+ // Автоматически скрываем через 8 секунд
+ setTimeout(() => {
+ if (notification.parentElement) {
+ notification.remove();
+ }
+ }, 8000);
+}
+
+// Функция для сворачивания/разворачивания sidebar и header
+function toggleSidebar() {
+ if (els.sidebar) {
+ const isCollapsed = els.sidebar.classList.contains('collapsed');
+
+ if (isCollapsed) {
+ // Разворачиваем sidebar
+ els.sidebar.classList.remove('collapsed');
+ els.sidebarToggle.innerHTML = '';
+ els.sidebarToggle.title = 'Свернуть панель (Ctrl+B / Ctrl+И)';
+ localStorage.setItem('lb_sidebar_collapsed', 'false');
+ } else {
+ // Сворачиваем sidebar
+ els.sidebar.classList.add('collapsed');
+ els.sidebarToggle.innerHTML = '';
+ els.sidebarToggle.title = 'Развернуть панель (Ctrl+B / Ctrl+И)';
+ localStorage.setItem('lb_sidebar_collapsed', 'true');
+ }
+ }
+}
+
// Mobile menu toggle
if (els.mobileToggle) {
els.mobileToggle.onclick = () => {
@@ -4324,6 +4986,42 @@ if (els.mobileToggle) {
};
}
+// Функция для показа/скрытия модального окна с горячими клавишами
+function toggleHotkeysModal() {
+ if (els.hotkeysModal) {
+ const isVisible = els.hotkeysModal.classList.contains('show');
+ if (isVisible) {
+ els.hotkeysModal.classList.remove('show');
+ } else {
+ els.hotkeysModal.classList.add('show');
+ }
+ }
+}
+
+// Sidebar toggle button
+if (els.sidebarToggle) {
+ els.sidebarToggle.onclick = toggleSidebar;
+}
+
+// Help button
+if (els.helpBtn) {
+ els.helpBtn.onclick = toggleHotkeysModal;
+}
+
+// Modal close button
+if (els.hotkeysModalClose) {
+ els.hotkeysModalClose.onclick = toggleHotkeysModal;
+}
+
+// Close modal on background click
+if (els.hotkeysModal) {
+ els.hotkeysModal.onclick = (e) => {
+ if (e.target === els.hotkeysModal) {
+ toggleHotkeysModal();
+ }
+ };
+}
+
// Collapsible sections
document.addEventListener('DOMContentLoaded', () => {
// Обработчики для сворачивания секций
@@ -4651,7 +5349,7 @@ if (els.lvlOther) {
};
}
-// Hotkeys: [ ] — navigation between containers
+// Hotkeys: [ ] — navigation between containers, Ctrl+R/Ctrl+K — refresh logs
window.addEventListener('keydown', async (e)=>{
// Проверяем, не находится ли фокус в поле ввода
const activeElement = document.activeElement;
@@ -4666,6 +5364,7 @@ window.addEventListener('keydown', async (e)=>{
return;
}
+ // Навигация между контейнерами
if (e.key==='[' || (e.ctrlKey && e.key==='ArrowLeft')){
e.preventDefault();
const idx = state.services.findIndex(s=> s.id===state.current?.id);
@@ -4676,7 +5375,19 @@ window.addEventListener('keydown', async (e)=>{
const idx = state.services.findIndex(s=> s.id===state.current?.id);
if (idx>=0 && idxГорячие клавиши
+-
+
- [ ] - Навигация между контейнерами +
- Ctrl + R или Ctrl + K - Обновить логи +
- Ctrl + B - Свернуть/развернуть панель +
- Кнопка - управление панелью +
+
+