-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
105 lines (90 loc) · 4.27 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
<!DOCTYPE HTML>
<html lang="en">
<head><!--{{{-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1">
<meta charset="UTF-8">
<link rel="stylesheet" href="normalize.css">
<link type="text/css" rel="stylesheet" href="bridgeCharts.css"/>
<link rel="stylesheet" href="slider.css">
<link rel="apple-touch-icon" href="./img/apple-touch-icon.png"/>
<!--<link href="./img/icon.ico" rel="shortcut icon" type="image/x-icon" />-->
<link href="./img/icon.png" rel="shortcut icon" type="image/x-icon" />
<!--[if lt IE 9]>
<script src="html5shiv.js"></script>
<![endif]-->
<script type='application/javascript' src='node_modules/fastclick/lib/fastclick.js'></script>
<script type='application/javascript'>
window.addEventListener('load', function() {
FastClick.attach(document.body);
}, false);
</script>
<title>Bridge Data Analysis</title>
</head><!--}}}-->
<body>
<div id="undercharts" style="position:fixed; top:0px; z-index:9;">
<div id="loader_container"></div>
</br>
<input type="checkbox" id="isexpanded" /><label for="isexpanded">Lines</label>
<div id="controls">
<form>
<ul id="render-lines">
<li><input type="checkbox" checked id="maxes" value="maxes"/> <label for="maxes">Maximums</label></li>
<li><input type="checkbox" id="q3" value="q3"/> <label for="q3">3rd Quartile</label></li>
<li><input type="checkbox" checked id="average" value="average"/> <label for="average">Averages</label></li>
<li><input type="checkbox" checked id="quartiles" value="quartiles"/> <label for="quartiles">Quartile Area</label></li>
<li><input type="checkbox" id="q1" value="q1"/> <label for="q1">1st Quartile</label></li>
<li><input type="checkbox" checked id="mins" value="mins"/> <label for="mins">Minimums</label></li>
<li><input type="checkbox" checked id="missing" value="missing"/> <label for="missing">Missing</label></li>
</ul>
<ul id="render-method">
<li><input type="radio" checked id="stp_rad" name="render-method" value="step-after"/> <label for="stp_rad">Step</label></li>
<li><input type="radio" id="lin_rad" name="render-method" value="linear"/> <label for="lin_rad">Linear</label></li>
<!--<li><label><input type="radio" name="render-method" value="cardinal"/>Cardinal</li>-->
<!--<li><input type="radio" id="mon_rad" name="render-method" value="monotone"/><label for="mon_rad"></label><label for="mon_rad">Monotone</label></li>-->
</ul>
</form>
</div>
</br>
<input type="checkbox" id="edit" value="edit"/><label for="edit">Edit</label>
<div id="slider_container">
</div>
</br> <!-- to keep the controls on the next line -->
</div>
<div id="chartContainer" style="overflow:none; width:100%; float:left;">
<div id="charts"></div>
<svg id="zoomSVG">
<rect id="zoomRect" />
<rect id="zoomRectGreyOut" />
</svg>
</div>
<div id="edit_text"></div>
<div id="edit_add_minus"></div>
<div id="edit_swap"></div>
<div id="edit_minus"></div>
<div id="edit_mult"></div>
<!--<button id='fade' onclick='fade()'>fade</button>-->
<!--{{{ PRELOAD IMAGES-->
<img src="./img/add.png" style="display:none">
<img src="./img/mult.png" style="display:none">
<img src="./img/minus.png" style="display:none">
<img src="./img/remove.png" style="display:none">
<img src="./img/updown.png" style="display:none">
<!--}}}-->
</body>
<!--{{{ JAVASCRIPT LOADING-->
<script src="globals.js"></script>
<script src="./loader.js"></script>
<script src="socket.io.min.js"></script>
<script src="d3/d3.js"></script>
<script src="node_modules/underscore/underscore-min.js"></script>
<script src="msToCentury.js"></script>
<script src="binnedData.js"></script>
<script src="multiData.js"></script>
<script src="./slider.js"></script>
<script src="binnedChart.js"></script>
<script src="bridgeCharts.js"></script>
<!-- JAVASCRIPT LOADING }}}-->
</html>
<!-- vim: set foldmethod=marker: -->