CopterExpress/clever-show
1
0
Fork 0
mirror of https://github.com/CopterExpress/clever-show.git synced 2026-06-04 19:19:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added more buttons from Qt GUI

Browse Source
This commit is contained in:
Igor Nurullaev
2019-08-29 16:36:09 +03:00
parent 2bddf31a2e
commit e4aa7a4e70
14 changed files with 511 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
Server/templates/main.html
View File

@@ -4,15 +4,44 @@
<meta charset="UTF-8">
<title>Clever Show </title>
<link rel="stylesheet" href="/static/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/css/ply.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/jquery.min.js"></script>
<script lang="js" src="/static/js/popper.min.js"></script>
<script lang="js" src="/static/js/bootstrap.min.js"></script>
<script lang="js" src="/static/js/ply.js"></script>
<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 class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Actions
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<div class="dropdown-item">
<label for="animationFile" class="btn">Set animation</label>
<input id="animationFile" style="visibility:hidden;" type="file">
</div>
<div class="dropdown-item">
<label for="configFile" class="btn">Set configuration</label>
<input id="configFile" style="visibility:hidden;" type="file">
</div>
<div class="dropdown-item">
<label for="arucoFile" class="btn">Set ArUco map</label>
<input id="arucoFile" style="visibility:hidden;" type="file">
</div>
</div>
</li>
</ul>
</div>
<div style="display: none;" id="spinner" class="lds-spinner">
<div></div>
<div></div>
@@ -35,30 +64,24 @@
<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 type="button" class="btn btn-primary btn-lg" onclick="selectAll()">Select all
</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>
<button type="button" class="btn btn-secondary btn-lg" onclick="deselectAll()">Deselect all</button>
</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>
<button type="button" class="btn btn-info btn-lg" onclick="refreshSelected()">Selfcheck</button>
<button type="button" class="btn btn-info btn-lg" onclick="testLedSelected()">Test led</button>
</div>
<div class="btn-group">
<button id="delay" type="button" class="btn btn-success btn-lg" onclick="setStartTime()">Set time (now is 0)</button>
<button type="button" class="btn btn-success btn-lg" onclick="startAnimation()">Start animation</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-warning btn-lg" onclick="pauseCopters()">Pause</button>
<button type="button" class="btn btn-warning btn-lg" onclick="stopCopters()">Stop</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-danger btn-lg" onclick="emLand()">Emergency landing</button>
</div>
</div>
<div class="action-container"></div>