mobile: hamburger drawer for mode select; live=pause/play, archive=seek

Move mode selection (Live / Архив) into a top hamburger side-drawer instead of the bottom bar. Header now shows the ☰ button + current mode title. Live view has a single pause/play button (no seek bar); Archive keeps native controls for seeking (перемотка). VERSION 0.0.151 -> 0.0.152 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-01 23:55:20 +05:00
parent 126b588dc7
commit c408fcbe92
4 changed files with 78 additions and 26 deletions
@@ -9,9 +9,20 @@
 </head>
 <body>
  <div class="m-app">
-    <header class="m-head"><span class="m-brand">CoRE<span>.Vizion+</span></span></header>
+    <header class="m-head">
+      <button class="m-burger" id="m-burger" aria-label="Меню">☰</button>
+      <span class="m-title" id="m-title">Live</span>
+    </header>

-    <!-- LIVE: одна камера + выбор камеры -->
+    <!-- бутерброд-меню: выбор режима (Live / Архив) -->
+    <div class="m-scrim" id="m-scrim" hidden></div>
+    <aside class="m-drawer" id="m-drawer">
+      <div class="m-drawer-head"><span class="m-brand">CoRE<span>.Vizion+</span></span></div>
+      <button class="m-nav active" data-view="live"><span class="i">▦</span>Live</button>
+      <button class="m-nav" data-view="arch"><span class="i">🗄</span>Архив</button>
+    </aside>
+
+    <!-- LIVE: одна камера + выбор камеры + pause/play -->
    <section class="m-view" id="view-live">
      <div class="m-bar">
        <select id="m-live-cam" class="m-sel" title="Камера"></select>
@@ -20,6 +31,9 @@
        <video id="m-live-video" playsinline muted autoplay></video>
        <div class="m-hint" id="m-live-hint">Нет камер</div>
      </div>
+      <div class="m-ctrl">
+        <button class="m-cbtn" id="m-live-toggle" title="Пауза / воспроизведение">⏸</button>
+      </div>
    </section>

    <!-- АРХИВ: камера + дата + список записей -->
@@ -35,10 +49,6 @@
      <div class="m-seglist" id="m-seglist"></div>
    </section>

-    <nav class="m-tabs">
-      <!-- одна кнопка: переключает режим Live ⇄ Архив (или/или) -->
-      <button class="m-mode" id="m-mode"><span class="i">⇆</span><span class="m-mode-name" id="m-mode-name">Live</span></button>
-    </nav>
  </div>
  <script src="/static/mobile.js"></script>
 </body>