-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
154 lines (141 loc) · 10.1 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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<!--Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!--End Google Analytics-->
<title>Bac Mark</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="angular.min.js"></script>
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="BacMarkScriptEL.js"></script>
</head>
<body onload="start()">
<div class="jumbotron text-center" id="header">
<h4>European School's</h4>
<h1>Bac Mark Calculator</h1>
</div>
<div class="jumbotron text-center" >
<div id="step1">
<h3>Subject choices</h3>
<form>
<table align="center">
<tr>
<td colspan="10"> <h4>Compulsory subjects<br>(Periods of religion/ethics is counted automatically)</h4> </td>
</tr>
<tr>
<td width="30px" style="text-align:right;">L1</td><td style="text-align:center;"><input type ="checkbox" id ="L1" name = "L1" value ="L1" data-periods="4" checked /></td>
<td width="30px" style="text-align:right;">L2</td><td style="text-align:center;"><input type ="checkbox" id = "L2" name = "L2" value ="L2" data-periods="3" checked /></td>
<td width="30px" style="text-align:right;">MA3</td><td style="text-align:center;"><input type ="checkbox" id ="MA3" name = "MA3" value ="MA3" data-periods="3"/></td>
<td width="30px" style="text-align:right;">MA5</td><td style="text-align:center;"><input type ="checkbox" id ="MA5" name = "MA5" value ="MA5" data-periods="5" /></td>
<td width="30px" style="text-align:right;">EP</td><td style="text-align:center;"><input type ="checkbox" id ="EP" name = "EP" value = "EP" data-periods="0" checked /></td>
</tr>
<tr>
<td width="40px" style="text-align:right;">STS</td><td style="text-align:center;"><input type ="checkbox" id = "STS" name = "STS" value = "STS" data-periods="2"/></td>
<td width="40px" style="text-align:right;">GE2</td><td style="text-align:center;"><input type ="checkbox" id = "GE2" name = "GE2" value = "GE2" data-periods="2" /></td>
<td width="40px" style="text-align:right;">HI2</td><td style="text-align:center;"><input type ="checkbox" id = "HI2" name = "HI2" value = "HI2" data-periods="2" /></td>
<td width="40px" style="text-align:right;">PH2</td><td style="text-align:center;"><input type ="checkbox" id = "PH2" name = "PH2" value = "PH2" data-periods="2" /></td>
</tr>
<tr><td colspan="10"> <h4>4 period options<br> (Choose min 2, max 4 subjects)</h4></td>
</tr>
<tr>
<td width="30px" style="text-align:right;">CHI</td><td style="text-align:center;"><input type ="checkbox" id = "CHI" name = "CHI" value = "CHI" data-periods="4" /></td>
<td width="30px" style="text-align:right;">PHY</td><td style="text-align:center;"><input type ="checkbox" id = "PHY" name = "PHY" value = "PHY" data-periods="4" /></td>
<td width="30px" style="text-align:right;">BIO</td><td style="text-align:center;"><input type ="checkbox" id = "BIO" name = "BIO" value = "BIO" data-periods="4" /></td>
<td width="30px" style="text-align:right;">HI4</td><td style="text-align:center;"><input type ="checkbox" id = "HI4" name = "HI4" value = "HI4" data-periods="4"/></td>
<td width="30px" style="text-align:right;">GE4</td><td style="text-align:center;"><input type ="checkbox" id = "GE4" name = "GE4" value = "GE4" data-periods="4"/></td>
</tr>
<tr>
<td width="30px" style="text-align:right;">AR4</td><td style="text-align:center;"><input type ="checkbox" id = "AR4" name = "AR4" value = "AR4" data-periods="4"/></td>
<td width="30px" style="text-align:right;">MU4</td><td style="text-align:center;"><input type ="checkbox" id = "MU4" name = "MU4" value = "MU4" data-periods="4"/></td>
<td width="30px" style="text-align:right;">PH4</td><td style="text-align:center;"><input type ="checkbox" id = "PH4" name = "PH4" value = "PH4" data-periods="4"/></td>
<td width="30px" style="text-align:right;">L3</td><td style="text-align:center;"><input type ="checkbox" id = "L3" name = "L3" value = "L3" data-periods="4" /></td>
<td width="30px" style="text-align:right;">ECO</td><td style="text-align:center;"><input type ="checkbox" id = "ECO" name = "ECO" value = "ECO" data-periods="4" /></td>
</tr>
<tr>
<td width="30px" style="text-align:right;">LAT</td><td style="text-align:center;"><input type ="checkbox" id = "LAT" name = "LAT" value = "LAT" data-periods="4"/></td>
<td width="30px" style="text-align:right;">L4</td><td style="text-align:center;"><input type ="checkbox" id = "L4" name = "L4" value = "L4" data-periods="4"/></td>
<td width="30px" style="text-align:right;">ONL</td><td style="text-align:center;"><input type ="checkbox" id = "ONL" name = "ONL" value = "ONL" data-periods="4"/></td>
<td width="30px" style="text-align:right;">AGR</td><td style="text-align:center;"><input type ="checkbox" id = "AGR" name = "AGR" value = "ONL" data-periods="4"/></td>
</tr>
<tr><td colspan="10"> <h4>3 period advanced courses<br>(Choose max 1 subject)</h4> </td>
</tr>
<tr>
<td width="30px" style="text-align:right;">L1A</td><td style="text-align:center;"><input type ="checkbox" id = "L1A" name = "L1A" value = "L1A" data-periods="3" /></td>
<td width="30px" style="text-align:right;">L2A</td><td style="text-align:center;"><input type ="checkbox" id = "L2A" name = "L2A" value = "L2A" data-periods="3"/></td>
<td width="30px" style="text-align:right;">MAA</td><td style="text-align:center;"><input type ="checkbox" id = "MAA" name = "MAA" value = "MAA" data-periods="3" /></td>
</tr>
<tr><td colspan="10"> <h4>2 period complementary subjects</h4> </td>
</tr>
<tr>
<td width="30px" style="text-align:right;">MU2</td><td style="text-align:center;"><input type ="checkbox" id = "MU2" name = "MU2" value = "MU2" data-periods="2"/></td>
<td width="30px" style="text-align:right;">AR2</td><td style="text-align:center;"><input type ="checkbox" id = "AR2" name = "AR2" value = "AR2" data-periods="2"/></td>
<td width="30px" style="text-align:right;">ICT</td><td style="text-align:center;"><input type ="checkbox" id = "ICT" name = "ICT" value = "ICT" data-periods="2"/></td>
<td width="30px" style="text-align:right;">IEC</td><td style="text-align:center;"><input type ="checkbox" id = "IEC" name = "IEC" value = "IEC" data-periods="2"/></td>
<td width="30px" style="text-align:right;">SOC</td><td style="text-align:center;"><input type ="checkbox" id = "SOC" name = "SOC" value = "SOC" data-periods="2"/></td>
</tr>
<tr>
<td width="30px" style="text-align:right;">SCP</td><td style="text-align:center;"><input type ="checkbox" id = "SCP" name = "SCP" value = "SCP" data-periods="2" /></td>
<td width="30px" style="text-align:right;">L5</td><td style="text-align:center;"><input type ="checkbox" id = "L5" name = "L5" value = "L5" data-periods="2" /></td>
<td width="30px" style="text-align:right;">LBI</td><td style="text-align:center;"><input type ="checkbox" id = "LBI" name = "LBI" value = "LBI" data-periods="2" /></td>
<td width="30px" style="text-align:right;">LCH</td><td style="text-align:center;"><input type ="checkbox" id = "LCH" name = "LCH" value = "LCH" data-periods="2" /></td>
<td width="30px" style="text-align:right;">LPH</td><td style="text-align:center;"><input type ="checkbox" id = "LPH" name = "LPH" value = "LPH" data-periods="2"/></td>
</tr>
<tr>
<td width="30px" style="text-align:right;">SPO</td><td style="text-align:center;"><input type ="checkbox" id = "SPO" name = "SPO" value = "SPO" data-periods="2" /></td>
<td width="30px" style="text-align:right;">DRA</td><td style="text-align:center;"><input type ="checkbox" id = "DRA" name = "DRA" value = "DRA" data-periods="2" /></td>
<td width="30px" style="text-align:right;">ELE</td><td style="text-align:center;"><input type ="checkbox" id = "ELE" name = "ELE" value = "ELE" data-periods="2" /></td>
<td width="30px" style="text-align:right;">ARH</td><td style="text-align:center;"><input type ="checkbox" id = "ARH" name = "ARH" value = "ARH" data-periods="2" /></td>
</tr>
</table>
<p id="total"></p>
<p id="errors"></p>
</form>
</div>
<div id="step2" style="display:none;">
<h3>BAC options</h3>
<form>
<table>
<tr><td><b>Written</b></td><td><b>Subjects</b></td></tr>
<tr><td>Option 1</td><td><select ><option id="W1" > </option></select></td></tr>
<tr><td>Option 2</td><td><select ><option id="W2" > </option></select></td></tr>
<tr><td>Option 3</td><td><select ><option id="W3" > </option></select></td></tr>
<tr><td>Option 4</td><td><select id="W4" ></select></td></tr>
<tr><td>Option 5</td><td><select id="W5" ></select></td></tr>
<tr><td><b>Oral</b></td><td><b>Subjects</b></td></tr>
<tr><td>Option 1</td><td><select ><option id="O1" > </option></select></td></tr>
<tr><td>Option 2</td><td><select id = "O2" ></select></td></tr>
<tr><td>Option 3</td><td><select id = "O3" ></select></td></tr>
</table>
<p id="optErrors"></p>
</form>
</div>
<div id="step3" style="display:none;">
<h3>Marks<br>
(Religion/Ethics mark doesn't effect on the Final mark)
</h3>
<form>
<table id="marks">
</table>
<p id="bacMark"></p>
</form>
</div>
</div>
<div class="footer">
<p style="text-align:center;">DISCLAIMER: This is not an official bac mark calculator and might contain some errors. This calculator gives just a prediction of the real BAC mark.</p>
<p style="text-align:center;">The European Baccalaureate Unit is in no way linked to this tool</p>
<p style="text-align:center;">Made by: Teemu Hinkula, Lux 1/LLIS</p>
</div>
</body>
</html>