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

added timeout and safety button

Browse Source
This commit is contained in:
Rohit Nandwani
2019-06-20 17:15:19 -04:00
parent 03f331f89e
commit 61d7dc539f
4 changed files with 142 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
client/index.html
View File

@@ -19,6 +19,25 @@
<script src="../include/js/roslib.js"></script>
<script type="text/javascript" src="include/js/roslib.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/annyang/2.6.0/annyang.min.js"></script>
<script>
if (annyang) {
// Let's define our first command. First the text we expect, and then the function it should call
var commands = {
'stop': function() {
$('#task-connection-message').animate({bottom: '-100px'});
console.log("stop")
}
};
// Add our commands to annyang
annyang.addCommands(commands);
// Start listening. You can call this here, or attach this call to an event, button, etc.
annyang.start();
}
</script>
<script>
$(function(){
$("#coordinatorContent").load("app/components/coordinator/coordinator.html");
@@ -67,31 +86,39 @@
<i class="far fa-user"></i>
</div>
</div>
<div class="header-bar">
<div class="row-md-3">
<ul id="tabs" class="nav nav-pills" data-tabs="tabs" >
<li>
<a href="#Connect" data-toggle="tab">
Connect
</a>
</li>
<li class="active">
<a href="#Coordinator" data-toggle="tab">
Coordinator
</a>
</li>
<li>
<a target="_blank" href="vision/vision.html">
Vision
</a>
</li>
</ul>
</div>
<div id="task-connection-message">
Disconnected
</div>
<div>
<!--
<i class="fas fa-2x fa-circle" data-toggle="modal" data-target="#exampleModal"></i>
-->
</div>
</div>
<div class="main-tabs-container">
<div class="row-md-3">
<ul id="tabs" class="nav nav-pills" data-tabs="tabs" >
<li>
<a href="#Connect" data-toggle="tab">
Connect
</a>
</li>
<li class="active">
<a href="#Coordinator" data-toggle="tab">
Coordinator
</a>
</li>
<li>
<a target="_blank" href="vision/vision.html">
Vision
</a>
</li>
</ul>
</div>
<div id="task-connection-message">
Disconnected
</div>
<div id="my-tab-content" class="tab-content">
<div class="tab-pane" id="Connect">
<div id="connectorContent"></div>