56 lines
1.6 KiB
HTML
56 lines
1.6 KiB
HTML
<section id="textbox_${id}" class="textbox">
|
|
<textarea rows="${rows}" cols="${cols}" name="input_${id}" id="input_${id}"
|
|
% if hidden:
|
|
style="display:none;"
|
|
% endif
|
|
>${value|h}</textarea>
|
|
|
|
<div class="grader-status">
|
|
% if state == 'unsubmitted':
|
|
<span class="unanswered" style="display:inline-block;" id="status_${id}">Unanswered</span>
|
|
% elif state == 'correct':
|
|
<span class="correct" id="status_${id}">Correct</span>
|
|
% elif state == 'incorrect':
|
|
<span class="incorrect" id="status_${id}">Incorrect</span>
|
|
% elif state == 'queued':
|
|
<span class="processing" id="status_${id}">Queued</span>
|
|
<span style="display:none;" class="xqueue" id="${id}" >${queue_len}</span>
|
|
% endif
|
|
|
|
% if hidden:
|
|
<div style="display:none;" name="${hidden}" inputid="input_${id}" />
|
|
% endif
|
|
|
|
<p class="debug">${state}</p>
|
|
</div>
|
|
|
|
<span id="answer_${id}"></span>
|
|
|
|
<div class="external-grader-message">
|
|
${msg|n}
|
|
</div>
|
|
|
|
<script>
|
|
// Note: We need to make the area follow the CodeMirror for this to work.
|
|
$(function(){
|
|
var cm = CodeMirror.fromTextArea(document.getElementById("input_${id}"), {
|
|
% if linenumbers == 'true':
|
|
lineNumbers: true,
|
|
% endif
|
|
mode: "${mode}",
|
|
matchBrackets: true,
|
|
lineWrapping: true,
|
|
indentUnit: "${tabsize}",
|
|
tabSize: "${tabsize}",
|
|
indentWithTabs: false,
|
|
extraKeys: {
|
|
"Tab": function(cm) {
|
|
cm.replaceSelection("${' '*tabsize}", "end");
|
|
}
|
|
},
|
|
smartIndent: false
|
|
});
|
|
});
|
|
</script>
|
|
</section>
|