This repository has been archived by the owner on Jan 30, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
executable file
·96 lines (86 loc) · 3.72 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hex Chart</title>
<link rel="shortcut icon" href="icon.png" />
<script src="hexagon-chart.js"></script>
<link rel="stylesheet" type="text/css" href="bootstrap3/css/bootstrap.min.css">
<style>
body,li {
font-family : 微软雅黑,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
#base_container {
padding: 100px
}
</style>
</head>
<body>
<div id="base_container" class="container-fluid text-center">
<div class="col-md-6">
<canvas id="demo"></canvas>
</div>
<div class="col-md-6">
<table class="table table-bordered table-striped table-hover">
<thead>
<h4>Progress of <b><a href="https://www.dragondoor.com/b41/" target="_blank">Convict Conditioning</a></b></h4>
</thead>
<tbody>
<tr>
<th class="text-center">Abbreviation</th>
<th class="text-center">Name</th>
<th class="text-center">Level</th>
</tr>
<tr>
<td>PU</td>
<td>PUSH-UPS</td>
<td><input type="text" class="form-control" id="PUSH-UPS" value="5" /></td>
</tr>
<tr>
<td>SQ</td>
<td>SQUATS</td>
<td><input type="text" class="form-control" id="SQUATS" value="7" /></td>
</tr>
<tr>
<td>PL</td>
<td>PULL-UPS</td>
<td><input type="text" class="form-control" id="PULL-UPS" value="1" /></td>
</tr>
<tr>
<td>LR</td>
<td>LEG-RAISES</td>
<td><input type="text" class="form-control" id="LEG-RAISES" value="3" /></td>
</tr>
<tr>
<td>BR</td>
<td>BRIDGES</td>
<td><input type="text" class="form-control" id="BRIDGES" value="1" /></td>
</tr>
<tr>
<td>HU</td>
<td>HANDSTAND PUSH-UPS</td>
<td><input type="text" class="form-control" id="HANDSTAND PUSH-UPS" value="1" /></td>
</tr>
</tbody>
</table>
<button class="btn btn-lg btn-info btn-block" onclick="fresh()">Submit</button>
</div>
</div>
<script>
function getValueByID(id) {
return document.getElementById(id).value;
}
function fresh() {
var str = getValueByID('PUSH-UPS') / 10;
var agi = getValueByID('SQUATS') / 10;
var mag = getValueByID('PULL-UPS') / 10;
var hp = getValueByID('LEG-RAISES') / 10;
var mp = getValueByID('BRIDGES') / 10;
var def = getValueByID('HANDSTAND PUSH-UPS') / 10;
hexagon.init('demo', 180, ['PU', 'SQ', 'PL', 'LR', 'BR', 'HU']);
hexagon.draw([str, agi, mag, hp, mp, def]);
}
fresh ();
</script>
</body>
</html>