-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
91 lines (67 loc) · 3.43 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="description" content="Monitor ROS robots directly from the web. Plug in a gameped and teleoperate effortlessly. Teleop.xyz is an open source remote mangement solution for ROS devices.">
<meta name="keywords" content="ROS, Robotics Operating System, rviz, teleop, rosrun, roslaunch, robot, robotics, robot cloud, cloud robotics, teleoperation, teleop-xyz, ros multimachine, ros machine, roscloud, roshub, robot fleet, fleet management, remote montitoring">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
<title>teleop.xyz - sense, plan, party 🤘</title>
<!--<script type="text/javascript" src="static/js/three.v0.134.0.js"></script>-->
<!--<script src="https://static.robotwebtools.org/threejs/r89/ColladaLoader.js"></script>
<script src="https://static.robotwebtools.org/threejs/r89/STLLoader.js"></script>-->
<!--<script type="text/javascript" src="static/js/eventemitter2.min.js"></script>-->
<script type="text/javascript" src="static/js/roslib.v1.1.0.js"></script>
<script type="text/javascript" src="static/js/ros3d.v1.1.1.js"></script>
<!--<script type="text/javascript" src="static/js/shim/ros3d-ColladaLoader.v1.0.1.js"></script>-->
<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Roboto:ital,wght@1,900&family=Zen+Tokyo+Zoo&display=swap" rel="stylesheet">
<link rel="stylesheet" href="static/main.css">
<script type="text/javascript" src="dist/teleopxyz.js"></script>
<script type="module" src="static/main.js"></script>
</head>
<body>
<div class="box">
<div class='header' id='header'>teleop.xyz</div>
<div class="status-area">
<span id='status-text'>Status</span><span id='status-dot' class='green-dot'></span>
</div>
<div id="viewer" class="content"></div>
<span id='help-text' class="tooltiptext hidden">See <a href='https://github.com/datapartyjs/teleop-xyz/blob/master/README.md#troubleshooting'>troubleshooting guide</a> for help</span>
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<form name="connectionForm">
<div class="modal-header">
<span class="close">×</span>
<h2>Setup Connection</h2>
</div>
<div class="modal-body">
<p>
<labal for="rosapiHost">rosapi host</labal>
<input type="url" name="rosapiHost" placeholder="ws://"/>
</p>
<p>
<labal for="rvizFile">rviz file</labal>
<input type="file" name="rvizFile" accept=".rviz"/>
</p>
<br>
<p>
<center><button class='setup-submit' type="submit">connect</button></center>
</p>
</div>
<div class="modal-footer" id='modal-footer'>
<h3>About
<a href='https://github.com/datapartyjs/teleop-xyz' target='_'> <img src='static/images/github.png' height="32px"></a>
</h3>
</div>
</form>
</div>
</div>
<div class="center-modal rainbows" id='logo' hidden=true>teleop.xyz</div>
<button class='vr-button hidden' id='vr-button'>Enter VR</button>
<footer class='footer'>
</span> teleop.xyz - <span id='version-text'></span> © 2021 <a href='https://www.dataparty.xyz/'>dataparty llc</a>
</footer>
</div>
</body>
</html>