Add ros master label.

backend/js/ros_scripts.js

@@ -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;
+  });
+}

index.html

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