views/grading.pug

   1 extends withQuestions
   2
   3 block content
   4     .container#grading
   5         .row
   6             .col.s12.m10.offset-m1.l8.offset-l2.xl6.offset-xl3
   7                 h4= examName
   8                 h4.title(@click="toggleDisplay('grading')") Grading
   9                 // TODO: Allow grading per student, per question or sub-question
  10                 .card(v-show="display=='grading'")
  11                     ul.tabs.tabs-fixed-width
  12                         li.tab
  13                             a(href="#group0") All
  14                         li.tab(v-for="group in groupList()")
  15                             a(:href="groupId(group,'#')") G.{{ group }}
  16                     table(:id="groupId(group)" v-for="group in [0].concat(groupList())")
  17                         thead
  18                             tr
  19                                 th Forename
  20                                 th Name
  21                                 th(v-for="(q,i) in assessment.questions") Q.{{ (i+1) }}
  22                         tbody
  23                             tr.assessment(v-for="s in studentList(group)")
  24                                 td {{ s.forename }}
  25                                 td {{ s.name }}
  26                                 td(v-for="(q,i) in assessment.questions" :style="{background-color: getColor(number,i)}" @click="seeDetails(number,i)") &nbsp;
  27                 h4.title(@click="toggleDisplay('assessment')") Assessment
  28                 div(v-show="display=='assessment'")
  29                     .card
  30                         .introduction(v-html="assessment.introduction")
  31                     .card
  32                         statements(:questions="assessment.questions" :answers:"answers")
  33                     .card
  34                         .conclusion(v-html="assessment.conclusion")
  35
  36 block append javascripts
  37     script.
  38         const examName = "#{examName}";
  39         const courseCode = "#{courseName}";
  40         const initials = "#{initials}";
  41     script(src="/javascripts/components/statements.js")
  42     script(src="/javascripts/utils/sha1.js")
  43     script(src="/javascripts/grading.js")