-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (124 loc) · 6.12 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
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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="JGD3 is a gui interface for simple d3 charts">
<meta name="author" content="Joshua Gilfillan">
<!-- <link rel="shortcut icon" href="../../assets/ico/favicon.png"> -->
<title>JGD3</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/jasny-bootstrap.min.css" rel="stylesheet">
<link href="css/jgd3.css" rel="stylesheet" type="text/css" >
<!-- Custom styles for this template -->
<link href="css/navmenu-reveal.css" rel="stylesheet">
<script src="js/d3.v3.min.js"></script>
<link rel="stylesheet" href="css/d3-tip.css">
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navmenu navmenu-default navmenu-fixed-left navmenu-ra">
<a class="navmenu-brand" href="#">JGD3</a>
<ul class="nav navmenu-nav">
<div id='navmenu-padded'>
<li><button type="button" class="btn btn-default navbar-btn btn-block" onclick='dropBoxOnClick()'>Load from Dropbox</button></li>
<li><span class="btn btn-default btn-file btn-default navbar-btn btn-block">Load from device<input type="file" id='csvFile' onchange='readLocalFile()'></li>
<form role='form' id='parameter-form'>
<!-- <div class='form-group has-error'>
<label for='xSelect'>x Axis Mapping</label>
<select class='form-control input-sm' id='xSelect' disabled>
<option value=''>-- No Mapping --</option>
</select>
</div>
<div class='form-group has-error'>
<label for='ySelect'>y Axis Mapping</label>
<select class='form-control input-sm' id='ySelect' disabled>
<option value=''>-- No Mapping --</option>
</select>
</div>
<div class='form-group'>
<label for='colourSelect'>Color Mapping</label>
<select class='form-control input-sm' id='colourSelect' disabled>
<option value=''>-- No Mapping --</option>
</select>
</div>
<div class='form-group'>
<label for='sizeSelect'>Size Mapping</label>
<select class='form-control input-sm' id='sizeSelect' disabled>
<option value=''>-- No Mapping --</option>
</select>
</div>
<div class='form-group'>
<label for='tooltipSelect'>Tooltip Mapping</label>
<select multiple class='form-control input-sm' id='tooltipSelect' disabled>
<option value=''>-- No Mapping --</option>
</select>
</div>
<div class='form-group'>
<label for='filterSelect'>Filter Mapping</label>
<select multiple class='form-control input-sm' id='filterSelect' disabled>
<option value=''>-- No Mapping --</option>
</select>
</div> -->
</form>
<!-- <li class="active"><a href="./">Reveal</a></li> -->
<!-- <li><a href="../navbar-offcanvas/">Off canvas navbar</a></li> -->
</div>
</ul>
<ul class="nav navmenu-nav roast-list" id='roast-list'>
<!-- <li class='roast-list-item'>
<div class='col-xs-8'><label class='control-label'>bella vista</label></div>
<div class='col-xs-2'><span class="glyphicon glyphicon-eye-open"></div>
<div class='col-xs-2'><span class="glyphicon glyphicon-trash"></div>
</li> -->
<!-- <li><a href="#">Link</a></li> -->
<!-- <li><a href="#">Link</a></li> -->
<!-- <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu navmenu-nav">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li> -->
</ul>
</div>
<div class="canvas">
<div class="navbar navbar-default navbar-static-top" id="ra-nav-bar">
<button type="button" class="navbar-toggle" data-toggle="offcanvas" data-recalc="false" data-target=".navmenu" data-canvas=".canvas">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="container-fluid chart-area">
<div id='chart1'></div>
<div id='chart2'></div>
</div><!-- /.container -->
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jasny-bootstrap.min.js"></script>
<script src="js/colorbrewer.v1.min.js"></script>
<script src="js/input_file_select.js"></script>
<script src="js/papaparse.min.js"></script>
<script src="js/index.js"></script> <!-- d3-tip -->
<script src="js/jgd3_geom_point.js"></script>
<script src="js/jgd3.js"></script>
<script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="8opsjajnf7fn1ls"></script>
</body>
</html>