87 lines
3.6 KiB
HTML
87 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<!--
|
|
Link to included files. These are typically done by fetching from the web.
|
|
Because this needs to run without an internet conection, the files were saved
|
|
locally
|
|
-->
|
|
<script type="text/javascript" src="include/eventemitter2.min.js"></script>
|
|
<script type="text/javascript" src="include/roslib.min.js"></script>
|
|
|
|
<!-- Bootstrap is a beatuful and usefull library of GUIs. Docs can be found here: http://getbootstrap.com/
|
|
Tutorials can be found here: http://www.w3schools.com/bootstrap/default.asp
|
|
-->
|
|
<link rel="stylesheet" href="include/bootstrap.min.css">
|
|
<script src="include/jquery.min.js"></script>
|
|
<script src="include/bootstrap.min.js"></script>
|
|
<script src="include/roslib.js"></script>
|
|
|
|
|
|
<audio id="audio" src="audio/beep-04.mp3" autostart="false" ></audio>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<script type="text/javascript" src="src/ros_scripts.js"></script>
|
|
<script type="text/javascript" src="src/update_guis.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="jumbotron">
|
|
<h1>Asctec Pelican</h1>
|
|
</div>
|
|
|
|
<!-- <button onclick="testAlert('<strong>Danger!</strong> ')">test</button> -->
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-body">
|
|
<form class="form-inline" role="form" onsubmit="return validateForm()">
|
|
<div id="ConnectionIPForm" class="form-group has-warning" align="center">
|
|
<label id="ConnectionIPLabel" class="col-sm-3 control-label" for="inputWarning">Connection warning</label>
|
|
<div class="col-sm-6">
|
|
<input type="text" class="form-control" id="ConnectionIPInput" value="No IP Address yet"/>
|
|
<script type="text/javascript">
|
|
document.getElementById("ConnectionIPInput").value = ros.connectionName;
|
|
</script>
|
|
</div>
|
|
<div class="col-sm-1">
|
|
<button id="ConnectionButton" type="button" class="btn btn-warning" onclick="ros.attemptConnection()">Connect</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
Pelican Status
|
|
</div>
|
|
<div class="panel-body">
|
|
|
|
<div class="row">
|
|
<label class="col-sm-2"> Battery Voltage: </label>
|
|
<div class="progress">
|
|
<div id="VoltageDisplay" class="progress-bar progress-bar-striped active" role="progressbar"
|
|
aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:100%" >
|
|
No data recieved yet.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<label class="col-sm-2"> Up Time (s): </label>
|
|
<div class="col-sm-1" id="UpTime">
|
|
N/A
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|