X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fassessment.js;h=342e96308e2422ca4ea62a345e97eecfa6bb8c1d;hb=2bada710d28ffe9f45b150e5744b43af83e93d99;hp=20ca2cbd1aefa2cc7136df211eed5d61bfbb1d7d;hpb=8a51dbf760226cbe6bddc44cddef2262c4945f5d;p=qomet.git diff --git a/public/javascripts/assessment.js b/public/javascripts/assessment.js index 20ca2cb..342e963 100644 --- a/public/javascripts/assessment.js +++ b/public/javascripts/assessment.js @@ -39,30 +39,58 @@ new Vue({ }, mounted: function() { $(".modal").modal(); - if (assessment.mode != "secure") - return; - window.addEventListener("keydown", e => { - // Ignore F12 (avoid accidental window resize due to devtools) - // NOTE: in Chromium at least, fullscreen mode exit with F11 cannot be prevented. - // Workaround: disable key at higher level. Possible xbindkey config: - // "false" - // m:0x10 + c:95 - // Mod2 + F11 - if (e.keyCode == 123) - e.preventDefault(); - }, false); + if (assessment.mode != "open") + { + window.addEventListener("keydown", e => { + // Ignore F12 (avoid accidental window resize due to devtools) + // NOTE: in Chromium at least, fullscreen mode exit with F11 cannot be prevented. + // Workaround: disable key at higher level. Possible xbindkey config: + // "false" + // m:0x10 + c:95 + // Mod2 + F11 + if (e.keyCode == 123) + e.preventDefault(); + }, false); + } window.addEventListener("blur", () => { - this.trySendCurrentAnswer(); - document.location.href= "/noblur"; + if (!socket) + return; + if (assessment.mode == "secure") + { + this.trySendCurrentAnswer(); + document.location.href= "/noblur"; + } + else if (assessment.mode == "exam") + socket.emit(message.studentBlur, {number:this.student.number}); }, false); + if (assessment.mode == "exam") + { + window.addEventListener("focus", () => { + if (!socket) + return; + socket.emit(message.studentFocus, {number:this.student.number}); + }, false); + } window.addEventListener("resize", e => { - this.trySendCurrentAnswer(); - document.location.href= "/fullscreen"; + if (!socket) + return; + if (assessment.mode == "secure") + { + this.trySendCurrentAnswer(); + document.location.href= "/fullscreen"; + } + else if (assessment.mode == "exam") + { + if (checkWindowSize()) + socket.emit(message.studentFullscreen, {number:this.student.number}); + else + socket.emit(message.studentResize, {number:this.student.number}); + } }, false); }, methods: { // In case of AJAX errors - warning: function(message) { + showWarning: function(message) { this.warnMsg = message; $("#warning").modal("open"); }, @@ -73,7 +101,7 @@ new Vue({ }, trySendCurrentAnswer: function() { if (this.stage == 2) - this.sendAnswer(assessment.indices[assessment.index]); + this.sendAnswer(); }, // stage 0 --> 1 getStudent: function(cb) { @@ -86,7 +114,7 @@ new Vue({ dataType: "json", success: s => { if (!!s.errmsg) - return this.warning(s.errmsg); + return this.showWarning(s.errmsg); this.stage = 1; this.student = s.student; Vue.nextTick( () => { Materialize.updateTextFields(); }); @@ -114,7 +142,7 @@ new Vue({ assessment.questions = questions; this.answers.inputs = [ ]; for (let q of assessment.questions) - this.inputs.push( _(q.options.length).times( _.constant(false) ) ); + this.answers.inputs.push( _(q.options.length).times( _.constant(false) ) ); if (!paper) { this.answers.indices = assessment.fixed @@ -129,7 +157,8 @@ new Vue({ this.answers.indices = indices.concat( _.shuffle(remainingIndices) ); } this.answers.index = !!paper ? paper.inputs.length : 0; - Vue.nextTick(libsRefresh); + this.answers.displayAll = assessment.display == "all"; + this.answers.showSolution = false; this.stage = 2; }; if (assessment.mode == "open") @@ -143,7 +172,7 @@ new Vue({ dataType: "json", success: s => { if (!!s.errmsg) - return this.warning(s.errmsg); + return this.showWarning(s.errmsg); if (!!s.paper) { // Resuming: receive stored answers + startTime @@ -156,8 +185,8 @@ new Vue({ // Got password: students answers locked to this page until potential teacher // action (power failure, computer down, ...) } - socket = io.connect("/" + assessment.name, { - query: "number=" + this.student.number + "&password=" + this.password + socket = io.connect("/", { + query: "aid=" + assessment._id + "&number=" + this.student.number + "&password=" + this.student.password }); socket.on(message.allAnswers, this.setAnswers); initializeStage2(s.questions, s.paper); @@ -171,30 +200,31 @@ new Vue({ let self = this; setInterval( function() { self.remainingTime--; - if (self.remainingTime <= 0 || self.stage >= 4) - self.endAssessment(); + if (self.remainingTime <= 0) + { + if (self.stage == 2) + self.endAssessment(); clearInterval(this); + } }, 1000); }, // stage 2 - // TODO: currentIndex ? click: () => this.sendAnswer(assessment.indices[assessment.index]), - // De même, cette condition sur le display d'une question doit remonter (résumée dans 'index' property) : - // à faire par ici : "hide": this.stage == 2 && assessment.display == 'one' && assessment.indices[assessment.index] != i, - sendAnswer: function(realIndex) { + sendOneAnswer: function() { + const realIndex = this.answers.indices[this.answers.index]; let gotoNext = () => { - if (assessment.index == assessment.questions.length - 1) + if (this.answers.index == assessment.questions.length - 1) this.endAssessment(); else - assessment.index++; - this.$forceUpdate(); //TODO: shouldn't be required + this.answers.index++; + this.$children[0].$forceUpdate(); //TODO: bad HACK, and shouldn't be required... }; if (assessment.mode == "open") return gotoNext(); //only local let answerData = { aid: assessment._id, answer: JSON.stringify({ - index:realIndex.toString(), - input:this.inputs[realIndex] + index: realIndex.toString(), + input: this.answers.inputs[realIndex] .map( (tf,i) => { return {val:tf,idx:i}; } ) .filter( item => { return item.val; }) .map( item => { return item.idx; }) @@ -208,13 +238,19 @@ new Vue({ dataType: "json", success: ret => { if (!!ret.errmsg) - return this.$emit("warning", ret.errmsg); - else - gotoNext(); + return this.showWarning(ret.errmsg); + gotoNext(); socket.emit(message.newAnswer, answerData); }, }); }, + // TODO: I don't like that + sending should not be definitive in exam mode with display = all + sendAnswer: function() { + if (assessment.display == "one") + this.sendOneAnswer(); + else + assessment.questions.forEach(this.sendOneAnswer); + }, // stage 2 --> 3 (or 4) // from a message by statements component, or time over endAssessment: function() { @@ -223,6 +259,8 @@ new Vue({ if (assessment.mode == "open") { this.stage = 4; + this.answers.showSolution = true; + this.answers.displayAll = true; return; } $.ajax("/end/assessment", { @@ -235,20 +273,23 @@ new Vue({ dataType: "json", success: ret => { if (!!ret.errmsg) - return this.warning(ret.errmsg); + return this.showWarning(ret.errmsg); assessment.conclusion = ret.conclusion; this.stage = 3; delete this.student["password"]; //unable to send new answers now - socket.disconnect(); - socket = null; }, }); }, // stage 3 --> 4 (on socket message "feedback") - setAnswers: function(answers) { + setAnswers: function(m) { + const answers = JSON.parse(m.answers); for (let i=0; i