X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fmonitor.js;h=9b3964bb259593d040576eaf5d0cd40c970a357a;hb=a3080c337cfaca9d600911396cae5a9233d43554;hp=896373119d756bcd53a482569241c30ad374a959;hpb=b3540dbb5c169db3c7cf49a04e253ab3a6940916;p=qomet.git

diff --git a/public/javascripts/monitor.js b/public/javascripts/monitor.js
index 8963731..9b3964b 100644
--- a/public/javascripts/monitor.js
+++ b/public/javascripts/monitor.js
@@ -4,7 +4,7 @@ new Vue({
 	el: "#monitor",
 	data: {
 		password: "", //from password field
-		assessment: { }, //obtained after authentication
+		evaluation: { }, //obtained after authentication
 		// Stage 0: unauthenticated (password),
 		//       1: authenticated (password hash validated), start monitoring
 		stage: 0,
@@ -15,7 +15,7 @@ new Vue({
 			index : -1,
 		},
 		students: [ ], //to know their names
-		display: "assessment", //or student's answers
+		display: "evaluation", //or student's answers
 	},
 	methods: {
 		// TODO: redundant code, next 4 funcs already exist in course.js
@@ -42,19 +42,38 @@ new Vue({
 		groupId: function(group, prefix) {
 			return (prefix || "") + "group" + group;
 		},
+		togglePresence: function(student) {
+			const sIdx = this.students.findIndex( s => { return s.number == student.number; });
+			Vue.set( this.students, sIdx, Object.assign({},student,{present:!student.present}) );
+			//s.present = !s.present;
+		},
+		allFinished: function() {
+			for (s of this.students)
+			{
+				if (!s.present)
+					continue;
+				const paperIdx = this.evaluation.papers.findIndex( item => { return item.number == s.number; });
+				if (paperIdx === -1)
+					return false;
+				const paper = this.evaluation.papers[paperIdx];
+				if (paper.inputs.length < this.evaluation.questions.length)
+					return false;
+			}
+			return true;
+		},
 		getColor: function(number, qIdx) {
 			// For the moment, green if correct and red if wrong; grey if unanswered yet
 			// TODO: in-between color for partially right (especially for multi-questions)
-			const paperIdx = this.assessment.papers.findIndex( item => { return item.number == number; });
+			const paperIdx = this.evaluation.papers.findIndex( item => { return item.number == number; });
 			if (paperIdx === -1)
 				return "grey"; //student didn't start yet
-			const inputIdx = this.assessment.papers[paperIdx].inputs.findIndex( item => {
+			const inputIdx = this.evaluation.papers[paperIdx].inputs.findIndex( item => {
 				const qNum = parseInt(item.index.split(".")[0]); //indexes separated by dots
 				return qIdx == qNum;
 			});
 			if (inputIdx === -1)
 				return "grey";
-			if (_.isEqual(this.assessment.papers[paperIdx].inputs[inputIdx].input, this.assessment.questions[qIdx].answer))
+			if (_.isEqual(this.evaluation.papers[paperIdx].inputs[inputIdx].input, this.evaluation.questions[qIdx].answer))
 				return "green";
 			return "red";
 		},
@@ -63,7 +82,7 @@ new Vue({
 		},
 		// stage 0 --> 1
 		startMonitoring: function() {
-			$.ajax("/start/monitoring", {
+			$.ajax("/evaluations/monitor", {
 				method: "GET",
 				data: {
 					password: Sha1.Compute(this.password),
@@ -75,41 +94,70 @@ new Vue({
 				success: s => {
 					if (!!s.errmsg)
 						return alert(s.errmsg);
-					this.assessment = s.assessment;
-					this.answers.inputs = s.assessment.questions.map( q => {
+					this.evaluation = s.evaluation;
+					this.answers.inputs = s.evaluation.questions.map( q => {
 						let input = _(q.options.length).times( _.constant(false) );
 						q.answer.forEach( idx => { input[idx] = true; });
 						return input;
 					});
 					this.students = s.students;
+					this.students.forEach( s => { s.present = true; }); //a priori...
 					this.stage = 1;
 					socket = io.connect("/", {
-						query: "aid=" + this.assessment._id + "&secret=" + s.secret
+						query: "aid=" + this.evaluation._id + "&secret=" + s.secret
+					});
+					socket.on(message.studentBlur, m => {
+						const sIdx = this.students.findIndex( item => { return item.number == m.number; });
+						Vue.set(this.students, sIdx, Object.assign({},this.students[sIdx],{blur: true}));
+						//this.students[sIdx].blur = true;
+					});
+					socket.on(message.studentFocus, m => {
+						const sIdx = this.students.findIndex( item => { return item.number == m.number; });
+						this.students[sIdx].blur = false;
+					});
+					socket.on(message.studentResize, m => {
+						const sIdx = this.students.findIndex( item => { return item.number == m.number; });
+						Vue.set(this.students, sIdx, Object.assign({},this.students[sIdx],{resize: true}));
+						//this.students[sIdx].resize = true;
+					});
+					socket.on(message.studentFullscreen, m => {
+						const sIdx = this.students.findIndex( item => { return item.number == m.number; });
+						this.students[sIdx].resize = false;
+					});
+					socket.on(message.studentDisconnect, m => {
+						const sIdx = this.students.findIndex( item => { return item.number == m.number; });
+						Vue.set(this.students, sIdx, Object.assign({},this.students[sIdx],{disco: true}));
+						//this.students[sIdx].disco = true;
+					});
+					socket.on(message.studentConnect, m => {
+						const sIdx = this.students.findIndex( item => { return item.number == m.number; });
+						this.students[sIdx].disco = false;
 					});
 					socket.on(message.newAnswer, m => {
-						let paperIdx = this.assessment.papers.findIndex( item => {
+						let paperIdx = this.evaluation.papers.findIndex( item => {
 							return item.number == m.number;
 						});
 						if (paperIdx === -1)
 						{
 							// First answer
-							paperIdx = this.assessment.papers.length;
-							this.assessment.papers.push({
+							paperIdx = this.evaluation.papers.length;
+							this.evaluation.papers.push({
 								number: m.number,
 								inputs: [ ], //other fields irrelevant here
 							});
 						}
 						// TODO: notations not coherent (input / answer... when, which ?)
-						this.assessment.papers[paperIdx].inputs.push(JSON.parse(m.answer)); //input+index
+						this.evaluation.papers[paperIdx].inputs.push(JSON.parse(m.answer)); //input+index
 					});
 				},
 			});
 		},
 		endMonitoring: function() {
 			// In the end, send answers to students
+			// TODO: disable this button until everyone finished (need ability to mark absents)
 			socket.emit(
 				message.allAnswers,
-				{ answers: JSON.stringify(this.assessment.questions.map( q => { return q.answer; })) }
+				{ answers: JSON.stringify(this.evaluation.questions.map( q => { return q.answer; })) }
 			);
 		},
 	},