Update_time

templates/base.html

@@ -278,6 +278,23 @@
       background: #372ba6;
       box-shadow: none;
     }
+    .nav-status {
+      min-width: 0;
+      flex-wrap: wrap;
+      justify-content: flex-end;
+    }
+    .nav-clock {
+      display: inline-flex;
+      align-items: center;
+      align-self: center;
+      min-height: 22px;
+      padding: 0;
+      color: #111;
+      font-size: 0.85rem;
+      line-height: 1;
+      white-space: nowrap;
+      font-variant-numeric: tabular-nums;
+    }
     .nav-legacy .btn,
     .nav-legacy .btn:focus,
     .nav-legacy .btn:hover {
@@ -560,6 +577,14 @@
       width: 100%;
     }
     @media (max-width: 680px) {
+      .nav-status {
+        gap: 0.35rem !important;
+      }
+      .nav-clock {
+        order: 3;
+        width: 100%;
+        justify-content: center;
+      }
       .subnav-panel.history-panel.active {
         max-width: calc(100vw - 1rem);
       }
@@ -606,9 +631,10 @@
       {% endif %}
     </div>
   {% endif %}
-  <div class="ms-auto d-flex align-items-center gap-2">
+  <div class="ms-auto d-flex align-items-center gap-2 nav-status">
     {% if session.get('user') %}
       <span class="text-black small">Пользователь: {{ session.get('user') }} ({{ session.get('role_label', session.get('role')) }})</span>
+      <span class="nav-clock" id="navClock" aria-label="Текущее время">--:--:--</span>
       <a class="btn btn-info btn-sm p-0" href="/report/all.zip" aria-label="Полный отчёт (ZIP)">
         <img src="{{ url_for('static', filename='Logo_menu_excel.png') }}" alt="Полный отчёт (ZIP)" style="height:18px;width:auto;display:block;">
       </a>
@@ -767,6 +793,23 @@
   Система инвентаризации © {{ current_year }} г. Alexey Sergeevich
 </footer>
 <script>
+  (function() {
+    const clock = document.getElementById('navClock');
+    if (!clock) return;
+
+    function renderClock() {
+      const now = new Date();
+      clock.textContent = now.toLocaleTimeString('ru-RU', {
+        hour: '2-digit',
+        minute: '2-digit',
+        second: '2-digit',
+      });
+    }
+
+    renderClock();
+    window.setInterval(renderClock, 1000);
+  })();
+
   (function() {
     const subnav = document.getElementById('subnav');
     if (!subnav) return;