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! | |
| 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 | |
| 435371c7 BA |
50 | button.waves-effect.waves-light.btn(style="display:block;margin:0 auto" @click="sendAnswer") Send |
| 51 | statements(:questions="assessment.questions" :showAnswers="showAnswers" :index="index" :inputs="inputs" @gameover="endAssessment") | |
| cc7c0f5e | 52 | #stage3(v-show="stage==3") |
| e99c53fb BA |
53 | .card |
| 54 | .finish Exam completed ☺ ...don't close the window! | |
| cc7c0f5e | 55 | #stage3_4(v-show="stage==3 || stage==4") |
| e99c53fb BA |
56 | .card |
| 57 | .conclusion(v-html="assessment.conclusion") | |
| 58 | ||
| 59 | block append javascripts | |
| 60 | script. | |
| 61 | let assessment = !{JSON.stringify(assessment)}; | |
| 435371c7 BA |
62 | const monitoring = false; |
| 63 | script(src="/javascripts/components/statements.js") | |
| e99c53fb | 64 | script(src="/javascripts/assessment.js") |