Files
clever-show/Server/templates/main.html
2019-08-28 18:21:02 +03:00

70 lines
2.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Clever Show </title>
<link rel="stylesheet" href="/static/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/css/tabulator.min.css">
<link rel="stylesheet" href="/static/css/spinner.css">
<link rel="stylesheet" href="/static/css/main.css">
<script lang="js" src="/static/js/tabulator.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top"
style=" width: 100%; display: flex; flex-direction: row; justify-content: space-between;">
<a href="" class="navbar-brand">Clever Show</a>
<div style="display: none;" id="spinner" class="lds-spinner">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</nav>
<div class="my-container">
<div class="table-container">
<div id="copters-table"></div>
</div>
<div class="command-container">
<div class="action-container">
<div class="btn-group">
<button type="button" class="btn btn-primary btn-lg" onclick="refreshSelected()">Refresh selected
</button>
<button type="button" class="btn btn-secondary btn-lg" onclick="refreshAll()">Refresh all</button>
</div>
</div>
<div class="action-container">
<label>Set animation</label>
<div class="custom-file">
<input type="file" class="custom-file-input" id="animationFile">
<label id="animationFileLabel" class="custom-file-label" for="animationFile">Choose file</label>
</div>
<label class="my-label">Set configuration</label>
<div class="custom-file">
<input type="file" class="custom-file-input" id="configFile">
<label id="configFileLabel" class="custom-file-label" for="configFile">Choose file</label>
</div>
<label class="my-label">Set ArUco map</label>
<div class="custom-file">
<input type="file" class="custom-file-input" id="arucoFile">
<label id="arucoFileLabel" class="custom-file-label" for="arucoFile">Choose file</label>
</div>
<div class="btn-group">
<button type="button" class="btn btn-primary btn-lg" onclick="sendSelected()">Save to selected</button>
<button type="button" class="btn btn-secondary btn-lg" onclick="sendAll()">Save to all</button>
</div>
</div>
<div class="action-container"></div>
</div>
<script lang="js" src="/static/js/main.js"></script>
<script lang="js" src="/static/js/file.js"></script>
</div>
</body>
</html>