X-Git-Url: https://git.auder.net/images/pieces/Cwda/bf.svg?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2Fstatements.js;h=65bab5fcf08c623654bed16347d72b339a29007b;hb=c8f686978d7aa317d3496852ce72611aca9eca20;hp=86138c00a2d2c7e72a6b5aff591756a9c41ead77;hpb=14c9c66a3bc1abfeb3097a0c9fe4f0ff25fe2b8b;p=qomet.git

diff --git a/public/javascripts/components/statements.js b/public/javascripts/components/statements.js
index 86138c0..65bab5f 100644
--- a/public/javascripts/components/statements.js
+++ b/public/javascripts/components/statements.js
@@ -32,7 +32,7 @@ Vue.component("statements", {
 			displayStyle: "compact", //or "all": all on same page
 			parameters: 0, //TODO: DO NOT re-draw parameters for already answered questions
 		};
-	}
+	},
 	// Full questions tree is rendered, but some parts hidden depending on display settings
 	render(h) {
 		// Prepare questions groups, ordered
@@ -41,7 +41,9 @@ Vue.component("statements", {
 			const dotPos = q.index.indexOf(".");
 			return dotPos === -1 ? q.index : q.index.substring(0,dotPos);
 		});
-		let domTree = questionGroups.map( (qg,i) => {
+		let domTree = Object.keys(questionGroups).map( idx => {
+			let qg = questionGroups[idx];
+			const i = parseInt(idx);
 			// Re-order questions 1.1.1 then 1.1.2 then...
 			const orderedQg = qg.sort( (a,b) => {
 				let aParts = a.split('.').map(Number);
@@ -158,7 +160,7 @@ Vue.component("statements", {
 					{
 						"class": {
 							"question": true,
-							"depth" + depth: true,
+							["depth" + depth]: true,
 						},
 					},
 					questionContent
@@ -171,7 +173,7 @@ Vue.component("statements", {
 						"questionGroup": true,
 						"hide": this.display == "one" && this.iidx != i,
 					},
-				}
+				},
 				qgDom
 			);
 		});