Show a score at the end of the quiz

Closes #9
This commit is contained in:
2020-09-04 20:53:09 +02:00
parent f4ce288914
commit 09e71c5d6e
3 changed files with 113 additions and 2 deletions

View File

@ -51,6 +51,7 @@
<button v-if="revealing_text != null" v-on:click="show_correction">{{ revealing_text }}</button>
<button v-if="next_column_text != null" v-on:click="open_next_column">{{ next_column_text }}</button>
<button v-if="correction_visible && !solution_correct && !solution_revealed" v-on:click="reveal_solution">Lösung aufdecken</button>
<button v-if="finished_quiz" v-on:click="scoreboard_open = true">Auswertung anzeigen</button>
</div>
<div class="close_button" v-on:click="is_open = false">
<svg width="30" height="30">
@ -71,6 +72,31 @@
</div>
</div>
</div>
<div v-if="scoreboard_open" class="scoreboard">
<table>
<thead>
<tr>
<th></th>
<th>Bei erster Überprüfung</th>
<th>Nach Korrektur</th>
</tr>
</thead>
<tbody>
<tr v-for="(round, idx) in score">
<td>{{ score_round_description(idx) }}</td>
<td class="single_value" v-for="points in round">{{ points }} / {{ max_score_in(idx) }}</td>
</tr>
<tr>
<td class="total" colspan="3">Gesamtpunktzahl: {{ achieved_total_score }} / {{ maximum_total_score }}</td>
</tr>
</tbody>
</table>
<div class="close_button" v-on:click="scoreboard_open = false">
<svg width="30" height="30">
<path d="M4 4L26 26M4 26L26 4" stroke="#000" stroke-width="2px" />
</svg>
</div>
</div>
</div>
</div>
</body>