forked from mrgeyer/classtris
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.htm
126 lines (99 loc) · 4.31 KB
/
index.htm
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Classtris</title>
<link rel="stylesheet" type="text/css" href="css/default.css">
<style>
body {
background-color: #333333;
}
</style>
</head>
<body>
<table >
<tr>
<th rowspan=2><table id="studentCols" >
<tr><td width=112 height=112><button class="CTbutton" onclick="clickedUP()">UP </button><h2 id="up" > Up Dog </h2> </td></tr>
<tr><td width=112 height=112><button class="CTbutton" onclick="cycleNext()" >NEXT</button><h3 id="next" >Next Student</h3> </td></tr>
<tr><td width=112 height=112><button class="CTbutton" onclick="cycleThen1()" >THEN</button><h4 id="then1">And Then </h4> </td></tr>
<tr><td width=112 height=112><button class="CTbutton" onclick="cycleThen2()" >LATER</button>
<textarea id="then2" style="width:100px;height:40px">And Then </textarea> </td></tr>
</table></th>
<td text-align="left" width=600 height=75 colspan=3>
<p>
<button class="CTbutton" onclick="cycleNext()"><img src="img/next.png" height=16 width=10 title="N"></button>
<button class="CTbutton" onclick="nextQuestion()">?</button>
<button class="CTbutton" onclick="score(1)" >1</button>
<button class="CTbutton" onclick="score(2)" >2</button>
<button class="CTbutton" onclick="score(3)" >3</button>
<button class="CTbutton" onclick="score(4)" >4</button>
<button class="CTbutton" onclick="gameOver()">GG</button>
<button class="CTbutton" type="button" onclick="document.getElementById('BB').style.display='block'">BB</button>
<button class="CTbutton" type="button" onclick="document.getElementById('BB').style.display='none'">Hide</button>
<a href="https://github.com/punkbass/classtris/blob/master/README.md" target="_blank">directions</a>
</p>
</td>
</tr>
<tr>
<td width=600 colspan=3>
<h1 id="question"></h1>
<canvas id ="BB" width="675" height="400" data-processing-sources="script/draw.js"></canvas><br><br>
</td>
</tr>
<!--
<tr><td><p>TEAM I</p><p id="t1p"></p><p id="team1"></p></td><td><p>TEAM II</p><p id="t2p"></p><p id="team2"></p></td><td><p>TEAM III</p><p id="t3p"></p><p id="team3"></p></td><td><p>TEAM IV</p><p id="t4p"></p><p id="team4"></p></td></tr>
-->
<tr>
<td colspan = 4 text-align="left">
Load Class List from Text File:
<input type="file" id="fileToLoad">
<button onclick="loadClassList()">Load</button></td>
</tr>
<tr>
<td colspan = 4 text-align="left">
Load Questions from Text File:
<input type="file" id="questionLoad">
<button onclick="loadQuestions('random')">Load Random</button>
<button onclick="loadQuestions('linear')">Load Linear</button></td>
</tr>
<!--
<tr><td colspan = 4>
Blackboard Width: <textarea id="wid" height=50 width=75>675</textarea>
Height: <textarea id="hei" height=50 width=75>400</textarea>
<button class="CTbutton" onclick="setWD()">Set</button>
</td>
</tr>
-->
<tr><td colspan = 4 text-align="left">
Load Next Student when points awarded:
<button class="CTbutton" onclick="setModeNP(1)" >≥1</button>
<button class="CTbutton" onclick="setModeNP(2)" >≥2</button>
<button class="CTbutton" onclick="setModeNP(3)" >≥3</button>
<button class="CTbutton" onclick="setModeNP(4)" >≥4</button>
<button class="CTbutton" onclick="setModeNP(99)" >Off</button>
</td>
</tr>
<tr><td colspan = 4 text-align="left">
Load Next Question when points awarded:
<button class="CTbutton" onclick="setModeQP(1)" >≥1</button>
<button class="CTbutton" onclick="setModeQP(2)" >≥2</button>
<button class="CTbutton" onclick="setModeQP(3)" >≥3</button>
<button class="CTbutton" onclick="setModeQP(4)" >≥4</button>
<button class="CTbutton" onclick="setModeQP(99)" >Off</button>
</td>
</tr>
<tr>
<td>
<button class="CTbutton" type="button" onclick="document.getElementById('inputTextToSave').style.display='none'">Hide</button>
<button class="CTbutton" type="button" onclick="document.getElementById('inputTextToSave').style.display='block'">Show</button>
<br><button class="CTbutton" onclick="saveTextAsFile()">Save Log</button>
</td>
<td colspan= 3>
<textarea id="inputTextToSave" style="width:700px;height:100px"></textarea>
</td></tr>
</table>
<script src="script/processing.js"></script>
<script src="script/loadStuff.js"></script>
</body>
</html>