early draft of sockets logic for monitoring
[qomet.git] / views / assessment.pug
CommitLineData
e99c53fb
BA
1extends withQuestions
2
3block append stylesheets
4 link(rel="stylesheet" href="/stylesheets/assessment.css")
5 noscript
6 meta(http-equiv="Refresh" content="0; URL=/enablejs")
7
8block rightMenu
9 a#rightButton.btn-floating.btn-large.grey(href=assessment.name + "/monitor")
10 i.material-icons video_label
11
12block content
13 .container#assessment
14 .row
15 #warning.modal
f03a2ad9 16 .modal-content {{ warnMsg }}
e99c53fb
BA
17 .modal-footer
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
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
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
58block append javascripts
59 script.
60 let assessment = !{JSON.stringify(assessment)};
61 script(src="/javascripts/assessment.js")