X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fassessment.js;h=985864371fe702988ef2d56af3899d2b6d254a5a;hb=3b8117c51c644b050b87811f1a923f6b7e5b7916;hp=501984010af4f564d9513364b863a5ddf9472ace;hpb=435371c7ba4b60790953115b9ebed68a047bb0a3;p=qomet.git diff --git a/public/javascripts/assessment.js b/public/javascripts/assessment.js index 5019840..9858643 100644 --- a/public/javascripts/assessment.js +++ b/public/javascripts/assessment.js @@ -12,12 +12,12 @@ function checkWindowSize() return window.innerWidth >= screen.width-3 && window.innerHeight >= screen.height-3; }; -new Vue({ +let V = new Vue({ el: "#assessment", data: { assessment: assessment, - inputs: [ ], //student's answers - student: { }, //filled later + answers: { }, //filled later with answering parameters + student: { }, //filled later (name, password) // Stage 0: unauthenticated (number), // 1: authenticated (got a name, unvalidated) // 2: locked: password set, exam started @@ -33,6 +33,9 @@ new Vue({ let minutes = Math.floor(this.remainingTime / 60); return this.padWithZero(minutes) + ":" + this.padWithZero(seconds); }, + showAnswers: function() { + return this.stage == 4; + }, }, mounted: function() { $(".modal").modal(); @@ -56,15 +59,10 @@ new Vue({ this.trySendCurrentAnswer(); document.location.href= "/fullscreen"; }, false); - }, - trySendCurrentAnswer: function() { - if (this.stage == 2) - this.sendAnswer(assessment.indices[assessment.index]); - }, }, methods: { // In case of AJAX errors - warning: function(message) { + showWarning: function(message) { this.warnMsg = message; $("#warning").modal("open"); }, @@ -73,6 +71,10 @@ new Vue({ return "0" + x; return x; }, + trySendCurrentAnswer: function() { + if (this.stage == 2) + this.sendAnswer(); + }, // stage 0 --> 1 getStudent: function(cb) { $.ajax("/get/student", { @@ -84,7 +86,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(); }); @@ -110,11 +112,12 @@ new Vue({ // Initialize structured answer(s) based on questions type and nesting (TODO: more general) if (!!questions) 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) { - assessment.indices = assessment.fixed + this.answers.indices = assessment.fixed ? _.range(assessment.questions.length) : _.shuffle( _.range(assessment.questions.length) ); } @@ -123,10 +126,11 @@ new Vue({ // Resuming let indices = paper.inputs.map( input => { return input.index; }); let remainingIndices = _.difference( _.range(assessment.questions.length).map(String), indices ); - assessment.indices = indices.concat( _.shuffle(remainingIndices) ); + this.answers.indices = indices.concat( _.shuffle(remainingIndices) ); } - assessment.index = !!paper ? paper.inputs.length : 0; - Vue.nextTick(libsRefresh); + this.answers.index = !!paper ? paper.inputs.length : 0; + this.answers.displayAll = assessment.display == "all"; + this.answers.showSolution = false; this.stage = 2; }; if (assessment.mode == "open") @@ -140,12 +144,12 @@ 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 this.student.password = s.paper.password; - this.inputs = s.paper.inputs.map( inp => { return inp.input; }); + this.answers.inputs = s.paper.inputs.map( inp => { return inp.input; }); } else { @@ -154,7 +158,7 @@ new Vue({ // action (power failure, computer down, ...) } socket = io.connect("/" + assessment.name, { - query: "number=" + this.student.number + "&password=" + this.password + query: "aid=" + assessment._id + "&number=" + this.student.number + "&password=" + this.student.password }); socket.on(message.allAnswers, this.setAnswers); initializeStage2(s.questions, s.paper); @@ -168,30 +172,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) { + sendAnswer: function() { + const realIndex = this.answers.indices[this.answers.index]; let gotoNext = () => { - if (assessment.index == assessment.questions.length - 1) - this.$emit("gameover"); + 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; }) @@ -205,9 +210,8 @@ 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); }, }); @@ -220,6 +224,7 @@ new Vue({ if (assessment.mode == "open") { this.stage = 4; + this.answers.showSolution = true; return; } $.ajax("/end/assessment", { @@ -232,7 +237,7 @@ 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 @@ -242,9 +247,10 @@ new Vue({ }); }, // stage 3 --> 4 (on socket message "feedback") - setAnswers: function(answers) { - for (let i=0; i