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/final_results.svelte
+8 -8
View File
@@ -4,7 +4,7 @@ SPDX-FileCopyrightText: 2023 Marlon W (Mawoka)
SPDX-License-Identifier: MPL-2.0
-->
<script lang='ts'>
<script lang="ts">
import { onMount } from 'svelte';
import { getLocalization } from '$lib/i18n';
@@ -28,7 +28,7 @@ SPDX-License-Identifier: MPL-2.0
$: console.log(data, 'sorted, fina');
let player_names;
$: player_names = Object.keys(data).sort(function(a, b) {
$: player_names = Object.keys(data).sort(function (a, b) {
return data[b] - data[a];
});
@@ -54,8 +54,8 @@ SPDX-License-Identifier: MPL-2.0
{#if i <= player_count_or_five - 1}
<p
in:fly={{ y: -300, delay: player_count_or_five * 1200 - (i + 1) * 1000 }}
style='font-size: {player_count_or_five - i / 2}rem'
class='text-center'
style="font-size: {player_count_or_five - i / 2}rem"
class="text-center"
>
{$t('play_page.final_result_rank', {
place: i + 1,
@@ -67,12 +67,12 @@ SPDX-License-Identifier: MPL-2.0
{/each}
</div>
{#if data[username]}
<div class='fixed bottom-0 left-0 flex justify-center w-full mb-6'>
<div class='mx-auto p-2 border-[#B07156] border-4 rounded'>
<p class='text-center'>{$t('play_page.your_score', { score: data[username] })}</p>
<div class="fixed bottom-0 left-0 flex justify-center w-full mb-6">
<div class="mx-auto p-2 border-[#B07156] border-4 rounded">
<p class="text-center">{$t('play_page.your_score', { score: data[username] })}</p>
{#each player_names as player, i}
{#if player === username}
<p class='text-center'>{$t('play_page.your_place', { place: i+1 })}</p>
<p class="text-center">{$t('play_page.your_place', { place: i + 1 })}</p>
{/if}
{/each}
</div>
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>
frontend/src/lib/play/question.svelte
+3 -1
View File
@@ -150,7 +150,9 @@ SPDX-License-Identifier: MPL-2.0
class="flex flex-col justify-start"
style="height: {question.image ? '33.333333' : '16.666667'}%"
>
<h1 class="lg:text-2xl text-lg text-center text-black dark:text-white mt-2 break-normal mb-2">
<h1
class="lg:text-2xl text-lg text-center text-black dark:text-white mt-2 break-normal mb-2"
>
{@html question.question}
</h1>
{#if question.image !== null && game_mode !== 'kahoot'}