git_admin
5b8f11dbb6
The grid control footer is regrouped: ⏮ play/stop ⏭ now sit together in the centre (left section empty). On the right, before fullscreen, a new ▦ split button opens an upward popup menu with the layouts 4/9/16/25/36/49/64 that calls setDim; the menu respects maxDim (16+ mode), highlights the active layout, and closes on outside click. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
60 lines
2.9 KiB
HTML
60 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>CoRE.Vision — Live view</title>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
</head>
|
|
<body data-page="live">
|
|
<div class="layout">
|
|
<aside>
|
|
<a class="nav-item active" href="/" data-nav="live"><span class="ico">▦</span>Live view</a>
|
|
<div class="subnav" id="live-subnav">
|
|
<a class="subitem subplay" id="play-toggle" href="#" title="Начать/остановить просмотр">⏹ Стоп</a>
|
|
<a class="subitem" data-grid="2" href="/?grid=2">4</a>
|
|
<a class="subitem" data-grid="3" href="/?grid=3">9</a>
|
|
<a class="subitem" data-grid="4" href="/?grid=4">16</a>
|
|
<a class="subitem" data-grid="5" href="/?grid=5">25</a>
|
|
<a class="subitem" data-grid="6" href="/?grid=6">36</a>
|
|
<a class="subitem" data-grid="7" href="/?grid=7">49</a>
|
|
<a class="subitem" data-grid="8" href="/?grid=8">64</a>
|
|
<a class="subitem subfs" id="fs-grid" href="#" title="Развернуть сетку на весь экран">⛶ Полный экран</a>
|
|
</div>
|
|
<a class="nav-item" href="/archive" data-nav="archive"><span class="ico">🗄</span>Архив</a>
|
|
<div class="aside-spacer"></div>
|
|
<a class="nav-item" href="/settings" data-nav="settings"><span class="ico">⚙</span>Настройки</a>
|
|
</aside>
|
|
|
|
<main id="live-main">
|
|
<div class="grid g4" id="grid"></div>
|
|
<footer class="grid-bar" id="grid-bar">
|
|
<div class="gb-left"></div>
|
|
<div class="gb-center">
|
|
<button class="gb-btn" id="gb-prev" title="Предыдущая страница" aria-label="Предыдущая страница">⏮</button>
|
|
<button class="gb-btn gb-play" id="gb-play" title="Просмотр / стоп" aria-label="Просмотр / стоп">⏸</button>
|
|
<button class="gb-btn" id="gb-next" title="Следующая страница" aria-label="Следующая страница">⏭</button>
|
|
</div>
|
|
<div class="gb-right">
|
|
<div class="gb-split">
|
|
<button class="gb-btn" id="gb-split" title="Раскладка сетки" aria-label="Раскладка сетки">▦</button>
|
|
<div class="gb-split-menu" id="gb-split-menu">
|
|
<button data-grid="2">4</button>
|
|
<button data-grid="3">9</button>
|
|
<button data-grid="4">16</button>
|
|
<button data-grid="5">25</button>
|
|
<button data-grid="6">36</button>
|
|
<button data-grid="7">49</button>
|
|
<button data-grid="8">64</button>
|
|
</div>
|
|
</div>
|
|
<button class="gb-btn" id="gb-fs" title="Полный экран" aria-label="Полный экран">⛶</button>
|
|
</div>
|
|
</footer>
|
|
</main>
|
|
</div>
|
|
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|