| 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 |
| 16 | .modal-content |
| 17 | p Your answer to the current question was sent to the server. |
| 18 | p To avoid future unpleasant surprises, please don't |
| 19 | ul |
| 20 | li resize the window, or |
| 21 | li lose window focus. |
| 22 | .modal-footer |
| 23 | .center-align |
| 24 | a.modal-action.modal-close.waves-effect.waves-light.btn-flat(href="#!") Got it! |
| 25 | .row |
| 26 | .col.s12.m10.offset-m1.l8.offset-l2.xl6.offset-xl3 |
| 27 | h4= assessment.name |
| 28 | #stage0(v-show="stage==0") |
| 29 | .card |
| 30 | .input-field.inline.on-left |
| 31 | label(for="number") Number |
| 32 | input#number(type="text" v-model="student.number" @keyup.enter="getStudent()") |
| 33 | button.waves-effect.waves-light.btn(@click="getStudent()") Send |
| 34 | #stage1(v-show="stage==1") |
| 35 | .card |
| 36 | if assessment.mode != "open" |
| 37 | .input-field.inline.on-left |
| 38 | label(for="forename") Forename |
| 39 | input#forename(type="text" v-model="student.forename" disabled) |
| 40 | .input-field.inline |
| 41 | label(for="name") Name |
| 42 | input#name(type="text" v-model="student.name" disabled) |
| 43 | p.center-align |
| 44 | if assessment.mode != "open" |
| 45 | button.waves-effect.waves-light.btn.on-left(@click="cancelStudent") Cancel |
| 46 | button.waves-effect.waves-light.btn(@click="startAssessment") Start! |
| 47 | #stage1_2_4(v-show="stage==1 || stage==2 || stage == 4") |
| 48 | .card |
| 49 | .introduction(v-html="assessment.introduction") |
| 50 | #stage2_4(v-show="stage==2 || stage==4") |
| 51 | if assessment.time > 0 |
| 52 | .card |
| 53 | .timer.center(v-if="stage==2") {{ countdown }} |
| 54 | .card |
| 55 | statements(:assessment="assessment" :student="student" :stage="stage" :inputs="inputs" @gameover="endAssessment") |
| 56 | #stage3(v-show="stage==3") |
| 57 | .card |
| 58 | .finish Exam completed ☺ ...don't close the window! |
| 59 | #stage3_4(v-show="stage==3 || stage==4") |
| 60 | .card |
| 61 | .conclusion(v-html="assessment.conclusion") |
| 62 | |
| 63 | block append javascripts |
| 64 | script. |
| 65 | let assessment = !{JSON.stringify(assessment)}; |
| 66 | script(src="/javascripts/assessment.js") |