Attempt to resurrect qomet code - need some rewrite
[qomet.git] / public / javascripts / course.js
... / ...
CommitLineData
1/*Draft format (compiled to json)
2 * TODO: separate questions and answers in Evaluation object
3
4<some html question (or/+ exercise intro)>
5
6 <some html subQuestion>
7 * some answer [trigger input/index in answers]
8
9 <another subquestion>
10
11 <sub-subQuestion>
12 + choix1
13 - choix 2
14 + choix 3
15 - choix4
16
17 <another sub sub> with params interpolation £ (tout simplement)
18 / params: javascript parameter generator (another function, body only)
19 * answer 2 (which can
20 be on
21 several lines)
22
23<Some second question>
24* With answer
25
26 dans le cas de parametetrized, answer est une fonction javascript !! qui prend en arg le(s) param(s)
27 coté serveur on stock parameterized question + body func
28 une fois côté client, extra work first to 1) execute each func 2) replace (and store!!!) all params
29https://stackoverflow.com/questions/7650071/is-there-a-way-to-create-a-function-from-a-string-with-javascript
30
31 */
32
33new Vue({
34 el: '#course',
35 data: {
36 display: "evaluations", //or "students" (in admin mode)
37 course: course,
38 monitorPwd: "",
39 newEvaluation: { name: "" },
40 evaluationArray: evaluationArray,
41 mode: "view", //or "edit" (some evaluation)
42 evaluationIndex: -1, //current edited evaluation index
43 evaluation: { }, //copy of evaluation at editing index in array
44 questionsText: "", //questions in an evaluation, in text format
45 },
46 mounted: function() {
47 $('.modal').modal();
48 //Materialize.updateTextFields(); //textareas, time field...
49 },
50 methods: {
51 // GENERAL:
52 toggleDisplay: function(area) {
53 if (this.display == area)
54 this.display = "";
55 else
56 this.display = area;
57 },
58 studentList: function(group) {
59 return this.course.students
60 .filter( s => { return group==0 || s.group == group; })
61 .map( s => { return Object.assign({}, s); }) //not altering initial array
62 .sort( (a,b) => { return a.name.localeCompare(b.name); })
63 },
64 // STUDENTS:
65 uploadTrigger: function() {
66 $("#upload").click();
67 },
68 upload: function(e) {
69 let file = (e.target.files || e.dataTransfer.files)[0];
70 Papa.parse(file, {
71 header: true,
72 skipEmptyLines: true,
73 complete: (results,file) => {
74 let students = [ ];
75 // Post-process: add group/number if missing
76 let number = 1;
77 results.data.forEach( d => {
78 if (!d.group)
79 d.group = 1;
80 if (!d.number)
81 d.number = number++;
82 if (typeof d.number !== "string")
83 d.number = d.number.toString();
84 students.push(d);
85 });
86 $.ajax("/courses/student-list", {
87 method: "PUT",
88 data: {
89 cid: this.course._id,
90 students: JSON.stringify(students),
91 },
92 dataType: "json",
93 success: res => {
94 if (!res.errmsg)
95 this.course.students = students;
96 else
97 alert(res.errmsg);
98 },
99 });
100 },
101 });
102 },
103 // evaluation:
104 addEvaluation: function() {
105 if (!admin)
106 return;
107 // modal, fill code and description
108 let error = Validator.checkObject(this.newEvaluation, "Evaluation");
109 if (!!error)
110 return alert(error);
111 else
112 $('#newEvaluation').modal('close');
113 $.ajax("/evaluations",
114 {
115 method: "POST",
116 data: {
117 name: this.newEvaluation.name,
118 cid: course._id,
119 },
120 dataType: "json",
121 success: res => {
122 if (!res.errmsg)
123 {
124 this.newEvaluation["name"] = "";
125 this.evaluationArray.push(res);
126 }
127 else
128 alert(res.errmsg);
129 },
130 }
131 );
132 },
133 updateEvaluation: function() {
134 $.ajax("/evaluations", {
135 method: "PUT",
136 data: {evaluation: JSON.stringify(this.evaluation)},
137 dataType: "json",
138 success: res => {
139 if (!res.errmsg)
140 {
141 this.evaluationArray[this.evaluationIndex] = this.evaluation;
142 this.mode = "view";
143 }
144 else
145 alert(res.errmsg);
146 },
147 });
148 },
149 deleteEvaluation: function(evaluation) {
150 if (!admin)
151 return;
152 if (confirm("Delete evaluation '" + evaluation.name + "' ?"))
153 {
154 $.ajax("/evaluations",
155 {
156 method: "DELETE",
157 data: { qid: this.evaluation._id },
158 dataType: "json",
159 success: res => {
160 if (!res.errmsg)
161 this.evaluationArray.splice( this.evaluationArray.findIndex( item => {
162 return item._id == evaluation._id;
163 }), 1 );
164 else
165 alert(res.errmsg);
166 },
167 }
168 );
169 }
170 },
171 toggleState: function(questionIndex) {
172 // add or remove from activeSet of current evaluation
173 let activeIndex = this.evaluation.activeSet.findIndex( item => { return item == questionIndex; });
174 if (activeIndex >= 0)
175 this.evaluation.activeSet.splice(activeIndex, 1);
176 else
177 this.evaluation.activeSet.push(questionIndex);
178 },
179 setEvaluationText: function() {
180 let txt = "";
181 this.evaluation.questions.forEach( q => {
182 txt += q.wording; //already ended by \n
183 q.options.forEach( (o,i) => {
184 let symbol = q.answer.includes(i) ? "+" : "-";
185 txt += symbol + " " + o + "\n";
186 });
187 txt += "\n"; //separate questions by new line
188 });
189 this.questionsText = txt;
190 },
191 parseEvaluation: function() {
192 let questions = [ ];
193 let lines = this.questionsText.split("\n").map( L => { return L.trim(); })
194 lines.push(""); //easier parsing
195 let emptyQuestion = () => {
196 return {
197 wording: "",
198 options: [ ],
199 answer: [ ],
200 active: true, //default
201 };
202 };
203 let q = emptyQuestion();
204 lines.forEach( L => {
205 if (L.length > 0)
206 {
207 if (['+','-'].includes(L.charAt(0)))
208 {
209 if (L.charAt(0) == '+')
210 q.answer.push(q.options.length);
211 q.options.push(L.slice(1).trim());
212 }
213 else if (L.charAt(0) == '*')
214 {
215 // TODO: read current + next lines into q.answer (HTML, 1-elem array)
216 }
217 else
218 q.wording += L + "\n";
219 }
220 else
221 {
222 // Flush current question (if any)
223 if (q.wording.length > 0)
224 {
225 questions.push(q);
226 q = emptyQuestion();
227 }
228 }
229 });
230 this.evaluation.questions = questions;
231 },
232 actionEvaluation: function(index) {
233 if (admin)
234 {
235 // Edit screen
236 this.evaluationIndex = index;
237 this.evaluation = $.extend(true, {}, this.evaluationArray[index]);
238 this.setEvaluationText();
239 this.mode = "edit";
240 Vue.nextTick(statementsLibsRefresh);
241 }
242 else //external user: show evaluation
243 this.redirect(this.evaluationArray[index].name);
244 },
245 redirect: function(evaluationName) {
246 document.location.href = "/" + initials + "/" + course.code + "/" + evaluationName;
247 },
248 setPassword: function() {
249 let hashPwd = Sha1.Compute(this.monitorPwd);
250 let error = Validator.checkObject({password:hashPwd}, "Course");
251 if (error.length > 0)
252 return alert(error);
253 $.ajax("/courses/password",
254 {
255 method: "PUT",
256 data: {
257 cid: this.course._id,
258 pwd: hashPwd,
259 },
260 dataType: "json",
261 success: res => {
262 if (!res.errmsg)
263 alert("Password saved!");
264 else
265 alert(res.errmsg);
266 },
267 }
268 );
269 },
270 // NOTE: artifact required for Vue v-model to behave well
271 checkboxFixedId: function(i) {
272 return "questionFixed" + i;
273 },
274 checkboxActiveId: function(i) {
275 return "questionActive" + i;
276 },
277 },
278});