views/assessment.pug

   1 extends withQuestions
   2
   3 block append stylesheets
   4     link(rel="stylesheet" href="/stylesheets/statements.css")
   5     link(rel="stylesheet" href="/stylesheets/assessment.css")
   6     noscript
   7         meta(http-equiv="Refresh" content="0; URL=/enablejs")
   8
   9 block rightMenu
  10     a#rightButton.btn-floating.btn-large.grey(href=assessment.name + "/monitor")
  11         i.material-icons video_label
  12
  13 block content
  14     .container#assessment
  15         .row
  16             #warning.modal
  17                 .modal-content {{ warnMsg }}
  18                 .modal-footer
  19                     .center-align
  20                         a.modal-action.modal-close.waves-effect.waves-light.btn-flat(href="#!") Ok
  21         .row
  22             .col.s12.m10.offset-m1
  23                 h4= assessment.name
  24                 #stage0(v-show="stage==0")
  25                     .card
  26                         .input-field.inline.on-left
  27                             label(for="number") Number
  28                             input#number(type="text" v-model="student.number" @keyup.enter="getStudent()")
  29                         button.waves-effect.waves-light.btn(@click="getStudent()") Send
  30                 #stage1(v-show="stage==1")
  31                     .card
  32                         if assessment.mode != "open"
  33                             .input-field.inline
  34                                 label(for="name") Name
  35                                 input#name(type="text" v-model="student.name" disabled)
  36                         p.center-align
  37                             if assessment.mode != "open"
  38                                 button.waves-effect.waves-light.btn.on-left(@click="cancelStudent") Cancel
  39                             button.waves-effect.waves-light.btn(@click="startAssessment") Start!
  40                 #stage0_1_4(v-show="[0,1,4].includes(stage)")
  41                     .card
  42                         .introduction(v-html="assessment.introduction")
  43                 #stage2_4(v-if="[2,4].includes(stage)")
  44                     if assessment.time > 0
  45                         .card(v-show="stage==2")
  46                             .timer.center {{ countdown }}
  47                     .card
  48                         button.sendAnswer.waves-effect.waves-light.btn(v-show="stage==2" @click="sendAnswer") Send
  49                         statements(:questions="assessment.questions" :answers="answers")
  50                         if assessment.display == "all"
  51                             button.sendAnswer.waves-effect.waves-light.btn(v-show="stage==2" @click="sendAnswer") Send
  52                 #stage3(v-show="stage==3")
  53                     .card
  54                         .finish Exam completed &#9786; ...don't close the window!
  55
  56 block append javascripts
  57     script.
  58         let assessment = !{JSON.stringify(assessment)};
  59         const monitoring = false;
  60     script(src="//cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js")
  61     script(src="/javascripts/utils/libsRefresh.js")
  62     script(src="/javascripts/components/statements.js")
  63     script(src="/javascripts/assessment.js")