extends withQuestions
block append stylesheets
+ link(rel="stylesheet" href="/stylesheets/statements.css")
link(rel="stylesheet" href="/stylesheets/monitor.css")
block content
.container#monitor
.row
- .col.s12.m10.offset-m1.l8.offset-l2.xl6.offset-xl3
+ .col.s12.m10.offset-m1
h4= examName
#stage0(v-show="stage==0")
.card
input#password(type="password" v-model="password" @keyup.enter="startMonitoring()")
button.waves-effect.waves-light.btn(@click="startMonitoring()") Send
#stage1(v-show="stage==1")
- button.waves-effect.waves-light.btn(@click="endMonitoring()") Send feedback
+ button.waves-effect.waves-light.btn(@click="endMonitoring()" :disabled="!allFinished()") Send feedback
h4.title(@click="toggleDisplay('answers')") Anwers
// TODO: aussi afficher stats, permettre tri par colonnes
.card(v-show="display=='answers'")
thead
tr
th Name
- th(v-for="(q,i) in assessment.questions") Q.{{ (i+1) }}
+ th(v-for="(q,i) in evaluation.questions") Q.{{ (i+1) }}
tbody
- tr.assessment(v-for="s in studentList(group)")
- td {{ s.name }}
- td(v-for="(q,i) in assessment.questions" :style="{backgroundColor: getColor(s.number,i)}" @click="seeDetails(s.number,i)")
- h4.title(@click="toggleDisplay('assessment')") Assessment
- div(v-show="display=='assessment'")
+ tr.evaluation(v-for="s in studentList(group)" :class="{absent:!s.present}")
+ td(:class="{blur:!!s.blur,resize:!!s.resize,disconnect:!!s.disco}" @click="togglePresence(s)") {{ s.name }}
+ td(v-for="(q,i) in evaluation.questions" :style="{backgroundColor: getColor(s.number,i)}" @click="seeDetails(s.number,i)")
+ h4.title(@click="toggleDisplay('evaluation')") evaluation
+ div(v-show="display=='evaluation'")
.card
- .introduction(v-html="assessment.introduction")
+ .introduction(v-html="evaluation.introduction")
.card
- statements(:questions="assessment.questions" :answers="answers")
- .card
- .conclusion(v-html="assessment.conclusion")
+ statements(:questions="evaluation.questions" :answers="answers")
block append javascripts
script.