feat(proj): init

2026-09-21 03:53:15 +03:00
commit 3e34f391b3
258 changed files with 20968 additions and 0 deletions
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Tile Server</title>
+    <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.1/dist/maplibre-gl.css" />
+    <link rel="stylesheet" href="/css/demo.css?v=6Ya05cWust_Io87Xl9FL9s7IE68WqQGiJgIdqGiFCcQ" />
+</head>
+<body>
+    <div id="map" role="application" aria-label="Карта"></div>
+
+    <header class="hud hud--top">
+        <div class="brand">
+            <strong>Tile Server</strong>
+            <span>MapLibre · OSM · Geofabrik</span>
+        </div>
+        <label class="field field--inline">
+            <span>Источник</span>
+            <select id="source-select"></select>
+        </label>
+        <label class="field field--inline">
+            <span>Стиль</span>
+            <select id="style-select"></select>
+        </label>
+        <span class="pill" id="status-pill">—</span>
+        <button type="button" id="sync-button">Синхронизировать</button>
+        <a class="link" href="/swagger" target="_blank" rel="noreferrer">OpenAPI</a>
+    </header>
+
+    <form class="hud hud--goto" id="goto-form">
+        <div class="goto__head">
+            <h1>Камера</h1>
+            <p id="live-coords">—</p>
+        </div>
+        <div class="presets" role="group" aria-label="Быстрый переход">
+            <button type="button" class="preset" data-lat="55.7558" data-lon="37.6173" data-zoom="14">Москва</button>
+            <button type="button" class="preset" data-lat="54.2255" data-lon="38.4692" data-zoom="6">ЦФО</button>
+            <button type="button" id="fit-bounds">По выгрузке</button>
+        </div>
+        <div class="goto__row">
+            <label class="field">
+                <span>Широта</span>
+                <input id="goto-lat" name="lat" inputmode="decimal" autocomplete="off" spellcheck="false" placeholder="55.7558" required />
+            </label>
+            <label class="field">
+                <span>Долгота</span>
+                <input id="goto-lon" name="lon" inputmode="decimal" autocomplete="off" spellcheck="false" placeholder="37.6173" required />
+            </label>
+            <label class="field">
+                <span>Зум</span>
+                <input id="goto-zoom" name="zoom" inputmode="decimal" autocomplete="off" spellcheck="false" placeholder="14" required />
+            </label>
+        </div>
+        <button type="submit">Перейти</button>
+        <p class="error" id="goto-error" hidden></p>
+    </form>
+
+    <aside class="hud hud--status">
+        <details>
+            <summary>Воркер</summary>
+            <dl>
+                <div><dt>Задача</dt><dd id="sync-running">—</dd></div>
+                <div><dt>Источник</dt><dd id="source-state">—</dd></div>
+                <div><dt>Скачан</dt><dd id="source-downloaded">—</dd></div>
+                <div><dt>Собран</dt><dd id="source-built">—</dd></div>
+                <div><dt>Следующий запуск</dt><dd id="sync-next">—</dd></div>
+            </dl>
+            <p class="error" id="sync-error" hidden></p>
+        </details>
+    </aside>
+
+    <div id="banner" class="banner" hidden></div>
+
+    <script src="https://unpkg.com/maplibre-gl@5.6.1/dist/maplibre-gl.js"></script>
+    <script src="/js/demo.js?v=e8nXWE8gS4oY5yeuvHvv2kHwA8dfaz4BWcupNqMCthY"></script>
+</body>
+</html>