From bc40c1437aa166e96dc85479d459a3f88bf67355 Mon Sep 17 00:00:00 2001
From: Maxim <Maxim@mail.ru>
Date: Tue, 16 Jun 2026 13:22:17 +0300
Subject: [PATCH] =?UTF-8?q?=D0=B4=D0=BE=D1=80=D0=B0=D0=B1=D0=BE=D1=82?=
 =?UTF-8?q?=D0=BA=D0=B0=20=D1=82=D0=B5=D0=BA=D1=83=D1=89=D0=B5=D0=B3=D0=BE?=
 =?UTF-8?q?=20=D0=B2=D1=80=D0=B5=D0=BC=D0=B5=D0=BD=D0=B8=20raspberry=20?=
 =?UTF-8?q?=D0=BD=D0=B0=20=D1=8D=D0=BA=D1=80=D0=B0=D0=BD=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cmd/server/main.go            |  3 +++
 cmd/server/web/css/style.css  | 19 ++++++++++++++++---
 cmd/server/web/dashboard.html |  1 +
 cmd/server/web/js/app.ts      |  6 ++++++
 cmd/server/web/js/data.ts     |  1 +
 cmd/server/web/js/state.ts    |  4 +---
 cmd/server/web/js/ui.ts       |  7 +++++++
 7 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/cmd/server/main.go b/cmd/server/main.go
index 2af661c..2b040b3 100644
--- a/cmd/server/main.go
+++ b/cmd/server/main.go
@@ -42,6 +42,8 @@ func (a *API) HandleHealth(w http.ResponseWriter, r *http.Request) {
 		status = "Нет связи"
 	}
 
+	now := time.Now()
+
 	writeJSON(w, map[string]any{
 		"status":       status,
 		"uptime_sec":   time.Since(a.startTime).Seconds(),
@@ -50,6 +52,7 @@ func (a *API) HandleHealth(w http.ResponseWriter, r *http.Request) {
 		"has_data":     ok,
 		"latest":       latest,
 		"stats":        a.buf.Stats(),
+		"server_time":  now.Format("02.01.2006  15:04"),
 	})
 }
 
diff --git a/cmd/server/web/css/style.css b/cmd/server/web/css/style.css
index 50d7fb0..c75c9f7 100644
--- a/cmd/server/web/css/style.css
+++ b/cmd/server/web/css/style.css
@@ -12,9 +12,9 @@ body {
 
 /* ===== HEADER BAR ===== */
 .header-bar {
-    display: flex;
+    display: grid;
+    grid-template-columns: 1fr auto 1fr;
     align-items: center;
-    justify-content: space-between;
     margin-bottom: 15px;
     gap: 16px;
 }
@@ -22,7 +22,20 @@ body {
 h1 {
     font-size: 22px;
     margin: 0;
-    flex: 1;
+}
+
+.header-time {
+    font-size: 16px;
+    text-align: center;
+    white-space: nowrap;
+    padding: 6px 12px;
+    border: 1px solid rgba(0, 255, 136, 0.35);
+    border-radius: 8px;
+    background: rgba(0, 255, 136, 0.05);
+}
+
+.header-bar .cam-btn {
+    justify-self: end;
 }
 
 /* ===== CAMERA BUTTON (теперь в header) ===== */
diff --git a/cmd/server/web/dashboard.html b/cmd/server/web/dashboard.html
index aa6683c..67780b7 100644
--- a/cmd/server/web/dashboard.html
+++ b/cmd/server/web/dashboard.html
@@ -13,6 +13,7 @@
 
 <div class="header-bar">
     <h1>GPIO МОНИТОРИНГ В РЕАЛЬНОМ ВРЕМЕНИ</h1>
+    <div id="server-time" class="header-time">--:--:--</div>
     <button id="camToggle" class="cam-btn">
         <span class="cam-btn-icon">📷</span>
         <span class="cam-btn-text">Камера</span>
diff --git a/cmd/server/web/js/app.ts b/cmd/server/web/js/app.ts
index d43e9b8..3bb5bec 100644
--- a/cmd/server/web/js/app.ts
+++ b/cmd/server/web/js/app.ts
@@ -13,6 +13,7 @@ import {
 } from "./state.js";
 import {
   initDOM,
+  setServerTime,
   setStatus,
   setMeta,
   setBars,
@@ -82,6 +83,10 @@ async function update(): Promise<void> {
 
     consecutiveErrors = 0;
 
+    if (health.server_time) {
+      setServerTime(health.server_time);
+    }
+
     if (connectionLost) {
       console.log("[app] Соединение восстановлено");
     }
@@ -147,6 +152,7 @@ async function update(): Promise<void> {
     if (consecutiveErrors === 1) console.warn("[app] Сервер недоступен, ждём...");
 
     setStatus("СЕРВЕР НЕДОСТУПЕН", true);
+    setServerTime("--:--:--");
     setBars(0, true);
     setSignal(0, true);
     resetBufferTracking();
diff --git a/cmd/server/web/js/data.ts b/cmd/server/web/js/data.ts
index 2d0e837..149741b 100644
--- a/cmd/server/web/js/data.ts
+++ b/cmd/server/web/js/data.ts
@@ -7,6 +7,7 @@ interface HealthResponse {
   pipe_alive: boolean;
   has_data: boolean;
   latest: number;
+  server_time?: string;
   stats: {
     filled: number;
     bytes_per_sec: number;
diff --git a/cmd/server/web/js/state.ts b/cmd/server/web/js/state.ts
index e95017d..be902f1 100644
--- a/cmd/server/web/js/state.ts
+++ b/cmd/server/web/js/state.ts
@@ -103,9 +103,7 @@ export function updatePeakHolder(target: number): number {
   } else if (target < state.peakValue && state.peakTimer === null) {
     // Пик выше текущего значения, но таймер пропал — перезапускаем удержание
     scheduleAmplitudePeakRelease();
-  }
-
-  // Возвращаем текущий пик
+  } // Возвращаем текущий пик
   return state.peakValue;
 }
 
diff --git a/cmd/server/web/js/ui.ts b/cmd/server/web/js/ui.ts
index 19ad479..6b9a368 100644
--- a/cmd/server/web/js/ui.ts
+++ b/cmd/server/web/js/ui.ts
@@ -1,5 +1,6 @@
 // ui.ts (DOM слой)
 export interface DOMElements {
+    serverTime: HTMLElement | null;
     status: HTMLElement | null;
     meta: HTMLElement | null;
     latest: HTMLElement | null;
@@ -13,6 +14,7 @@ export interface DOMElements {
 }
 
 export const DOM: DOMElements = {
+    serverTime: null,
     status: null,
     meta: null,
     latest: null,
@@ -26,6 +28,7 @@ export const DOM: DOMElements = {
 };
 
 export function initDOM(): void {
+    DOM.serverTime = document.getElementById("server-time");
     DOM.status = document.getElementById("status");
     DOM.meta = document.getElementById("meta");
     DOM.latest = document.getElementById("latest");
@@ -38,6 +41,10 @@ export function initDOM(): void {
     DOM.bars = document.querySelectorAll(".sig-bar");
 }
 
+export function setServerTime(v: string): void {
+    if (DOM.serverTime) DOM.serverTime.textContent = v;
+}
+
 export function setStatus(v: string, isError: boolean = false): void {
     if (!DOM.status) return;
     DOM.status.textContent = v;