';
} else {
compiled_answers += '
';
}
if (this_student_id.indexOf('@') > -1) {
this_student_id = '
' + this_student_id + '';
}
compiled_answers += '
' + this_student_id + '
';
compiled_answers += '
' + this_submitted_time + '
';
compiled_answers += '
' + this_specific_answer + '
';
compiled_answers += '
\n';
console.log(j, "j", these_specific_answers)
}
// if the answers are being reloaded, remove the previous answers
$("#" + this_ques_id + "_ans").remove();
var answers_to_this_question = document.createElement('div');
answers_to_this_question.setAttribute('class', 'compiled_answers');
answers_to_this_question.setAttribute('id', this_ques_id + "_ans");
// this_rq_answer_and_controls.setAttribute('style', 'width:80%; margin-left:auto; margin-right:auto; margin-top:0.5em;');
// this_rq_answer_and_controls.setAttribute('class', 'rq_answer');
answers_to_this_question.innerHTML = compiled_answers;
$('#'+this_ques_id).append(answers_to_this_question);
// this.parentNode.remove();
this.innerHTML = "Reload responses";
$(this).addClass("reload");
// MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
if (mjvers && mjvers < 3) {
MathJax.Hub.Queue(['Typeset', MathJax.Hub]);
} else if (mjvers > 3) {
MathJax.typesetPromise();
}
// this.parentNode.insertAdjacentElement("afterend", this_rq_answe
});
function save_one_reading_question(this_ques_id) {
this_ques_id_text = this_ques_id + "_text";
var this_ans_text = $("#" + this_ques_id_text + "_input");
console.log("the value:", this_ans_text.value);
// var this_ques_id = this_ans.parentNode.previousSibling.previousSibling.id;
// var this_ques_id = this_ans.id;
console.log("this_ques_id", this_ques_id);
// console.log("this_rq_ans", this_rq_ans);
var this_ans_text_value = this_ans_text.val();
console.log("this_ans_text_value", this_ans_text_value);
if ( /[^\x00-\x7F]/.test(this_ans_text_value)) {
this_ans_text_value = this_ans_text_value.replace(/[^\x00-\x7F]/g, "XX");
alert("Illegal characters in answer have been replaced by XX");
}
this_ans_text_value = $.trim(this_ans_text_value); // jQuery trim (some chrome on windows had trouble with trim)
// we have the contents of the answer, so save it to local storage
console.log("saving in local storage at", this_ques_id_text, "the answer", this_ans_text_value);
reading_questions_object[this_ques_id_text] = this_ans_text_value;
localStorage.setObject(reading_questions_object_id, reading_questions_object);
console.log("Object.keys(reading_questions_object)",Object.keys(reading_questions_object));
console.log("reading_questions", reading_questions);
if (Object.keys(reading_questions_object).length >= reading_questions.length && uname != "guest" && role=="student") {
console.log("all reading questions have been answered");
reading_questions_all_answered = true;
make_submit_button();
}
// and save a copy hidden on the page
console.log("looking for", this_ques_id + "_text_hidden");
// when the initial answer box is created, there is no hidden version
if ( !document.getElementById(this_ques_id + "_text_hidden")) {
console.log("making a place to hide the answer");
var hidden_answer_div = document.createElement('div');
hidden_answer_div.setAttribute('id', this_ques_id + '_text_hidden');
hidden_answer_div.setAttribute('class', 'tex2jax_ignore asciimath2jax_ignore');
hidden_answer_div.setAttribute('style', 'display: none');
console.log("this_ans_text", this_ans_text);
document.getElementById(this_ques_id_text + "_input").insertAdjacentElement("beforebegin", hidden_answer_div);
// hidden_answer_div.insertBefore(this_ans_text);
}
console.log("hiding the raw answer in", this_ques_id + "_text_hidden");
document.getElementById(this_ques_id + "_text_hidden").innerHTML = escapeHTML(this_ans_text_value);
//and show it on the page
var this_ans_static = document.createElement('div');
this_ans_static.setAttribute('id', this_ques_id_text);
this_ans_static.setAttribute('class', 'given_answer has_am process-math processme');
console.log("setting this_ans_static.innerHTML to", dollars_to_slashparen(escapeHTML(this_ans_text_value)));
this_ans_static.innerHTML = dollars_to_slashparen(escapeHTML(this_ans_text_value)) + " "
// this_rq_ans.replaceWith(this_ans_static);
console.log("about to replace this_ans_text", this_ans_text);
this_ans_text.replaceWith(this_ans_static);
// MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
if (mjvers && mjvers < 3) {
MathJax.Hub.Queue(['Typeset', MathJax.Hub]);
} else if (mjvers > 3) {
MathJax.typesetPromise();
}
console.log(" this_ans_text", this_ans_text);
console.log("this_ans_static", this_ans_static);
$(this_ans_static).parent().addClass("rq_answer");
$('#' + this_ques_id + "_controls").addClass("hidecontrols");
// $(this_q).parent().parent().addClass("rq_answer");
/*
var edit_button = document.createElement('span');
edit_button.setAttribute('class', "action edit_item rq_edit");
edit_button.innerHTML = "edit";
this.replaceWith(edit_button);
*/
};
/* edit an existing answer */
function edit_one_reading_question(this_ans) {
console.log(".rq_edit", this_ans);
// var this_ques_id = this.parentNode.previousSibling.id;
var this_ques_id = this_ans.parentNode.parentNode.id;
console.log("edditing this_ques_id", this_ques_id);
var this_ques_id_text = this_ques_id + "_text";
// var this_rq_ans = this.parentNode.previousSibling;
var this_rq_ans = this_ans;
// var this_rq_ans_id = this_ans.id;
console.log("now this_ques_id_text", this_ques_id_text);
console.log(".rq_edit", this_ques_id);
console.log("this_rq_ans", this_rq_ans);
var this_rq_text = this_rq_ans.innerHTML;
console.log("looking for", this_ques_id + "_hidden");
var this_rq_text_raw = uNescapeHTML(document.getElementById(this_ques_id + "_text_hidden").innerHTML);
console.log("this_rq_text_raw",this_rq_text_raw);
//this is copied from above. need to eliminate repeated code
var answer_textarea_editable = document.createElement('textarea');
answer_textarea_editable.setAttribute('id', this_ques_id_text + "_input");
answer_textarea_editable.setAttribute('class', 'rq_answer_text');
answer_textarea_editable.setAttribute('rows', '3');
answer_textarea_editable.setAttribute('style', 'width:95%; height: 44px;');
this_rq_ans.replaceWith(answer_textarea_editable);
console.log("this_ans is",this_ans);
console.log("adding editing to the parent of thing with id", this_ques_id_text, "which is the parent of", $('#' + this_ques_id_text));
$('#' + this_ques_id_text + "_input").parent().addClass("editing");
$('#' + this_ques_id + "_controls").removeClass("hidecontrols");
// WHY? $(this).parent().parent().removeClass("rq_answer");
/* var save_button = document.createElement('span');
save_button.setAttribute('class', "action edit_item rq_save");
save_button.innerHTML = "save";
this.replaceWith(save_button);
*/
$('#' + this_ques_id + "_text_input").val(this_rq_text_raw);
answer_textarea_editable.style.height = answer_textarea_editable.scrollHeight + "px";
answer_textarea_editable.addEventListener("keypress", function() {
// if(answer_textarea_editable.scrollTop != 0){
answer_textarea_editable.style.height = answer_textarea_editable.scrollHeight + "px";
// }
}, false);
};
/* handle saving when leaving an answer box, or editing an existing answer
when hovering over an existing answer */
$('body').on('click','.given_answer', function(){
// $(this).children().last().removeClass("hidecontrols");
edit_one_reading_question(this);
$(this).attr('z-index', '2000');
});
$('body').on('mousedown','.rq_save', function(){
// $(this).children().last().addClass("hidecontrols");
// $(this).attr('z-index', '');
// var this_rq = $(this).find(".given_answer");
//ooooooooo var this_ques_id = this.parentNode.id;
var this_ques_id = this.parentNode.parentNode.parentNode.id;
console.log("id of this quesiton", this_ques_id);
// var this_rq = $(this).find(".rq_answer_text");
// console.log("this_rq iiIIIIII", this_rq);
var this_current_answer = document.getElementById(this_ques_id + "_text_input");
console.log("this_current_answer", this_current_answer);
console.log("this_current_answer.value", this_current_answer.value);
// console.log("this_rq IIIIiiii value", this_rq.value);
// save_one_reading_question(this_rq.parentNode.id);
save_one_reading_question(this_ques_id);
console.log("left answer area");
$(this).removeClass("editing");
});
$('body').on('click','.rq_delete', function(){
console.log(".rq_delete");
var this_ques_id = this.parentNode.parentNode.parentNode.id;
console.log(".rq_delete", this_ques_id);
$('#' + this_ques_id + "_controls").removeClass("hidecontrols");
//and now put in controls
var this_answer_link = document.createElement('div');
this_answer_link.innerHTML = rq_answer_label;
console.log("inserting afterend of",reading_question);
// reading_question.insertAdjacentElement("afterend", this_answer_link);
$(this).parent().parent().replaceWith(this_answer_link);
allow_student_answers();
console.log("reading_questions_object", reading_questions_object);
console.log("this_ques_id + _text", this_ques_id + "_text");
delete reading_questions_object[this_ques_id + "_text"];
console.log("now reading_questions_object", reading_questions_object);
// localStorage.removeItem(this_ques_id);
localStorage.setObject(reading_questions_object_id, reading_questions_object);
});
if(reading_questions_all_answered && uname != "guest" && role=="student") {
make_submit_button();
console.log("made submit button");
}
$('body').on('click','#rq_submit', function(){
console.log("submitting rq answers");
$('#rq_submit').addClass('submitted');
document.getElementById('rq_submit').textContent = "Resubmit answers";
save_reading_questions();
});
$('body').on('click','.amhelp', function(){
var amhelpmessage = "Write math formulas as AsciiMath inside `backticks`.\n";
amhelpmessage += "For example:\nThe Pythagorean theorem says `sin^2(x) + cos^2(x) = 1`,\n";
amhelpmessage += "The quadratic formula is `x = (-b +- sqrt(b^2 - 4ac))/(2a)`. \n";
amhelpmessage += "Note the use of parentheses for grouping.\n";
amhelpmessage += "Visit http://asciimath.org for a list of AsciiMath commands.\n\n";
amhelpmessage += "You can also use LaTeX, with either slash-parentheses \\(...\\)\n";
amhelpmessage += "or dollar signs $...$ as delimiters for inline math.";
alert(amhelpmessage)
});
if(reading_questions_all_answered && uname != "guest" && role=="student") {
make_submit_button();
}
}