X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=views%2Fmonitor.pug;h=5a64e895253f7f1bdaea3ede4ebb3abdd07c77ab;hb=f6648c37a3c13efbbc3b8c03c6ff725984c98843;hp=e5dadfe7aedda1f3833641596edde349381ab6a7;hpb=e99c53fb3be56eb4c685dd061eef0e5b5bf22b73;p=qomet.git

diff --git a/views/monitor.pug b/views/monitor.pug
index e5dadfe..5a64e89 100644
--- a/views/monitor.pug
+++ b/views/monitor.pug
@@ -5,8 +5,30 @@ 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
+				#stage1(v-show="stage==1")
+					.card
+						.introduction(v-html="assessment.introduction")
+					.card
+						statements(:questions="assessment.questions" :answers:"answers")
+					.card
+						.conclusion(v-html="assessment.conclusion")
 
 block append javascripts
-	script. TODO
+	script.
+		const monitoring = true;
+	script(src="/javascripts/components/statements.js")
+	script(src="/javascripts/monitor.js")