fix: исправлена структура DOM для сворачивания секций

- Контейнеры теперь добавляются внутрь соответствующих section-content div'ов
- Локальные контейнеры добавляются в local-content
- Удаленные контейнеры добавляются в host-{hostname}-content
- Исправлена логика сворачивания секций - теперь контейнеры находятся внутри сворачиваемых блоков
- Убраны лишние строки закрытия секций

Теперь сворачивание секций работает корректно:
 Контейнеры находятся внутри своих секций
 Сворачивание секций работает правильно
 Структура DOM соответствует логике сворачивания

Автор: Сергей Антропов
Сайт: https://devops.org.ru
This commit is contained in:
Сергей Антропов 2025-08-20 20:29:10 +03:00
parent bee67f130c
commit 940db42b19

View File

@ -926,7 +926,14 @@ ${svc.status === 'running' && svc.host_port ? `Порт: ${svc.host_port}` : ''}
} }
await switchToSingle(svc); await switchToSingle(svc);
}; };
// Добавляем контейнер внутрь секции локальных контейнеров
const localContent = document.getElementById('local-content');
if (localContent) {
localContent.appendChild(item);
} else {
els.containerList.appendChild(item); els.containerList.appendChild(item);
}
}); });
} }
@ -1040,23 +1047,30 @@ ${svc.last_modified ? `Обновлено: ${new Date(svc.last_modified * 1000).
} }
await switchToSingle(svc); await switchToSingle(svc);
}; };
// Добавляем контейнер внутрь секции хоста
const hostContent = document.getElementById(`host-${hostname}-content`);
if (hostContent) {
hostContent.appendChild(item);
} else {
els.containerList.appendChild(item); els.containerList.appendChild(item);
}
}); });
// Закрываем секцию хоста // Устанавливаем отображение секции хоста
const hostContent = document.getElementById(`host-${hostname}-content`); const hostContent = document.getElementById(`host-${hostname}-content`);
if (hostContent) { if (hostContent) {
hostContent.style.display = 'block'; hostContent.style.display = 'block';
} }
}); });
// Закрываем секцию удаленных контейнеров // Устанавливаем отображение секции удаленных контейнеров
const remoteContent = document.getElementById('remote-content'); const remoteContent = document.getElementById('remote-content');
if (remoteContent) { if (remoteContent) {
remoteContent.style.display = 'block'; remoteContent.style.display = 'block';
} }
// Закрываем секцию локальных контейнеров // Устанавливаем отображение секции локальных контейнеров
const localContent = document.getElementById('local-content'); const localContent = document.getElementById('local-content');
if (localContent) { if (localContent) {
localContent.style.display = 'block'; localContent.style.display = 'block';