quizzer
Version:
Quizzer is a webserver for collaborative writing lab support. Based on a _fail early, fail often? approach to written language, the tool is particularly suited to second-language learners. The workflow (essay - error - quiz - exam) treats mistakes as an o
111 lines (110 loc) • 5.74 kB
HTML
<html>
<head>
<title>Quizzer Admin - @@CLASS@@</title>
<meta charset="UTF-8">
<script type="text/javascript" src="js/local.js"></script>
<script type="text/javascript" src="js/admin-class.js"></script>
<script type="text/javascript" src="js/d3.min.js"></script>
<script type="text/javascript" src="js/xcharts.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/simple-grid.css"/>
<link rel="stylesheet" type="text/css" href="css/xcharts.min.css"/>
<link rel="stylesheet" type="text/css" href="css/local.css"/>
<link rel="stylesheet" type="text/css" href="css/admin-class.css"/>
</head>
<body onLoad="buildQuizList();buildMemberLists();setUploadURL();i18n();">
<input style="display:none" class="i18n" name="value-delete-query" value="Delete?">
<iframe id="download-frame" style="display:none"></iframe>
<div class="grid grid-pad">
<div class="col-1-1">
<h1 class="i18n" name="content-quizzer-admin">Quizzer Admin</h1>
<h2>@@CLASS@@</h2>
<div>
<input id="back-button" class="button i18n" name="value-back" type="button" value="Back" onclick="window.location = fixPath('/?admin=' + getParameterByName('admin') + '&page=classes')"/>
</div>
<div class="button-bold">
<input class="button i18n" name="value-exam" id="exam-setup" type="button" value="Exam" onclick="setupExam();"/>
<input class="button i18n" name="value-create-exam" id="exam-create" type="button" value="Create Exam" onclick="createExam();" style="display:none;"/>
<span id="exam-boxes" style="display:none;">
<span class="i18n" name="content-title">Title:</span><!-- nospace
--><input id="exam-title" type="text" size="25"/>
<span class="i18n" name="content-number-of-questions">Number of questions:</span><!-- nospace
--><input id="exam-number-of-questions" type="text" size="3"/>
<span class="i18n" name="content-date">Date:</span><!-- nospace
--><input id="exam-date" type="text" size="20"/>
</span>
<input class="button i18n" name="value-stragglers" id="non-submitters-button" type="button" value="Stragglers" onclick="showStragglers();"/>
<input class="button i18n" name="value-class-profile" id="class-profile-button" type="button" value="Class Profile" onclick="showProfile();"/>
<input class="button i18n" name="value-return-to-main" id="main-display-button" type="button" value="Return to Main Display" onclick="restoreMain();" style="display:none;"/>
</div>
<hr/>
</div>
<div class="col-1-3 main-display">
<h3 class="i18n" name="content-quizzes">Quizzes</h3>
<div id="quiz-list">
</div>
</div>
<div class="col-1-3 main-display">
<h3 class="i18n" name="content-members">Members</h3>
<div style="margin-bottom:0.5em;">
<input type="button" class="i18n" name="value-download-csv" value="Download CSV" onclick="downloadClassList();"/>
</div>
<input class="button i18n" name="value-remove-selected-students" type="button" value="Remove selected students ->" onclick="removeMembers()"/>
<div id="members">
</div>
</div>
<div class="col-1-3 main-display">
<h3 class="i18n" name="content-non-members">Non-Members</h3>
<form class="form-container"
id="class-registration-widget"
enctype="multipart/form-data"
action="SET_BY_BROWSER_JS"
method="post"
style="white-space:nowrap;background:#eeeeee;padding:2px;">
<input type="file" id="class-registration-list" name="classRegistrationList" />
<input class="floated-button i18n" name="value-upload-csv" type="submit" value="Upload CSV" title="Format is "name","email"" alt="Format is "name","email""/>
</form>
<input class="button i18n" name="value-add-selected-students" type="button" value="<- Add selected students" onclick="addMembers()"/>
<div id="non-members">
</div>
</div>
<div class="col-1-1 non-submitters-display" style="display:none;">
<h3 class="i18n" name="content-responses-pending-from">Students with Pending Quiz Responses</h3>
</div>
<div class="col-1-1 non-submitters-display" style="display:none;">
<table width="100%">
<thead>
<tr>
<td class="i18n" name="content-name">Name</td>
<td class="i18n" name="content-pending">Pending</td>
<td class="i18n" name="content-email">Email</td>
</tr>
</thead>
<tbody id="non-submitters-list">
<tr>
<td>
Hello, non-submitters 1
</td>
<td>
Hello, non-submitters 2
</td>
<td>
Hello, non-submitters 3
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-1-1 class-profile-display" style="display:none;" id="profile-chart" style="height:300px;">
</div>
<div class="col-1-1 class-profile-display i18n" name="content-chart-note" style="display:none;border:2px solid #505050;border-radius:1em;padding:0.5em;margin:0 0 1em 0;">
<b>Notes:</b> This chart shows student quiz performance by
quintile. The <span style="background:#eaf2f6;padding:0 0.25em 0 0.25em;border:1px solid #3880aa;border-radius:0.5em;">shaded
curve</span> charts early returns, the
<span style="padding:0 0.25em 0 0.25em;border:1px solid
#3880aa;border-radius:0.5em;">unshaded curve</span> the most
recent. All students are represented in both curves, with roughly
equal per-student response numbers in each.
</div>
</div>
</body>
</html>