git_admin
c6cdcf55b2
The live-view <main> now hosts its own 32px footer bar beneath the grid: prev page on the left, play/stop in the centre, next page + fullscreen on the right — all icon buttons. Pagination is new: cameras are split into pages of dim² cells, prev/next walk the pages (page 0 still honours a saved manual layout), and the arrows disable at the bounds. Fullscreen now targets <main> so the control bar stays visible in fullscreen (the global stats footer is outside <main> and hides as before). The sidebar play/fullscreen items now target <main> too. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
49 lines
2.3 KiB
HTML
49 lines
2.3 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">
|
|
<button class="gb-btn" id="gb-prev" title="Предыдущая страница" aria-label="Предыдущая страница">⏮</button>
|
|
</div>
|
|
<div class="gb-center">
|
|
<button class="gb-btn gb-play" id="gb-play" title="Просмотр / стоп" aria-label="Просмотр / стоп">⏸</button>
|
|
</div>
|
|
<div class="gb-right">
|
|
<button class="gb-btn" id="gb-next" title="Следующая страница" aria-label="Следующая страница">⏭</button>
|
|
<button class="gb-btn" id="gb-fs" title="Полный экран" aria-label="Полный экран">⛶</button>
|
|
</div>
|
|
</footer>
|
|
</main>
|
|
</div>
|
|
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|