forked from MattWoelk/shmotg
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (116 loc) · 5.29 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
<!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="change_date" value="change_date" /><label for="change_date">Date</label>
<div id="controls-date">
<form>
<ul id="date-controls">
<li> <label for="date">Date</label><input type="datetime-local" id="date" /> </li>
</ul>
</form>
</div>
</br>
<input type="checkbox" id="edit" value="edit"/><label for="edit">Edit</label>
</br> <!-- to keep the controls on the next line -->
<input type="button" id="image_list" value="Images" />
</br>
<div id="slider_container">
</div>
</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>
<div id="images_dialog" style="z-index: 100;display: none;">
Here is the images list.
<p>The current title</p>
<div>
<input type="button" id="image_prev" value="<" />
<span id="image_title">name/title of the current image</span>
<input type="button" id="image_next" value=">" />
</div>
<div id="current_image">
</div>
</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>
<!-- this is the socket client !-->
<script src="socket.io-1.1.0.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="imageData.js"></script>
<script src="imageLine.js"></script>
<script src="bridgeCharts.js"></script>
<script src="imageList.js"></script>
<!-- JAVASCRIPT LOADING }}}-->
</html>
<!-- vim: set foldmethod=marker: -->