moved ROSBag pannel on top of display
This commit is contained in:
70
index.html
70
index.html
@@ -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 ######################################### -->
|
||||
|
||||
Reference in New Issue
Block a user