-
Notifications
You must be signed in to change notification settings - Fork 23
/
ifit.html
77 lines (66 loc) · 3.31 KB
/
ifit.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
<html>
<head>
<script language="javascript" type="text/javascript" src='./js/jquery-2.0.3.min.js'></script>
<script language="javascript" type="text/javascript" src='./js/sprintf.js'></script>
<script language="javascript" type="text/javascript" src="./js/jquery.iFitSlider.js"></script>
<script language="javascript" type="text/javascript" src="./js/ifit.js"></script>
<script language="javascript" type="text/javascript" src="./js/d3.js"></script>
<script language="javascript" type="text/javascript" src="./js/epoch.js"></script>
<link rel="stylesheet" type="text/css" href="./css/epoch.css">
<link rel="stylesheet" type="text/css" href="./css/ifit.css">
</head>
<body>
<br>
<center>
<table width="900px">
<tr>
<td valign="top" width="50%">
<div id="myheartChart" style="height: 250px; width: 400px"></div><font size=-1>Heart Rate (bpm)</font>
</td>
<td valign="top" width="50%">
<div id="myspeedinclineChart" style="height: 250px; width: 400px"></div><font size=-1>Speed MPH, Incline %</font>
</td>
</tr>
</table>
<br>
<table width="800px">
<tr>
<td valign="top" width="75%">
<table border="1" width="100%">
<tr>
<td width="50%" valign="center" align="center">
<input type="image" id="connect" src="./images/connect.png" width="42" height="42" alt="Connect" />
<br><font size=-1>Connect</font>
</td>
<td width="50%" valign="center" align="center">
<input type="image" id="disconnect" src="./images/disconnect.png" width="42" height="42" alt="Disconnect" />
<br><font size=-1>Disconnect</font>
</td>
</tr>
</table><br>
<div class="slider-container" id="inclineslider-container" min="-3" max="10"
step="0.5" value="0" label="Incline:" labelunit="%" stub="incline"
message= '{ "values": {"Incline":"%f" },"type":"set" }'></div>
<div class="slider-container" id="speedslider-container" min="0" max="10"
step="0.1" value="0" label="Speed:" labelunit="MPH" stub="speed"
message= '{ "values": {"MPH":"%f" },"type":"set" }'></div>
<div class="slider-container" id="fanslider-container" min="0" max="100"
step="20" value="0" label="Fan:" labelunit="%" stub="fan"
message= '{ "values": {"Fan Speed":"%d" },"type":"set" }'></div>
<div class="slider-container" id="volumeslider-container" min="0" max="10"
step="1" value="0" label="Media Volume:" labelunit="" stub="mediavolume"
message= '{ "values": {"Volume":"%d" },"type":"set" }'></div>
<div class="slider-container" id="consoleslider-container" min="0" max="14"
step="1" value="0" label="Console Height:" labelunit="" stub="consoleheight"
message= '{ "values": {"Console Lift":"%d" },"type":"set" }'></div>
</td>
<td width="25%" valign="top">
<div id="output"> <textarea id="ConsoleText" rows="30" cols="80" style="color: lightgreen; background-color: black"></textarea> </div>
<br>
<div align="center"><input type="button" id="dwn-btn" style="font-size : 40px; width: 80%; height: 120px;" value="Download Run Data"/></div>
</td>
</tr>
</table>
</center>
</body>
</html>