moved ROSBag pannel on top of display

This commit is contained in:
Glen Turner
2015-07-01 12:14:16 -07:00
parent df8c8da618
commit df0a745522

View File

@@ -32,22 +32,54 @@ Tutorials can be found here: http://www.w3schools.com/bootstrap/default.asp
<script>
$(function(){
$("#includedContent").load("robot_display.html");
$("#includedContent").load("robot_display/robot_display.html");
});
</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>
<body>
<div class="container">
<div id="jumbotronTitle" class="jumbotron">
<h1>Example GUI</h1>
<h1>ROS Display</h1>
</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" >
<li class="active">
<a href="#RobotInfo" data-toggle="tab">
Robot Display
<a href="#DataDisplay" data-toggle="tab">
Data Display
</a>
</li>
<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 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 ######################################### -->
<div id="includedContent"></div>
<!-- ##################################### END DISPLAY PANEL ######################################### -->