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

set basic layout. adding status bar

Browse Source
This commit is contained in:
Rohit
2019-06-04 13:11:32 -04:00
parent cd7f6c8648
commit dbd8de27cc
7977 changed files with 757176 additions and 310 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
client/app/index.html
View File

@@ -4,32 +4,39 @@
<meta charset="utf-8" />
<title>Lab UI</title>
<link rel="stylesheet" href="include/css/bootstrap.min.css">
<link rel="stylesheet" href="../include/css/bootstrap.min.css">
<link rel="stylesheet" href="../include/css/fontawesome-free-5.8.2-web/css/all.css">
<script type="text/javascript" src="include/js/eventemitter2.min.js"></script>
<script type="text/javascript" src="../include/js/eventemitter2.min.js"></script>
<script src="include/js/jquery.min.js"></script>
<script src="include/js/bootstrap.min.js"></script>
<script src="include/js/math.min.js"></script>
<script src="../include/js/jquery.min.js"></script>
<script src="../include/js/bootstrap.min.js"></script>
<script src="../include/js/math.min.js"></script>
<script src="include/js/roslib.js"></script>
<script type="text/javascript" src="include/js/roslib.js"></script>
<script src="../include/js/roslib.js"></script>
<script type="text/javascript" src="../include/js/roslib.js"></script>
<script type="text/javascript" src="backend/js/ros_scripts.js"></script>
<script type="text/javascript" src="backend/js/update_guis.js"></script>
<script type="text/javascript" src="utilities/ros_scripts.js"></script>
<script type="text/javascript" src="utilities/update_guis.js"></script>
<script type="text/javascript" src="utilities/Topic.js"></script>
<script type="text/javascript" src="backend/js/Topic.js"></script>
<script type="text/javascript" src="../../bower_components/remarkable-bootstrap-notify/dist/bootstrap-notify.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="main.css">
<script>
$(function(){
$("#coordinatorContent").load("coordinator/coordinator.html");
$("#coordinatorContent").load("components/coordinator/coordinator.html");
});
$(function(){
$("#connectorContent").load("components/connect/connect.html");
});
</script>
<script type="text/javascript" src="coordinator/js/ros_scripts.js"></script>
<script type="text/javascript" src="coordinator/js/update_guis.js"></script>
<script type="text/javascript" src="components/coordinator/js/ros_scripts.js"></script>
<script type="text/javascript" src="components/coordinator/js/update_guis.js"></script>
<!-- <script>
@@ -44,29 +51,24 @@
</head>
<body>
<div class="container">
<div id="jumbotronTitle" class="jumbotron text-center">
<h1 id="Title">Lab UI</h1>
<div class="header">
<div class="logo">
<img src="../include/images/aescape-logo-v3_square_300_white.webp"/>
</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 class="title">
<h1>Aescape Lab</h1>
</div>
<div class="user">
<i class="far fa-user"></i>
</div>
</div>
<div class="main-tabs-container">
<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
<span id="rosbridgeconnection_badge" class="badge">
Not Connected
</span></a>
<li>
<a href="#Connect" data-toggle="tab">
Connect
</a>
</li>
<li class="active">
<a href="#Coordinator" data-toggle="tab">
@@ -74,15 +76,21 @@
</a>
</li>
<li>
<a href="vision/vision.html">
<a target="_blank" href="vision/vision.html">
Vision
</a>
</li>
</ul>
</div>
<div class="task-connection-message">
Teaching Phoebe
</div>
<div id="my-tab-content" class="tab-content">
<div class="tab-pane" id="Connect">
<div id="connectorContent"></div>
</div>
<div class="tab-pane active" id="Coordinator">
<div id="coordinatorContent"></div>
</div>
@@ -92,7 +100,5 @@
</div>
</div>
</div>
</body>
</body>
</html>