2022-08-13 20:33:44 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang='en'>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset='utf-8'>
|
|
|
|
|
<meta name='description' content='ONYX map annotation tool'/>
|
|
|
|
|
<meta name='viewport' content='width=device-width,initial-scale=1'>
|
|
|
|
|
<link rel='stylesheet' type='text/css' href='/static/style.css'>
|
|
|
|
|
<!--<link rel='shortcut icon' href='/img/favicon.png'>-->
|
|
|
|
|
<title>ONYX - Scry/Pendulum</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div id="map"></div>
|
2022-08-13 21:40:38 +00:00
|
|
|
|
2022-08-13 20:33:44 +00:00
|
|
|
<div id="mapControls">
|
|
|
|
|
<button id="addPoint-btn">·</button>
|
|
|
|
|
<button id="addCircle-btn">∘</button>
|
|
|
|
|
<button id="addPolygon-btn">⋄</button>
|
|
|
|
|
<div id="subControls">
|
|
|
|
|
<button id="save-btn"><3</button>
|
|
|
|
|
<button id="tiles-btn">←→</button>
|
|
|
|
|
<button id="clear-btn">XXX</button>
|
|
|
|
|
<button id="menu-btn">≡</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="modal-container">
|
|
|
|
|
<button class="closeBtn" id="modalCloseBtn">x</button>
|
|
|
|
|
<h2 id="modal-title"></h2>
|
|
|
|
|
<div id="modal-content">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-08-13 21:40:38 +00:00
|
|
|
|
|
|
|
|
<div id="cancel-container">
|
|
|
|
|
<button class="cancel-btn">Cancel</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="confirm-container">
|
|
|
|
|
<span id="confirm-msg"></span>
|
|
|
|
|
<button id="yes-btn">Yes</button>
|
|
|
|
|
<button id="no-btn">No</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="import-export-container">
|
|
|
|
|
<h2></h2>
|
|
|
|
|
<textarea id="import-export-textarea"></textarea>
|
|
|
|
|
<button id="import-export-ok-btn">OK</button>
|
|
|
|
|
<button id="import-export-cancel-btn">Cancel</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="overlays-menu-container">
|
|
|
|
|
<details id="markers-wrapper"><summary>Markers</summary><ul id="markers-list"></ul></details>
|
|
|
|
|
<details id="circles-wrapper"><summary>Circles</summary><ul id="circles-list"></ul></details>
|
|
|
|
|
<details id="polygons-wrapper"><summary>Polygons</summary><ul id="polygons-list"></ul></details>
|
|
|
|
|
<button id="import-btn">Import</button>
|
|
|
|
|
<button id="export-all-btn">Export All</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
2022-08-13 20:33:44 +00:00
|
|
|
</body>
|
|
|
|
|
<link rel='stylesheet' type="text/css" href="/static/leaflet.css">
|
|
|
|
|
<script src="/static/leaflet.js"></script>
|
|
|
|
|
<script src="/static/onyx-scry.js"></script>
|
|
|
|
|
</html>
|
