105 lines
3.8 KiB
HTML
105 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Lab UI</title>
|
|
|
|
<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 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 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="../../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("components/coordinator/coordinator.html");
|
|
});
|
|
$(function(){
|
|
$("#connectorContent").load("components/connect/connect.html");
|
|
});
|
|
</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>
|
|
$(function(){
|
|
$("#visionContent").load("vision/vision.html");
|
|
});
|
|
</script>
|
|
<script type="text/javascript" src="vision/js/ros_scripts.js"></script>
|
|
<script type="text/javascript" src="vision/js/update_guis.js"></script> -->
|
|
|
|
<meta content="text/html; charset=UTF-8; X-Content-Type-Options=nosniff" http-equiv="Content-Type" />
|
|
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<div class="logo">
|
|
<img src="../include/images/aescape-logo-v3_square_300_white.webp"/>
|
|
</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="#Connect" data-toggle="tab">
|
|
Connect
|
|
</a>
|
|
</li>
|
|
<li class="active">
|
|
<a href="#Coordinator" data-toggle="tab">
|
|
Coordinator
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<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>
|
|
<!-- <div class="tab-pane" id="Vision">
|
|
<div id="visionContent"></div>
|
|
</div> -->
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|