finalProject/statistics.html at master · olds1423/finalProject · GitHub

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
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Mental Rental - Statistics</title>
		<link rel="stylesheet" href="style.css" charset="utf-8">
		<link href="https://fonts.googleapis.com/css?family=Mitr" rel="stylesheet">
		<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.min.js"></script>
	</head>
	<body>

		<header>
			<section id="connect">
				<p>Connect:</p>
			</section>

			<!-- Title -->
			<h1>Long Term Statistics</h1>

			<!-- login -->
			<a id="login">Log In/ Register</a>
		</header>

		<nav id="navbar">

			<a id="formLink" href="form.html">Home</a>
			<a id="statsLink" href="form.html">Add information</a>

		</nav>

		<section id="longTermGaphs">
			<section class='statsPageGraphs' id="graphSection1">

				<section id="controls">
					<input id='refGraphs1' type="submit" value="Refresh Graphs">
				</section>

				<section id="formGraphs">
					<div id="graphDiv1">
							<canvas id="billTotalsGraph" width="300" height="300"></canvas>
					</div>
				</section>

			</section>
			<section class='statsPageGraphs' id="graphSection2">

				<section id="controls">

					<input id='refGraphs2' type="submit" value="Refresh Graphs">

					<select id="whichGraph2" name="whichBill">
						<option class='formSpot' value="january">January</option>
						<option class='formSpot' value="february">February</option>
						<option class='formSpot' value="march">March</option>
						<option class='formSpot' value="april">April</option>
						<option class='formSpot' value="may">May</option>
						<option class='formSpot' value="june">June</option>
						<option class='formSpot' value="july">July</option>
						<option class='formSpot' value="august">August</option>
						<option class='formSpot' value="september">September</option>
						<option class='formSpot' value="october">October</option>
						<option class='formSpot' value="november">November</option>
						<option class='formSpot' value="december">December</option>
					</select>
					<input id="howManyMates" class='formSpot'  type="number" name="numberOfMates" placeholder="Enter Roommate Total" value="" min="0" required="">

				</section>
				<section id="formGraphs">
					<div id="graphDiv2">
						<canvas id="roomateGraph" width="300" height="300"></canvas>
					</div>
				</section>

			</section>


		</section>
		<script type="text/javascript" src='rand-color.js'></script>
		<script type='text/javascript' src='librarian.js'></script>
		<script type="text/javascript" src='stats.js'></script>
		<!-- <script type='text/javascript' src='eventHandler.js'></script> -->
		<!-- <script type='text/javascript' src='constructor.js'></script>
		<script type="text/javascript" src='app.js'></script>
		<script type="text/javascript" src="statistics.js"></script> -->
	</body>

</html>