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

Add ros master label.

Browse Source
This commit is contained in:
David Walsh
2019-04-04 15:45:44 -04:00
parent faed7b42bb
commit 2687f2e4de
2 changed files with 51 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
backend/js/ros_scripts.js
View File

@@ -155,3 +155,22 @@ function toggleRecording()
} }
} }
} }
function getMasterName()
{
var service = new ROSLIB.Service({
ros : ros,
name : '/rosapi/service_host',
serviceType : 'rosapi/ServiceHost'
});
var request = new ROSLIB.ServiceRequest({
service: '/rosout/get_loggers' // Only the master hosts this service.
});
service.callService(request, function(result) {
console.log('Master Name = ' + result.host);
document.getElementById("MasterName").innerHTML = result.host;
});
}

51
index.html
View File

@@ -64,26 +64,39 @@ Tutorials can be found here: http://www.w3schools.com/bootstrap/default.asp
<div class="container"> <div class="container">
<div id="jumbotronTitle" class="jumbotron text-center"> <div id="jumbotronTitle" class="jumbotron text-center">
<h1>Lab UI</h1> <h1>Lab UI</h1>
</div>
<ul id="tabs" class="nav nav-pills" data-tabs="tabs" > </div>
<li> <a href="#rosbridgeconnection" data-toggle="tab"> <div class="container">
ROS Bridge Connection <div class="col-md-1">
<span id="rosbridgeconnection_badge" class="badge"> Master:
Not Connected </div>
</span></a> <div class="col-md-3">
</li> <label id="MasterName"></label>
<li class="active"> <script>
<a href="#Coordinator" data-toggle="tab"> getMasterName();
Coordinator </script>
</a> </div>
</li> </div>
<li> <div class="row-md-3">
<a href="#Vision" data-toggle="tab"> <ul id="tabs" class="nav nav-pills" data-tabs="tabs" >
Vision <li> <a href="#rosbridgeconnection" data-toggle="tab">
</a> ROS Bridge Connection
</li> <span id="rosbridgeconnection_badge" class="badge">
</ul> Not Connected
</span></a>
</li>
<li class="active">
<a href="#Coordinator" data-toggle="tab">
Coordinator
</a>
</li>
<li>
<a href="#Vision" data-toggle="tab">
Vision
</a>
</li>
</ul>
</div>
<div id="my-tab-content" class="tab-content"> <div id="my-tab-content" class="tab-content">