Fix monitoring presence (TODO: weird Vue syntax...)
[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 20 .row
8a2b3260 21 .col.s12.m10.offset-m1
e99c53fb 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"
e99c53fb
BA
32 .input-field.inline
33 label(for="name") Name
34 input#name(type="text" v-model="student.name" disabled)
cc7c0f5e 35 p.center-align
e99c53fb
BA
36 if assessment.mode != "open"
37 button.waves-effect.waves-light.btn.on-left(@click="cancelStudent") Cancel
38 button.waves-effect.waves-light.btn(@click="startAssessment") Start!
71d1ca9c 39 #stage0_1_4(v-show="[0,1,4].includes(stage)")
e99c53fb
BA
40 .card
41 .introduction(v-html="assessment.introduction")
8d386418 42 #stage2_4(v-if="[2,4].includes(stage)")
e99c53fb 43 if assessment.time > 0
3b8117c5 44 .card(v-show="stage==2")
71d1ca9c 45 .timer.center {{ countdown }}
e99c53fb 46 .card
1131a8e7 47 button.sendAnswer.waves-effect.waves-light.btn(v-show="stage==2" @click="sendAnswer") Send
8a51dbf7 48 statements(:questions="assessment.questions" :answers="answers")
3b8117c5 49 if assessment.display == "all"
1131a8e7 50 button.sendAnswer.waves-effect.waves-light.btn(v-show="stage==2" @click="sendAnswer") Send
cc7c0f5e 51 #stage3(v-show="stage==3")
e99c53fb
BA
52 .card
53 .finish Exam completed ☺ ...don't close the window!
e99c53fb
BA
54
55block append javascripts
56 script.
57 let assessment = !{JSON.stringify(assessment)};
435371c7 58 const monitoring = false;
71d1ca9c
BA
59 script(src="//cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js")
60 script(src="/javascripts/utils/libsRefresh.js")
435371c7 61 script(src="/javascripts/components/statements.js")
e99c53fb 62 script(src="/javascripts/assessment.js")