classes/index.html at ids · mobilizingcs/classes · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<title>Generic Class Manager</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="//cdn.datatables.net/1.10.9/css/dataTables.bootstrap.min.css">
	<link rel="stylesheet" href="css/app.css">

	<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
	<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	<script src="//cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>
	<script src="//cdn.datatables.net/1.10.9/js/dataTables.bootstrap.min.js"></script>

	<script src="js/jquery-cookie.js"></script>
	<script src="js/utf2ascii.js"></script>
	<script src="js/ohmage.js"></script>
	<script src="index.js"></script>

</head>
<body>


	<!-- Begin page content -->
	<div class="container">

		<div class="row">

			<div class="page-header">
				<button id="new_class_button" data-toggle="modal" data-target="#myModal" class="pull-right btn btn-primary" disabled><span class="glyphicon glyphicon-file"></span> Create New Class</button>

				<h1>Class Setup Tool <small id="subtitle"></small></h1>
			</div>
			<p><i>Select a class, or create a new one, to get started. Visit the <a target="_blank" href="https://ids-wiki.mobilizingcs.org/app/web/teacher">wiki help page</a> for more detailed instructions.</i></p>
			<div class="col-md-10 col-md-offset-1" id="errordiv"></div>
		</div>

		<div class="row">

			<div id="class-select">
				<table class="table" id="classtable">
					<thead>
						<tr>
							<th>Name</th>
							<th>URN</th>
							<th>Members</th>
							<th>Role</th>
							<th></th>
							<th>Names</th>
						</tr>
					</thead>
					<tbody></tbody>
				</table>
			</div>
		</div>
	</div>

	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" id="myModalLabel">Create New Class</h4>
				</div>
				<div class="modal-body">
					<div id="class-create">
						<form>
							<div id="curriculum-name-group" class="form-group">
								<label class="control-label" for="inputSubject">Curriculum</label>
								<select class="form-control" id="inputSubject">
									<option value="ids" selected>IDS</option>
								</select>
							</div>
							<div class="form-group form-mobilize-only">
								<label class="control-label" for="inputQuarter">Semester</label>
								<select class="form-control" id="inputQuarter"></select>
							</div>

							<div class="form-group form-mobilize-only">
								<label class="control-label" for="inputPeriod">Period</label>
								<select class="form-control" id="inputPeriod">
									<option value="P1">P1</option>
									<option value="P2">P2</option>
									<option value="P3">P3</option>
									<option value="P4">P4</option>
									<option value="P5">P5</option>
									<option value="P6">P6</option>
									<option value="P7">P7</option>
									<option value="P8">P8</option>
								</select>
							</div>
							<div id="class-name-group" class="form-group form-generic-only">
								<label class="control-label" for="inputClassName">Class Name</label>
								<span class="glyphicon glyphicon-question-sign" data-toggle="tooltip" data-placement="top" title="A unique name. Include for example course/year/topic."></span>
								<input class="form-control" id="inputClassName" placeholder="A short name">
							</div>

							<div class="form-group">
								<label class="control-label" for="inputClassUrn">Class URN</label>
								<input class="form-control" id="inputClassUrn" placeholder="A unique ID" disabled>
							</div>
							<div class="form-group demo-form-group">
								<label class="control-label" for="inputDemoCampaigns">Campaigns</label>
								<div id="inputDemoCampaigns" class="input-group form-generic-only"></div>
								<p id="subjectCampaignList" class="help-block form-mobilize-only">Select a Curriculum...</p>
							</div>
						</form>
					</div>
				</div>
				<div class="modal-footer">
					<button id="createbutton" class="btn btn-success"><i class="glyphicon glyphicon-ok"></i> Create Class</button>
				</div>
			</div>
		</div>
	</div>

</body>
</html>