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 Name
  20                                 th(v-for="(q,i) in assessment.questions") Q.{{ (i+1) }}
  21                         tbody
  22                             tr.assessment(v-for="s in studentList(group)")
  23                                 td {{ s.name }}
  24                                 td(v-for="(q,i) in assessment.questions" :style="{background-color: getColor(number,i)}" @click="seeDetails(number,i)") &nbsp;
  25                 h4.title(@click="toggleDisplay('assessment')") Assessment
  26                 div(v-show="display=='assessment'")
  27                     .card
  28                         .introduction(v-html="assessment.introduction")
  29                     .card
  30                         statements(:questions="assessment.questions" :answers:"answers")
  31
  32 block append javascripts
  33     script.
  34         const examName = "#{examName}";
  35         const courseCode = "#{courseName}";
  36         const initials = "#{initials}";
  37     script(src="/javascripts/components/statements.js")
  38     script(src="/javascripts/utils/sha1.js")
  39     script(src="/javascripts/grading.js")