LobotomyLabs/classquiz-ai
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Formatted code

Browse Source
This commit is contained in:
Mawoka
2023-10-19 17:47:21 +02:00
parent 212e199813
commit e790ae3200
3 changed files with 27 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/play/admin/voting_results.svelte
+16 -9
View File
@@ -13,12 +13,12 @@ SPDX-License-Identifier: MPL-2.0
let quiz_answers = [];
let quiz_colors = [];
let answer_correct: boolean[] = []
let answer_correct: boolean[] = [];
for (const i of question.answers) {
quiz_answers.push(i.answer);
quiz_colors.push(i.color);
answer_correct.push(i.right)
answer_correct.push(i.right);
}
let sorted_data = {};
@@ -46,9 +46,12 @@ SPDX-License-Identifier: MPL-2.0
{#each quiz_answers as answer, i}
<div
class="w-20 self-end flex justify-center border border-black shadow-xl rounded"
class:shadow-blue-500={answer_correct[i] && question.type !== QuizQuestionType.VOTING}
class:shadow-yellow-500={!answer_correct[i] && question.type !== QuizQuestionType.VOTING}
class:opacity-70={!answer_correct[i] && question.type !== QuizQuestionType.VOTING}
class:shadow-blue-500={answer_correct[i] &&
question.type !== QuizQuestionType.VOTING}
class:shadow-yellow-500={!answer_correct[i] &&
question.type !== QuizQuestionType.VOTING}
class:opacity-70={!answer_correct[i] &&
question.type !== QuizQuestionType.VOTING}
style="height: {(sorted_data[answer] * 20) /
data.length}rem; background-color: {quiz_colors[i]
? quiz_colors[i]
@@ -57,11 +60,15 @@ SPDX-License-Identifier: MPL-2.0
{/each}
</div>
<div class="flex gap-12">
{#each quiz_answers as answer,i}
{#each quiz_answers as answer, i}
<div class="w-20">
<p class="-rotate-45 text-xl text-str"
class:line-through={!answer_correct[i] && question.type !== QuizQuestionType.VOTING}
>{@html answer}</p>
<p
class="-rotate-45 text-xl text-str"
class:line-through={!answer_correct[i] &&
question.type !== QuizQuestionType.VOTING}
>
{@html answer}
</p>
</div>
{/each}
</div>