views/assessment.pug

   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-if="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-if="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
  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-if="stage==1 || stage==2 || stage == 4")
  48                     .card
  49                         .introduction(v-html="assessment.introduction")
  50                 #stage2_4(v-if="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-if="stage==3")
  57                     .card
  58                         .finish Exam completed &#9786; ...don't close the window!
  59                 #stage3_4(v-if="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")