X-Git-Url: https://git.auder.net/?p=qomet.git;a=blobdiff_plain;f=views%2Fmonitor.pug;h=6c9cf6af926afec99526be528c79dd15a1a085c7;hp=e5dadfe7aedda1f3833641596edde349381ab6a7;hb=e5ec7dead171feebb299430f298e3930864e096d;hpb=6bf4a38e1a82fdcdf1d2742a3e8937b26fe2e873

diff --git a/views/monitor.pug b/views/monitor.pug
index e5dadfe..6c9cf6a 100644
--- a/views/monitor.pug
+++ b/views/monitor.pug
@@ -5,8 +5,27 @@ extends withQuestions
 	//   array with results + quiz details (displayed in another tab) + init socket (with hash too)
 	//   buttons "start quiz" and "stop quiz" for teacher only: trigger actions (impacting sockets)
 
-	body
-		p TODO
+	// TODO: data = papers (modified after socket messages + retrived at start)
+	// But get examName by server at loading
+
+block content
+	.container#assessment
+		.row
+			.col.s12.m10.offset-m1.l8.offset-l2.xl6.offset-xl3
+				h4= examName
+				#stage0(v-show="stage==0")
+					.card
+						.input-field.inline.on-left
+							label(for="password") Password
+							input#password(type="password" v-model="password" @keyup.enter="startMonitoring()")
+						button.waves-effect.waves-light.btn(@click="startMonitoring()") Send
+				#stage2(v-show="stage==1")
+					.card
+						.introduction(v-html="assessment.introduction")
+					.card
+						statements(:assessment="assessment" :student="student" :stage="stage" :inputs="inputs" @gameover="endAssessment" @warning="warning")
+					.card
+						.conclusion(v-html="assessment.conclusion")
 
 block append javascripts
-	script. TODO
+	script(src="/javascripts/monitor.js")