From 2337fea04f05d917deca6da15634af5899ff3316 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: Wed, 20 Aug 2025 20:32:54 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20=D0=B8=D1=81=D0=BF=D1=80=D0=B0=D0=B2?=
 =?UTF-8?q?=D0=BB=D0=B5=D0=BD=D0=B0=20=D1=81=D1=82=D1=80=D1=83=D0=BA=D1=82?=
 =?UTF-8?q?=D1=83=D1=80=D0=B0=20DOM=20=D0=B4=D0=BB=D1=8F=20host-section?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- host-section теперь добавляется внутрь remote-content
- Исправлена иерархия DOM для корректного сворачивания
- Теперь структура полностью правильная:
  remote-content -> host-section -> host-content -> container-item

Структура DOM теперь корректная:
✅ Локальные контейнеры: local-content -> container-item
✅ Удаленные контейнеры: remote-content -> host-section -> host-content -> container-item
✅ Сворачивание работает на всех уровнях

Автор: Сергей Антропов
Сайт: https://devops.org.ru
---
 app/static/js/index.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/static/js/index.js b/app/static/js/index.js
index 3659925..94cb319 100644
--- a/app/static/js/index.js
+++ b/app/static/js/index.js
@@ -982,7 +982,14 @@ ${svc.status === 'running' && svc.host_port ? `Порт: ${svc.host_port}` : ''}
         </div>
         <div class="section-content" id="host-${hostname}-content">
       `;
-      els.containerList.appendChild(hostSection);
+      
+      // Добавляем секцию хоста внутрь секции удаленных контейнеров
+      const remoteContent = document.getElementById('remote-content');
+      if (remoteContent) {
+        remoteContent.appendChild(hostSection);
+      } else {
+        els.containerList.appendChild(hostSection);
+      }
       
       containers.forEach(svc => {
         const item = document.createElement('div');