Add report type span

res/js/main.js

@@ -149,6 +149,53 @@ function setUpStrings(){
 			// Display the grade X badge element (unset its 'none' display value)
 			document.getElementById('badge-' + grade).style['display'] = 'unset';
 
+			// Generate report elements.
+
+			for (let x = 0; x < choices.length; x++)
+				for (let y = 0; y < choices[x].length; y++){
+					let report = quiz.reports[choices[x][y]];
+
+					let reportEl = document.createElement('div');
+					reportEl.className = 'section-report';
+
+					let title = document.createElement('p');
+					title.className = 'report-title';
+
+					// Create the report type span.
+					let type = document.createElement('span');
+					// Make sure the first letter is uppercase.
+					let typeName = report.type[0].toUpperCase();
+					typeName += report.type.substring(1);
+					type.innerText = typeName;
+					type.className = 'report-type report-' + report.type;
+					title.append(type);
+
+					let titleSpan = document.createElement('span');
+					titleSpan.innerText = report.title;
+					title.appendChild(titleSpan);
+					reportEl.appendChild(title);
+
+					type.after(' '); // add a whitespace after this span so it doesn't look too close to the report title.
+
+					// For each line break in the report description,
+					// create a separate paragraph.
+					let paragraphs = report.description.split('\n');
+					for (let z = 0; z < paragraphs.length; z++){
+						let p = document.createElement('p');
+						p.innerText = paragraphs[z];
+						reportEl.appendChild(p);
+					}
+
+					// Add an advisory paragraph if it exists.
+					if (report.advisory != null && report.advisory != undefined){
+						let p = document.createElement('p');
+						p.innerText = report.advisory;
+						reportEl.appendChild(p);
+					}
+
+					document.getElementById('reports').appendChild(reportEl);
+				}
+
 			// Hide quiz and then show the results.
 			quizEl.style['display'] = 'none';
 			document.getElementById('results').style['display'] = 'unset';