[qomet.git] / views / assessment.pug

extends withQuestions

block append stylesheets
	link(rel="stylesheet" href="/stylesheets/assessment.css")
	noscript
		meta(http-equiv="Refresh" content="0; URL=/enablejs")

block rightMenu
	a#rightButton.btn-floating.btn-large.grey(href=assessment.name + "/monitor")
		i.material-icons video_label

block content
	.container#assessment
		.row
			#warning.modal
				.modal-content {{ warnMsg }}
				.modal-footer
					.center-align
						a.modal-action.modal-close.waves-effect.waves-light.btn-flat(href="#!") Ok
		.row
			.col.s12.m10.offset-m1.l8.offset-l2.xl6.offset-xl3
				h4= assessment.name
				#stage0(v-show="stage==0")
					.card
						.input-field.inline.on-left
							label(for="number") Number
							input#number(type="text" v-model="student.number" @keyup.enter="getStudent()")
						button.waves-effect.waves-light.btn(@click="getStudent()") Send
				#stage1(v-show="stage==1")
					.card
						if assessment.mode != "open"
							.input-field.inline.on-left
								label(for="forename") Forename
								input#forename(type="text" v-model="student.forename" disabled)
							.input-field.inline
								label(for="name") Name
								input#name(type="text" v-model="student.name" disabled)
						p.center-align
							if assessment.mode != "open"
								button.waves-effect.waves-light.btn.on-left(@click="cancelStudent") Cancel
							button.waves-effect.waves-light.btn(@click="startAssessment") Start!
				#stage1_2_4(v-show="stage==1 || stage==2 || stage == 4")
					.card
						.introduction(v-html="assessment.introduction")
				#stage2_4(v-show="stage==2 || stage==4")
					if assessment.time > 0
						.card
							.timer.center(v-if="stage==2") {{ countdown }}
					.card
						statements(:assessment="assessment" :student="student" :stage="stage" :inputs="inputs" @gameover="endAssessment" @warning="warning")
				#stage3(v-show="stage==3")
					.card
						.finish Exam completed &#9786; ...don't close the window!
				#stage3_4(v-show="stage==3 || stage==4")
					.card
						.conclusion(v-html="assessment.conclusion")

block append javascripts
	script.
		let assessment = !{JSON.stringify(assessment)};
	script(src="/javascripts/assessment.js")
Commit	Line	Data
e99c53fb BA	1	extends withQuestions
	2
	3	block append stylesheets
	4	link(rel="stylesheet" href="/stylesheets/assessment.css")
	5	noscript
	6	meta(http-equiv="Refresh" content="0; URL=/enablejs")
	7
	8	block rightMenu
	9	a#rightButton.btn-floating.btn-large.grey(href=assessment.name + "/monitor")
	10	i.material-icons video_label
	11
	12	block content
	13	.container#assessment
	14	.row
	15	#warning.modal
f03a2ad9	16	.modal-content {{ warnMsg }}
e99c53fb BA	17	.modal-footer
e99c53fb BA	18	.center-align
f03a2ad9	19	a.modal-action.modal-close.waves-effect.waves-light.btn-flat(href="#!") Ok
e99c53fb BA	20	.row
	21	.col.s12.m10.offset-m1.l8.offset-l2.xl6.offset-xl3
	22	h4= assessment.name
cc7c0f5e	23	#stage0(v-show="stage==0")
e99c53fb BA	24	.card
	25	.input-field.inline.on-left
	26	label(for="number") Number
	27	input#number(type="text" v-model="student.number" @keyup.enter="getStudent()")
	28	button.waves-effect.waves-light.btn(@click="getStudent()") Send
cc7c0f5e	29	#stage1(v-show="stage==1")
e99c53fb BA	30	.card
	31	if assessment.mode != "open"
	32	.input-field.inline.on-left
	33	label(for="forename") Forename
	34	input#forename(type="text" v-model="student.forename" disabled)
	35	.input-field.inline
	36	label(for="name") Name
	37	input#name(type="text" v-model="student.name" disabled)
cc7c0f5e	38	p.center-align
e99c53fb BA	39	if assessment.mode != "open"
	40	button.waves-effect.waves-light.btn.on-left(@click="cancelStudent") Cancel
	41	button.waves-effect.waves-light.btn(@click="startAssessment") Start!
cc7c0f5e	42	#stage1_2_4(v-show="stage==1 \|\| stage==2 \|\| stage == 4")
e99c53fb BA	43	.card
e99c53fb BA	44	.introduction(v-html="assessment.introduction")
cc7c0f5e	45	#stage2_4(v-show="stage==2 \|\| stage==4")
e99c53fb BA	46	if assessment.time > 0
	47	.card
	48	.timer.center(v-if="stage==2") {{ countdown }}
	49	.card
f03a2ad9	50	statements(:assessment="assessment" :student="student" :stage="stage" :inputs="inputs" @gameover="endAssessment" @warning="warning")
cc7c0f5e	51	#stage3(v-show="stage==3")
e99c53fb BA	52	.card
e99c53fb BA	53	.finish Exam completed ☺ ...don't close the window!
cc7c0f5e	54	#stage3_4(v-show="stage==3 \|\| stage==4")
e99c53fb BA	55	.card
	56	.conclusion(v-html="assessment.conclusion")
	57
	58	block append javascripts
	59	script.
	60	let assessment = !{JSON.stringify(assessment)};
	61	script(src="/javascripts/assessment.js")