This repository has been archived by the owner on Oct 18, 2024. It is now read-only.
forked from AutonomyLab/rosdash
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpanel.html
120 lines (119 loc) · 7.07 KB
/
panel.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>ROSDASH Panel</title>
<!-- load jquery ui bootstrap css theme -->
<link type="text/css" href="lib/sDashboard/example/css/bootstrap/css/custom-theme/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
<link href="lib/sDashboard/example/css/bootstrap/bootstrap/bootstrap.css" rel="stylesheet">
<link href="lib/sDashboard/example/css/bootstrap/css/demo.css" rel="stylesheet">
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="lib/sDashboard/example/css/bootstrap/css/custom-theme/custom-theme/jquery.ui.1.8.16.ie.css"/>
<![endif]-->
<!-- load the dashboard css -->
<link href="lib/sDashboard/example/../sDashboard.css" rel="stylesheet">
<link href="lib/sDashboard/example/css/jquery.minitwitter.css" rel="stylesheet">
<!-- load gitter css -->
<link href="lib/sDashboard/example/css/gitter/css/jquery.gritter.css" rel="stylesheet"/>
<!-- load jquery library -->
<script src="lib/sDashboard/example/libs/jquery/jquery-1.8.2.js" type="text/javascript"> </script>
<!-- load jquery ui library -->
<script src="lib/sDashboard/example/libs/jquery/jquery-ui.js" type="text/javascript"> </script>
<!-- load touch punch library to enable dragging on touch based devices -->
<script src="lib/sDashboard/example/libs/touchpunch/jquery.ui.touch-punch.js" type="text/javascript"> </script>
<!-- load gitter notification library -->
<script src="lib/sDashboard/example/libs/gitter/jquery.gritter.js" type="text/javascript"> </script>
<!-- load datatables library -->
<script src="lib/sDashboard/example/libs/datatables/jquery.dataTables.js"> </script>
<!-- load flotr2 charting library -->
<!--[if IE]>
<script language="javascript" type="text/javascript" src="lib/sDashboard/example/libs/flotr2/flotr2.ie.min.js"></script>
<![endif]-->
<script src="lib/sDashboard/example/libs/flotr2/flotr2.js" type="text/javascript"> </script>
<!-- load dashboard library -->
<script src="lib/sDashboard/example/../jquery-sDashboard.js" type="text/javascript"> </script>
<!-- dhtmlxToolbar -->
<script type="text/javascript" src="lib/dhtmlxSuite/dhtmlxToolbar/codebase/dhtmlxcommon.js"></script>
<script type="text/javascript" src="lib/dhtmlxSuite/dhtmlxToolbar/codebase/dhtmlxtoolbar.js"></script>
<link rel="stylesheet" type="text/css" href="lib/dhtmlxSuite/dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_dhx_skyblue.css"></link>
<!-- mini twitter library -->
<script src="lib/sDashboard/example/libs/miniTwitter/jquery.minitwitter.js" type="text/javascript"> </script>
<!-- sample data external script file -->
<script src="lib/sDashboard/example/libs/exampleData.js" type="text/javascript"> </script>
<script src="http://cytoscape.github.io/cytoscape.js/api/cytoscape.js-latest/cytoscape.min.js"></script>
<script src="lib/roslibjs/include/EventEmitter2/eventemitter2.js"></script>
<script src="lib/roslibjs/build/roslib.js"></script>
<!-- google maps -->
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<!-- arbor -->
<link rel="stylesheet" href="lib/arbor/docs/sample-project/style.css" type="text/css">
<script src="lib/arbor/docs/sample-project/../../lib/arbor.js"></script>
<script src="lib/arbor/docs/sample-project/main.js"></script>
<!-- dracula -->
<script type="text/javascript" src="lib/raphael-min.js"></script>
<script type="text/javascript" src="lib/dracula/examples/../js/dracula_graffle.js"></script>
<script type="text/javascript" src="lib/dracula/examples/../js/dracula_graph.js"></script>
<script type="text/javascript" src="lib/dracula/examples/example.js"></script>
<!-- flot -->
<script language="javascript" type="text/javascript" src="lib/flot/jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="lib/flot/jquery.flot.time.js"></script>
<script language="javascript" type="text/javascript" src="lib/flot/jquery.flot.selection.js"></script>
<script language="javascript" type="text/javascript" src="lib/flot/jquery.flot.crosshair.js"></script>
<script language="javascript" type="text/javascript" src="lib/flot/jquery.flot.threshold.js"></script>
<script language="javascript" type="text/javascript" src="lib/flot/jquery.flot.navigate.js"></script>
<!-- speak -->
<script language="javascript" type="text/javascript" src="lib/speak-js/speakClient.js"></script>
<!-- turtlesimjs -->
<script type="text/javascript" src="lib/turtlesimjs/js/ros.js"></script>
<script type="text/javascript" src="lib/turtlesimjs/js/turtle.js"></script>
<script type="text/javascript" src="lib/turtlesimjs/js/turtlesim.js"></script>
<!-- ros2djs -->
<script src="lib/ros2djs/examples/../include/EaselJS/easeljs.js"></script>
<script src="lib/ros2djs/examples/../build/ros2d.js"></script>
<!-- ros3djs -->
<script type="text/javascript" src="lib/ros3djs/examples/../include/threejs/three.js"></script>
<script src="http://cdn.robotwebtools.org/ColladaAnimationCompress/0.0.1/ColladaLoader2.min.js"></script>
<script type="text/javascript" src="lib/ros3djs/examples/../build/ros3d.js"></script>
<!-- highcharts -->
<script src="lib/Highcharts/js/highcharts.js"></script>
<script src="lib/Highcharts/js/highcharts-more.js"></script>
<script src="lib/Highcharts/js/modules/exporting.js"></script>
<!-- bootstrap switch -->
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8;" />
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<link rel="stylesheet" href="lib/bootstrap-switch/static/stylesheets/bootstrapSwitch.css">
<script src="lib/bootstrap-switch/static/js/bootstrapSwitch.js"></script>
<!-- bootstrap -->
<script src="lib/bootstrap/js/bootstrap.js"></script>
<!-- taffydb -->
<script src="lib/taffydb/taffy.js"></script>
<!-- virtualjoystick -->
<script src="lib/virtualjoystick.js/virtualjoystick.js"></script>
<!-- cytoscape -->
<script src="http://cytoscape.github.io/cytoscape.js/api/cytoscape.js-latest/cytoscape.min.js"></script>
<!-- rosdash -->
<script src="rosdash.js"></script>
<script src="rosdash-widgets.js"></script>
<script type="text/javascript">
$(function() {
ROSDASH.connectROS("<?php echo $_GET["host"]; ?>", "<?php echo $_GET["port"]; ?>");
ROSDASH.runPanel("<?php echo $_GET["user"]; ?>", "<?php echo $_GET["panel"]; ?>", "<?php echo $_GET["selected"]; ?>");
/*var cities = TAFFY([{name:"New York",state:"WA"},{name:"Las Vegas",state:"NV"},{name:"Boston",state:"MA"}]);
cities.insert({name:"Portland",state:"OR"});
console.debug("db: " + cities({name:"Boston"}).count());*/
});
</script>
</head>
<body style="background-color:AliceBlue;">
<div id="toolbarObj"></div>
<div id="dialog-form" title="Property">
<form>
<fieldset>
<span id="property"></span>
</fieldset>
</form>
</div>
<ul id="myDashboard"></ul>
</body>
</html>