-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (104 loc) · 4.17 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
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<link href="styles/style.css" type="text/css" rel="stylesheet"/>
<link href="styles/account.css" type="text/css" rel"stylesheet"/>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script> <!-- This uses d3js Version 3, NOTE: Version 4 has changes so code will not work -->
<script src="https://code.jquery.com/jquery-2.2.1.js"></script>
<script type="text/javascript" src="scripts/functions.js"></script>
<script type="text/javascript" src="scripts/box.js"></script>
<script type="text/javascript" src="scripts/scatter.js"></script>
<script type="text/javascript" src="scripts/main.js"></script>
<script type="text/javascript" src="scripts/menu.js"></script>
</head>
<body>
<div class="sideMenu">
<a href="javascript:void(0)" class="closeBtn" onclick="closeMenu()">×</a>
<a id="homeLabel" class="menuItem" onclick="openHomePage()">Home</a>
<a id="profileLabel" class="menuItem" onclick="openProfilePage()">Profile</a>
</div>
<div class="settingsMenu">
<h4>Filters </h4>
<table class="settingsTable">
<tr>
<td><input type="radio" id="noneFilter" class="filters" name="filterBtns" onclick="updateBPMRange()"></td>
<td><label for="noneFilter">None</label></td>
</tr>
<tr>
<td><input type="radio" id="restingFilter" class="filters" name="filterBtns" onclick="updateBPMRange()"></td>
<td><label for="restingFilter">Resting</label></td>
</tr>
<tr>
<td><input type="radio" id="activeFilter" class="filters" name="filterBtns" onclick="updateBPMRange()"></td>
<td><label for="activeFilter">Active</label></td>
</tr>
</table>
</div>
<div class="home">
<div class="headers">
<ul>
<button class="hamburger" onclick="openMenu()">☰</button>
<li><a id="dayBlock" onclick="setScope('d', currentDate)">Day</a></li>
<li><a id="weekBlock" onclick="setScope('w', currentDate)">Week</a></li>
<li><a id="monthBlock" onclick="setScope('m', currentDate)">Month</a></li>
<li><a id="yearBlock" onclick="setScope('y', currentDate)">Year</a></li>
<img id="settings" src="images/cog.png" onclick="openSettingsMenu()"></img>
</ul>
</div>
<div class="data">
<script>
loadData("data/ka.csv");
</script>
</div>
</div>
<div class="profile">
<button class="hamburger" onclick="openMenu()">☰</button>
<form id="profile-form" action="scripts/profile.php" method="post">
<div class="userInfo">
<h3>Profile</h3>
<br>
<table>
<tr>
<td>First Name <input type="text" id="firstName" class="userInput"></input></td>
</tr>
<tr>
<td>Last Name <input type="text" id="lastName" class="userInput"></input></td>
</tr>
<tr>
<td>Email <input type="text" id="email" class="userInput"></input> </td>
</tr>
<tr>
<td>Age <input type="text" id="age" class="userInput"></input> </td>
</tr>
<tr>
<td>
Fitness Level
<select id="fitnessLevel" class="userInputDropdown">
<option value="" disabled selected> -- select an option -- </option>
<option value="notVeryActive">Not Very Active</option>
<option value="lightlyActive">Lightly Active</option>
<option value="moderatelyActive">Moderately Active</option>
<option value="veryActive">Very Active</option>
</select>
</td>
</tr>
<tr>
<td class="submitProfile"><button type="submit" class="submitProfileButton">Submit</button></td>
</tr>
</table>
</div>
</form>
</div>
<script>
function submitClick(){
<!-- add php functionality -->
//document.getElementById("profile-form").submit();
age = parseInt(document.getElementById("age").value);
firstName = document.getElementById("firstName").value;
lastName = document.getElementById("lastName").value;
var e = document.getElementById("fitnessLevel");
fitnessLevel = e.options[e.selectedIndex].text;
}
</script>
</body>
</html>