feat: one-page panel - shell with Машины, Терминал and Настройки, pages as fragments, forms sent in place

internal/server/web/templates/forwards.html

@@ -1,12 +1,4 @@
-<!doctype html>
-<html lang="ru">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Порты · {{.Agent.Name}} - LPRA</title>
-<link rel="stylesheet" href="{{asset "app.css"}}">
-<script src="{{asset "pin.js"}}"></script>
-<script src="{{asset "scroll.js"}}" defer></script>
+{{define "forwards-body"}}<div class="page" data-module="forwards" data-panel-port="{{.PanelPort}}" data-tunnel-port="{{.TunnelPort}}">
 <style>
   /* One line: fixed narrow fields, the label takes what is left. */
   .frow { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; }
@@ -36,18 +28,6 @@
     .under { margin-right:0; }
   }
 </style>
-</head>
-<body>
-<header class="topbar">
-  <div class="brand"><a class="home" href="/" title="К списку машин">LPRA</a> · Порты - {{.Agent.Name}} <span class="muted">({{.Agent.Hostname}})</span></div>
-  <nav>
-    <a href="/">← Машины</a>
-    <a href="/agents/{{.Agent.ID}}/terminal">Терминал</a>
-    <a href="/agents/{{.Agent.ID}}/files">Файлы</a>
-    <a href="/agents/{{.Agent.ID}}/status">Статус</a>
-    <a href="/agents/{{.Agent.ID}}/edit">Изменить</a>
-  </nav>
-</header>
 <div class="wrap">
   <h1>Проброс портов</h1>
   <p class="muted">Порт сервиса на машине-клиенте становится доступен на порту хоста.
@@ -135,15 +115,4 @@
     <p class="muted" style="font-size:13px">Для tcp/udp агент держит исходящее соединение к <code>host:{{.TunnelPort}}</code>; несколько клиентов и портов мультиплексируются на нём.</p>
   </div>
 </div>
-<script>
-  var notes = {
-    http: 'Трафик идёт через порт панели {{.PanelPort}} (long-poll). Порт {{.TunnelPort}} не требуется.',
-    tcp:  'Требуется открытый порт {{.TunnelPort}}/tcp на хосте. Самая низкая задержка.',
-    udp:  'Требуется открытый порт {{.TunnelPort}}/udp на хосте.'
-  };
-  var sel = document.getElementById('proto'), note = document.getElementById('note');
-  function upd(){ note.textContent = notes[sel.value] || ''; }
-  sel.onchange = upd; upd();
-</script>
-</body>
-</html>
+</div>{{end}}