-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathclasses.html
200 lines (192 loc) · 12.2 KB
/
classes.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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TTAssist</title>
<link rel="icon" type="image/x-icon" href="images/TTAssistLogo.png"/>
<link rel="stylesheet" href="CSS/Style.css">
<link rel="apple-touch-icon" sizes="57x57" href="images/Icon-57.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/Icon-60.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/Icon-72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/Icon-76.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/Icon-114.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/Icon-120.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/Icon-144.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/Icon-152.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/Icon-180.png">
<script src="JS/libraries/p5.min.js"></script>
<script src="JS/Script.js"></script>
<script src="JS/subjects.js"></script>
<script src="JS/classes.js"></script>
<script src="JS/classesOnly.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="TTAssist is a timetabling assistive tool." />
</head>
<body id="top" onload="classesStart()">
<nav class="nav" id="nav">
<ul>
<li>
<a href='timetable.html'>Timetable</a>
</li>
<li>
<a href='subjects.html'>Subjects</a>
</li>
<li>
<a href='teachers.html'>Teachers</a>
</li>
<li id="navActive">
<a href='classes.html'>Classes</a>
</li>
<li>
<a href='analysis.html'>Analysis</a>
</li>
</ul>
</nav>
<div class="classesPage mainPage">
<label for="template">Download Template File : </label>
<button type="button" id="template" name="template" value="template">Template</button>
<br>
<br>
<p>You can either complete the form below for each block and band, or download and fill in the template file using the button above. This will allow you to input the data offline, and in bulk, eg by copying from an export from your School Management Software.</p>
<br>
<br>
<br>
<form>
<label for="subFile">Upload Subjects File (required for both file check and/or manual input). Don't forget to press the "Add Subjects" button once you have selected your file. : </label>
<input type="file" id="subFile" name="uploadSub" accept=".csv">
<button type="button" id="checkItSub" name="uploadSub" value="uploadSub">Add Subjects</button>
<br>
<br>
<label for="clasesFile">Upload previous Classes File : </label>
<input type="file" id="clasesFile" name="uploadClasses" accept=".csv">
<button type="button" id="checkIt" name="uploadClasses" value="uploadClasses">Check it</button>
<p class="hide invalidFile" id="invalidFile">Sorry this is an invalid file type, please upload a valid csv file from this software.</p>
<p class="hide invalidHeaders" id="invalidHeaders">Sorry, this doesn't seem to the the right file, please ensure you are using a file based upon the templates provided.</p>
<p class="hide invalidContents" id="invalidContents">Sorry, it seems that one or more of your data rows is incomplete. Please either try to upload another file, or check the values below against expected outcomes, correct and save file again.</p>
<p class="hide invalidRow" id="invalidRow">Sorry, it seems that one or more of your data rows has produced an error. Please check the error messages below the user input for more information, try to upload another file, or check the values below against expected outcomes, correct and save file again.</p>
<p class="hide noSubjects" id="noSubjects">Sorry, it seems you haven't uploaded a valid Subjects file. Please upload a valid Subjects csv file from this software in the area above, click the "Add Subjects" button, then try again.</p>
<p class="hide periodsDontMatch" id="periodsDontMatch">Sorry, it seems your file has blocks with bands that have different numbers of periods in the bands. Please check that all classes within bands within a block add up to the same number of periods and try again. Check the table below for the problem block(s).</p>
<br>
<br>
<br>
<p>Would you prefer to input class subjects by :</p>
<button type="button" id="subCode" name="subjectStyle" value="0" class="subStyleBtn active">Subject Code</button>
<button type="button" id="subName" name="subjectStyle" value="1" class="subStyleBtn">Subject Name</button>
<br>
<br>
<br>
<p>A block is a collection of classes that will all be timetabled at the same time as each other. This could be your year 7 English block, or your year 10 options A block, as examples.</p>
<br>
<label for="blockName">Give your Block a Unique Name :</label>
<input type="text" id="blockName" name="blockName">
<br>
<br>
<label for="blockPeriods">What is the number of periods taught in this block per timetable? (eg what number of lessons will each band add up to - must be a whole number greater than 0) :</label>
<input type="number" id="blockPeriods" name="blockPeriods">
<br>
<br>
<label for="setBlock">Set Block : </label>
<button type="button" id="setBlock" name="setBlock" value="setBlock">Set Block</button>
<p class="hide blockShortInput" id="blockShortInput">Sorry, it seems you haven't completed all fields above. Please ensure all above fields are completed correctly and try again.</p>
<p class="hide blockNameComma" id="blockNameComma">Sorry, commas aren't accepted characters. Please amend your block name and try again.</p>
<p class="hide blockPeriodsInvalid" id="blockPeriodsInvalid">Sorry, you don't seem to have entered a valid value for the periods for this block. Please enter a whole number greater than 0 and try again.</p>
<p class="hide blockAlreadyUsed" id="blockAlreadyUsed">Sorry, this block name already appears to be in use. Please amend your block name and try again.</p>
<br>
<br>
<br>
<p>A band is a class or collection of classes that all have the same set of students within a block. This could be your year 7 English set 1 class, or your year 10 options A Geography class, or your 8G class, as examples.</p>
<br>
<br>
<p class="inline">You are currently working on block : </p>
<p class="whiteBG inline" id="currentBlock"></p>
<br>
<br>
<label for="bandName">Give the Band a unique Name within the Block :</label>
<input type="text" id="bandName" name="bandName">
<br>
<br>
<label for="setBand">Set Band : </label>
<button type="button" id="setBand" name="setBand" value="setBand">Set Band</button>
<p class="hide bandShortInput" id="bandShortInput">Sorry, it seems you haven't given your band a name. Please ensure all above fields are completed correctly and try again.</p>
<p class="hide bandNameComma" id="bandNameComma">Sorry, commas aren't accepted characters. Please amend your band name and try again.</p>
<p class="hide noBlockSet" id="noBlockSet">Sorry, it seems you've not set the values for your block. Please set your block values, press the "Set Block" button, and try again.</p>
<p class="hide bandAlreadyInBlock" id="bandAlreadyInBlock">Sorry, it seems you already have this band in your block. Please amend the value above and try again.</p>
<br>
<br>
<br>
<p class="inline">You are currently working on band : </p>
<p class="whiteBG inline" id="currentBand"></p>
<br>
<br>
<p class="inline">Total periods in this band should add up to : </p>
<p class="whiteBG inline" id="currentBlockPeriods"></p>
<br>
<br>
<label for="classCode">Class Code :</label>
<input type="text" id="classCode" name="classCode">
<br>
<br>
<label for="classSub">Class Subject :</label>
<select name="classSub" id="classSub">
<option value=""></option>
</select>
<br>
<br>
<label for="classPeriods">Class Periods (must be a whole number greater than 0):</label>
<input type="number" id="classPeriods" name="classPeriods">
<br>
<br>
<button type="button" id="addClass" name="addClass" value="addClass">Add class</button>
<br>
<p class="hide noSubjects" id="noSubjects1">Sorry, it seems you haven't uploaded a valid Subjects file. Please upload a valid Subjects csv file from this software in the area above, click the "Add Subjects" button, then try again.</p>
<p class="hide noBandSet" id="noBandSet">Sorry, you don't seem to have set a current Band. Please set a Band name above and try again.</p>
<p class="hide shortInput" id="shortInput">Sorry, you don't appear to have completed all required fields above correctly. All fields are required with the exception of the Secondary Subject. Contact Periods should be a whole number higher than 0. If you are inputting from file, please also check your Subject Codes match those in your Subjects file. Please complete all the input boxes.</p>
<p class="hide classCodeComma" id="classCodeComma">Sorry, commas aren't accepted characters. Please amend your class code and try again.</p>
<p class="hide notAlphaNum" id="notAlphaNum">Sorry, the Subject Code can only be Letters or Numbers. Please amend your Subject Code(s) in your file and try again.</p>
<p class="hide alreadyAdded" id="alreadyAdded">Sorry, the Class Code you have added is already in the list. Please amend your Class Code above.</p>
<p class="hide classPeriodsInvalid" id="classPeriodsInvalid">Sorry, you don't seem to have entered a valid value for the periods for this class. Please enter a whole number greater than 0 and try again.</p>
<br>
<br>
<p>Check your Band: (don't forget to scroll down to set your band)</p>
<br>
<table id="bandList" ></table>
<button type="button" id="delClass" name="delClass" value="delClass">Delete Class</button>
<br>
<br>
<label for="saveBand">If this is correct : </label>
<button type="button" id="saveBand" name="saveBand" value="saveBand">Set Band</button>
<p class="hide bandTooShort" id="bandTooShort">Sorry, it seems you haven't got any classes in your band. Please add at least one class to your band and try again.</p>
<p class="hide bandShortPeriods" id="bandShortPeriods">Sorry, it seems you haven't got enough periods for this band. Please add additional class periods until the band has sufficient periods to meet the value set as as the default by your block and try again.</p>
<p class="hide bandOverPeriods" id="bandOverPeriods">Sorry, it seems you have too many periods for this band. Please remove class periods until the band has been reduced to the number of periods to meet the value set as as the default by your block and try again.</p>
<br>
<p>If this is not correct, please click a row to select, and then click delete to delete the faulty row.</p>
<br>
<br>
<p>Check your Block: (don't forget to scroll down to set your block)</p>
<br>
<table id="blockList" ></table>
<button type="button" id="delBand" name="delBand" value="delBand">Delete Band</button>
<br>
<br>
<label for="saveBlock">If this is correct : </label>
<button type="button" id="saveBlock" name="saveBlock" value="saveBlock">Set Block</button>
<p class="hide blockTooShort" id="blockTooShort">Sorry, it seems you haven't got any bands in your block. Please add at least one band to your block and try again.</p>
<p class="hide blockUnequalPeriods" id="blockUnequalPeriods">Sorry, it seems the number of periods isn't the same across all bands/as set above. Please check your bands, and remove the band(s) that don't match the correct number of periods.</p>
<br>
<p>If this is not correct, please click a row to select, and then click delete to delete the faulty row.</p>
<br>
<br>
<p>Check your settings: (don't forget to scroll down to save your classes, bands and blocks)</p>
<br>
<table id="totalList" ></table>
<button type="button" id="delBlock" name="delBlock" value="delBlock">Delete Block</button>
<br>
<br>
<label for="save">If this is correct : </label>
<button type="button" id="save" name="save" value="Save">Save</button>
<br>
<p>If this is not correct, please click a row to select, and then click delete to delete the faulty row.</p>
</form>
</div>
</body>
</html>