projects / qomet.git / blame
| 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 |
| 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! | |
| 71d1ca9c | 42 | #stage0_1_4(v-show="[0,1,4].includes(stage)") |
| e99c53fb BA |
43 | .card |
| 44 | .introduction(v-html="assessment.introduction") | |
| 71d1ca9c | 45 | #stage2_4(v-show="[2,4].includes(stage)") |
| e99c53fb | 46 | if assessment.time > 0 |
| 71d1ca9c BA |
47 | .card(v-if="stage==2") |
| 48 | .timer.center {{ countdown }} | |
| e99c53fb | 49 | .card |
| 71d1ca9c | 50 | button#sendAnswer.waves-effect.waves-light.btn(@click="sendAnswer") Send |
| 8a51dbf7 | 51 | statements(:questions="assessment.questions" :answers="answers") |
| cc7c0f5e | 52 | #stage3(v-show="stage==3") |
| e99c53fb BA |
53 | .card |
| 54 | .finish Exam completed ☺ ...don't close the window! | |
| 71d1ca9c | 55 | #stage3_4(v-show="[3,4].includes(stage)") |
| e99c53fb BA |
56 | .card |
| 57 | .conclusion(v-html="assessment.conclusion") | |
| 58 | ||
| 59 | block append javascripts | |
| 60 | script. | |
| 61 | let assessment = !{JSON.stringify(assessment)}; | |
| 435371c7 | 62 | const monitoring = false; |
| 71d1ca9c BA |
63 | script(src="//cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js") |
| 64 | script(src="/javascripts/utils/libsRefresh.js") | |
| 435371c7 | 65 | script(src="/javascripts/components/statements.js") |
| e99c53fb | 66 | script(src="/javascripts/assessment.js") |