-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdisease.html
121 lines (97 loc) · 3.54 KB
/
disease.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
<!--
Author: Tim Davis
disease html file
This file contains the html displayed on the page
-->
<!DOCTYPE html>
<html>
<head>
<title>Disease Spreading Simulation</title>
</head>
<body>
<!-- The entire simulation is in this div -->
<div id="simulation">
<!-- Styling -->
<link type="text/css" rel="stylesheet" href="disease.css" />
<!-- Flot graphing -->
<!--[if lte IE 8]><script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.2/excanvas.min.js"></script><![endif]-->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="flot/jquery.flot.min.js"></script>
<script type="text/javascript" src="flot/jquery.flot.js"></script>
<script type="text/javascript" src="flot/jquery.flot.time.js"></script>
<script type="text/javascript" src="http://rawgit.com/markrcote/flot-axislabels/master/jquery.flot.axislabels.js"></script>
<!-- Disease functionality -->
<script type="text/javascript" src="disease.js"></script>
<script type="text/javascript" src="graph.js"></script>
<!--<h2>Disease Spreading Simulation</h2>-->
<div id="main">
<!-- this area holds the button controls -->
<div id="controls">
<button type="button" class="inactive" id="buttonStep">Step</button>
<button type="button" class="inactive" id="buttonRun">Run</button>
<button type="button" class="active" id="buttonInfect" disabled="disabled">Add Infections</button>
<button type="button" class="inactive" id="buttonInterventions">Add Interventions</button>
<button type="button" class="inactive" id="buttonReset">Reset Grid</button>
</div>
<!-- this area holds the counters -->
<div id="counters">
<table>
<tr>
<!-- Day Counter -->
<td class="countTitle">
Day:
</td>
<td id="dayCount"></td>
<!-- Susceptible Counter -->
<td class="countTitle">
Susceptible:
</td>
<td id="susceptibleCount"></td>
<!-- Infected Counter -->
<td class="countTitle">
Currently Infectious:
</td>
<td id="infectedCount"></td>
<!-- Recovered Counter -->
<td class="countTitle">
Recovered:
</td>
<td id="recoveredCount"></td>
<!-- Intervention Counter -->
<td class="countTitle">
Interventions:
</td>
<td id="interventionCount"></td>
</tr>
</table>
</div>
<!-- this area holds the disease grid -->
<div id="grid"></div>
</div>
<!-- this area holds the legend -->
<div id="legend">
<h3>Legend</h3>
<div class="legend left cell"></div><p>Susceptible</p>
<div class="legend right cell intervention"></div><p>Intervention</p>
<div id="infectedLegend" class="legend left cell infected"></div><p id="infectedP">Currently<br />Infectious</p>
<div id="recoveredLegend" class="legend cell immune"></div><p>Recovered</p>
</div>
<!-- this area holds the graph for the data -->
<div id="flot"></div>
<!-- this area holds any information for the user -->
<div>
<!--<p id="info">Clicking will infect cells</p>-->
</div>
<!-- dev stuff -->
<div id="dev">
<!-- timers for testing -->
<br /><br />
<p>
Timers for testing (will be removed)
</p>
<p id="algorithmTime">0</p>
<p id="guiTime">0</p>
</div>
</div>
</body>
</html>