add simple red point notice print layout

1 files changed, 20 insertions, 0 deletions

diff --git a/mass-graducation/src/main.js b/mass-graducation/src/main.js
index 8d009b0..4224942 100644
--- a/mass-graducation/src/main.js
+++ b/mass-graducation/src/main.js
@@ -278,8 +278,28 @@ function submitMassGraduation() {
 	});
 }
 
+let prePrintBody = null;
 function printRedPointNote(li) {
+	// save the current DOM
+	prePrintBody = document.body;
+
+	// prepare the printable red point notice
+	const printBdy = document.createElement("body");
+	const reason = li.querySelector(".group-member-point-reason").value;
+	const dateStr = datetimeStringNow();
+
+	printBdy.innerHTML = `
+<h2>Roter Punkt Dokumentation</h2>
+<p>Schüler*in: ${li.student.name}</p>
+<p>Datum: ${dateStr}</p>
+<h3>Begründung</h3>
+<p>${reason}</p>
+<p>Lehrkraft: ${name}</p>`;
+
+	document.body = printBdy;
 	print();
+	// Restore the DOM after printing the red point note
+	document.body = prePrintBody;
 }
 
 async function init() {