senaduka/old-lab_ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

BIG CHANGE: Re-organise structure. Changes to README

Browse Source
This commit is contained in:
GLEN TURNER (8GT6)
2015-05-29 16:21:09 -04:00
parent 8e5623bba9
commit d2313db98a
17 changed files with 2877 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
index.html
View File

@@ -1,86 +1,122 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<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>
-->
<script type="text/javascript" src="include/js/eventemitter2.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>
-->
<link rel="stylesheet" href="include/css/bootstrap.min.css">
<script src="include/js/jquery.min.js"></script>
<script src="include/js/bootstrap.min.js"></script>
<script>
$(function(){
$("#RobotInfo").load("RobotDisplayPanel.html");
});
</script>
<audio id="audio" src="audio/beep-04.mp3" autostart="false" ></audio>
<script src="include/js/roslib.js"></script>
<script type="text/javascript" src="include/js/roslib.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="include/js/ros_scripts.js"></script>
<script type="text/javascript" src="include/js/update_guis.js"></script>
<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>
<audio id="audio" src="audio/beep-04.mp3" autostart="false" ></audio>
<!-- <button onclick="testAlert('<strong>Danger!</strong> ')">test</button> -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="import" href="RobotDisplayPanel.html">
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1>Example GUI</h1>
</div>
<ul id="tabs" class="nav nav-pills" data-tabs="tabs">
<li class="active">
<a href="#RobotInfo" data-toggle="tab">
Robot Display
</a>
</li>
<li> <a href="#rosbridgeconnection" data-toggle="tab">
ROS Bridge Connection
<span id="rosbridgeconnection_badge" class="badge">
Not Connected
</span></a></li>
</ul>
<div id="my-tab-content" class="tab-content">
<div class="tab-pane active" id="RobotInfo">
<!-- !!!!!!!!!!!!!!!!!!!!!VERY IMPORTANT !!!!!!!!!!!!!!!!! -->
<!-- The contents of RobotDisplayPannel are goint to be pasted here -->
<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="tab-pane" id="rosbridgeconnection">
<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 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-2">
<button id="ConnectionButton" type="button" onclick="ros.attemptConnection()">
Connect
</button>
</div>
</div>
</form>
</div>
</div>
<div class="row">
<label class="col-sm-2"> Up Time (s): </label>
<div class="col-sm-1" id="UpTime">
N/A
<br>
<div class="panel panel-default">
<div class="panel-heading">
ROS Topics
</div>
<div class="panel-body">
<div class="col-sm-1" id="ROSTopics">
N/A
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</div>
</body>
</html>