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

Fixed formatting

Browse Source
This commit is contained in:
Mawoka
2023-10-19 17:53:06 +02:00
parent 57e556a97c
commit 43c0dd41fe
1 changed files with 22 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/play/admin/game_not_started.svelte
+21 -24
View File
@@ -4,7 +4,7 @@ SPDX-FileCopyrightText: 2023 Marlon W (Mawoka)
SPDX-License-Identifier: MPL-2.0 SPDX-License-Identifier: MPL-2.0
--> -->
<script lang='ts'> <script lang="ts">
import AudioPlayer from '$lib/play/audio_player.svelte'; import AudioPlayer from '$lib/play/audio_player.svelte';
import ControllerCodeDisplay from '$lib/components/controller/code.svelte'; import ControllerCodeDisplay from '$lib/components/controller/code.svelte';
import { getLocalization } from '$lib/i18n'; import { getLocalization } from '$lib/i18n';
@@ -35,11 +35,11 @@ SPDX-License-Identifier: MPL-2.0
}; };
</script> </script>
<div class='w-full h-full'> <div class="w-full h-full">
<AudioPlayer bind:play={play_music} /> <AudioPlayer bind:play={play_music} />
<div class='grid grid-cols-3 mt-12'> <div class="grid grid-cols-3 mt-12">
<div class='flex justify-center'> <div class="flex justify-center">
<p class='m-auto text-2xl'> <p class="m-auto text-2xl">
{$t('play_page.join_description', { {$t('play_page.join_description', {
url: url:
window.location.host === 'classquiz.de' window.location.host === 'classquiz.de'
@@ -50,41 +50,38 @@ SPDX-License-Identifier: MPL-2.0
</p> </p>
</div> </div>
<img <img
alt='QR code to join the game' alt="QR code to join the game"
src='/api/v1/utils/qr/{game_pin}' src="/api/v1/utils/qr/{game_pin}"
class='block mx-auto w-1/2 dark:bg-white shadow-2xl rounded' class="block mx-auto w-1/2 dark:bg-white shadow-2xl rounded"
/> />
{#if cqc_code} {#if cqc_code}
<div class='m-auto'> <div class="m-auto">
<div class='flex justify-center my-4'> <div class="flex justify-center my-4">
<p class='m-auto text-2xl'> <p class="m-auto text-2xl">
{$t('play_page.players_waiting', { {$t('play_page.players_waiting', {
count: players.length ?? 0 count: players.length ?? 0
})} })}
</p> </p>
</div> </div>
<div class='flex-col flex justify-center'> <div class="flex-col flex justify-center">
<p class='mx-auto'>{$t('play_page.join_by_entering_code')}</p> <p class="mx-auto">{$t('play_page.join_by_entering_code')}</p>
<ControllerCodeDisplay code={cqc_code} /> <ControllerCodeDisplay code={cqc_code} />
</div> </div>
</div> </div>
{:else} {:else}
<div class='flex justify-center'> <div class="flex justify-center">
<p class='m-auto text-2xl'> <p class="m-auto text-2xl">
{$t('play_page.players_waiting', { {$t('play_page.players_waiting', {
count: players.length ?? 0 count: players.length ?? 0
})} })}
</p> </p>
</div> </div>
{/if} {/if}
</div> </div>
<p class='text-3xl text-center'> <p class="text-3xl text-center">
{$t('words.pin')}: <span class='select-all'>{game_pin}</span> {$t('words.pin')}: <span class="select-all">{game_pin}</span>
</p> </p>
<div class='flex justify-center w-full mt-4'> <div class="flex justify-center w-full mt-4">
<div> <div>
<GrayButton <GrayButton
disabled={players.length < 1} disabled={players.length < 1}
@@ -95,12 +92,12 @@ SPDX-License-Identifier: MPL-2.0
</GrayButton> </GrayButton>
</div> </div>
</div> </div>
<div class='flex flex-row w-full mt-4 px-10 flex-wrap'> <div class="flex flex-row w-full mt-4 px-10 flex-wrap">
{#if players.length > 0} {#if players.length > 0}
{#each players as player} {#each players as player}
<div class='p-2 m-2 border-2 border-[#B07156] rounded hover:cursor-pointer'> <div class="p-2 m-2 border-2 border-[#B07156] rounded hover:cursor-pointer">
<span <span
class='hover:line-through text-lg' class="hover:line-through text-lg"
on:click={() => { on:click={() => {
kick_player(player.username); kick_player(player.username);
}}>{player.username}</span }}>{player.username}</span