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

✨ Showing question and image on admin-screen

Browse Source
This commit is contained in:
Mawoka
2022-09-01 17:57:52 +02:00
parent 6877ca3873
commit 5b5cf02725
1 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/admin.svelte
+15 -2
View File
@@ -9,6 +9,7 @@
import { get_question_title } from '$lib/admin.ts'; import { get_question_title } from '$lib/admin.ts';
import type { PlayerAnswer } from '$lib/admin.ts'; import type { PlayerAnswer } from '$lib/admin.ts';
import { socket } from './socket'; import { socket } from './socket';
import ShowQuestion from '$lib/play/question.svelte';
export let game_token: string; export let game_token: string;
export let quiz_data: QuizData; export let quiz_data: QuizData;
@@ -74,9 +75,21 @@
</script> </script>
{#if timer_res !== undefined && !final_results_clicked} {#if timer_res !== undefined && !final_results_clicked}
<div class="w-full flex justify-center"> <div class="flex flex-col justify-center w-screen h-1/6">
<span>{$t('admin_page.time_left')}: {timer_res}</span> <h1 class="text-6xl text-center">
{quiz_data.questions[selected_question].question}
</h1>
<span class="text-center py-2 text-lg">{$t('admin_page.time_left')}: {timer_res}</span>
</div> </div>
{#if quiz_data.questions[selected_question].image !== null}
<div>
<img
src={quiz_data.questions[selected_question].image}
class="h-2/5 object-cover mx-auto mb-8"
alt="Content for Question"
/>
</div>
{/if}
{/if} {/if}
<br /> <br />
{#if timer_res === '0'} {#if timer_res === '0'}