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

moved ROSBag pannel on top of display

Browse Source
This commit is contained in:
Glen Turner
2015-07-01 12:14:16 -07:00
parent df8c8da618
commit df0a745522
1 changed files with 37 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
index.html
View File

@@ -32,22 +32,54 @@ Tutorials can be found here: http://www.w3schools.com/bootstrap/default.asp
<script> <script>
$(function(){ $(function(){
$("#includedContent").load("robot_display.html"); $("#includedContent").load("robot_display/robot_display.html");
}); });
</script> </script>
<script type="text/javascript" src="robot_display/js/ros_scripts.js"></script>
<script type="text/javascript" src="robot_display/js/update_guis.js"></script>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div id="jumbotronTitle" class="jumbotron"> <div id="jumbotronTitle" class="jumbotron">
<h1>Example GUI</h1> <h1>ROS Display</h1>
</div> </div>
<!-- ##################################### ROS BAG PANEL ######################################### -->
<!-- ROS Bag Panel -->
<div class="panel panel-default">
<div class="panel-heading">
ROS Bag
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-3">
Bagfile name must not start with "/"
<div class="input-group">
<input type="text" id="recordText" class="form-control" placeholder="bag_filename">
<span class="input-group-btn">
<button class="btn btn-primary" id="recordButton" type="button" onclick="toggleRecording()">
<span id="recordButtonText">
Start
</span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- ##################################### END ROS BAG PANEL ######################################### -->
<ul id="tabs" class="nav nav-pills" data-tabs="tabs" > <ul id="tabs" class="nav nav-pills" data-tabs="tabs" >
<li class="active"> <li class="active">
<a href="#RobotInfo" data-toggle="tab"> <a href="#DataDisplay" data-toggle="tab">
Robot Display Data Display
</a> </a>
</li> </li>
<li> <a href="#rosbridgeconnection" data-toggle="tab"> <li> <a href="#rosbridgeconnection" data-toggle="tab">
@@ -59,37 +91,9 @@ Tutorials can be found here: http://www.w3schools.com/bootstrap/default.asp
<div id="my-tab-content" class="tab-content"> <div id="my-tab-content" class="tab-content">
<div class="tab-pane active" id="RobotInfo"> <div class="tab-pane active" id="DataDisplay">
<!-- ##################################### ROS BAG PANEL ######################################### -->
<!-- ROS Bag Panel -->
<div class="panel panel-default">
<div class="panel-heading">
ROS Bag
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-3">
Bagfile name must not start with "/"
<div class="input-group">
<input type="text" id="recordText" class="form-control" placeholder="bag_filename">
<span class="input-group-btn">
<button class="btn btn-primary" id="recordButton" type="button" onclick="toggleRecording()">
<span id="recordButtonText">
Start
</span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- ##################################### END ROS BAG PANEL ######################################### -->
<!-- ##################################### ROBOT DISPLAY PANEL ######################################### --> <!-- ##################################### ROBOT DISPLAY PANEL ######################################### -->
<div id="includedContent"></div> <div id="includedContent"></div>
<!-- ##################################### END DISPLAY PANEL ######################################### --> <!-- ##################################### END DISPLAY PANEL ######################################### -->