| 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)") |
| 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") |