views/grade.pug

   1 extends withQuestions
   2
   3 block append stylesheets
   4     link(rel="stylesheet" href="/stylesheets/statements.css")
   5     link(rel="stylesheet" href="/stylesheets/grade.css")
   6
   7 block rightMenu
   8     a#rightButton.btn-floating.btn-large.grey(href="grade")
   9         i.material-icons mode_edit
  10
  11
  12             #gradeSettings.modal
  13                 .modal-content
  14                     form(@submit.prevent="computeGrades")
  15                         .input-field
  16                             input#points(type="number" v-model.number="settings.totalPoints" required)
  17                             label(for="points") Total points
  18                         p
  19                             input#partial(type="checkbox" v-model="settings.halfPoint")
  20                             label(for="partial") Half point for partial answers? (&ge; 50%)
  21                         p
  22                             input#malus(type="checkbox" v-model="settings.zeroSum")
  23                             label(for="malus") Lose points on wrong answers? ("Zero-sum" game)
  24                 .modal-footer
  25                     .center-align
  26                         a.modal-action.modal-close.waves-effect.waves-light.btn(href="#!" @click="computeGrades()")
  27                             span Compute
  28                             i.material-icons.right send
  29             #detailedGrades.modal
  30                 .modal-content
  31                     table
  32                         thead
  33                             tr
  34                                 th Number
  35                                 th(v-for="evaluation in evaluationArray") {{ evaluation.name }}
  36                         tbody
  37                             tr.grade(v-for="student in studentList(group)")
  38                                 td {{ student.number }}
  39                                 td(v-for="(evaluation,i) in evaluationArray" @click="togglePresence(student.number,i)")
  40                                     | {{ grade(i,student.number) }}
  41                 .modal-footer
  42                     .center-align
  43                         a.modal-action.modal-close.waves-effect.waves-light.btn-flat(href="#!") Close
  44
  45
  46 block content
  47     .container#grading
  48         .row
  49             .col.s12.m10.offset-m1
  50                 h4 #{courseCode} grading
  51                 // TODO: Allow grading per student, per question or sub-question
  52                 .card
  53                     ul.tabs.tabs-fixed-width
  54                         li.tab
  55                             a(href="#group0") All
  56                         li.tab(v-for="group in groupList()")
  57                             a(:href="groupId(group,'#')") G.{{ group }}
  58                     table(:id="groupId(group)" v-for="group in [0].concat(groupList())")
  59                         thead
  60                             tr
  61                                 th Name
  62                                 th(v-for="(q,i) in evaluation.questions") Q.{{ (i+1) }}
  63                         tbody
  64                             tr.evaluation(v-for="s in studentList(group)")
  65                                 td {{ s.name }}
  66                                 td(v-for="(q,i) in evaluation.questions" :style="{background-color: getColor(number,i)}" @click="seeDetails(number,i)") &nbsp;
  67                 h4.title(@click="toggleDisplay('evaluation')") evaluation
  68                 div(v-show="display=='evaluation'")
  69                     .card
  70                         .introduction(v-html="evaluation.introduction")
  71                     .card
  72                         statements(:questions="evaluation.questions" :answers:"answers")
  73
  74
  75
  76                 if teacher
  77                     h4.title(@click="toggleDisplay('grades')") Grades
  78                     .card(v-show="display=='grades'")
  79                         .center-align
  80                             button.on-left.waves-effect.waves-light.btn(@click="gradeSettings()") Settings
  81                             a#download.hide(href="#" ref="download")
  82                             button.waves-effect.waves-light.btn(@click="download") Download
  83                         ul.tabs.tabs-fixed-width
  84                             li.tab
  85                                 a(href="#group0") All
  86                             li.tab(v-for="group in groupList()")
  87                                 a(:href="groupId(group,'#')") G.{{ group }}
  88                         table.result(:id="groupId(group)" v-for="group in [0].concat(groupList())" @click="showDetails(group)")
  89                             thead
  90                                 tr
  91                                     th Number
  92                                     th Name
  93                                     th Final
  94                             tbody
  95                                 tr.grade(v-for="student in studentList(group)")
  96                                     td {{ student.number }}
  97                                     td {{ student.name }}
  98                                     td grade...
  99                                     //td {{ grades[student.number].final }}
 100                                 tr.stats
 101                                     td(colspan="4") Stats: range= stdev= mean=
 102
 103
 104
 105
 106 block append javascripts
 107     script.
 108         const initials = "#{initials}";
 109         const courseCode = "#{courseName}";
 110     script(src="/javascripts/utils/sha1.js")
 111     script(src="/javascripts/grade.js")