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

Small changes (kidding)

Browse Source
This commit is contained in:
Mawoka
2022-02-28 17:14:47 +01:00
parent 4f668748e1
commit 805258c5ff
19 changed files with 4008 additions and 2647 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/routes/admin.svelte
+48 -44
View File
@@ -1,11 +1,11 @@
<script lang='ts'>
<script lang="ts">
import type { QuizData } from '../app';
import { socket } from '$lib/socket';
let gameData = {
game_id: '4ced1410-e2bf-47e6-9bc7-c1f332642963',
game_pin: '81039240'
game_id: 'a7ddb6af-79ab-45e0-b996-6254c1ad9818',
game_pin: '66190765'
};
let success = false;
let players: Array<string> = [];
@@ -49,7 +49,6 @@
});
};
socket.on('question_results', (data) => {
data = JSON.parse(data);
console.log(data);
@@ -69,51 +68,56 @@
timer_res = seconds.toString();
}, 1000);
};
</script>
{#if !success}
<input placeholder='game id' bind:value={gameData.game_id}>
<input placeholder='game pin' bind:value={gameData.game_pin}>
<input placeholder="game id" bind:value={gameData.game_id} />
<input placeholder="game pin" bind:value={gameData.game_pin} />
<button on:click={connect}>Connect!</button>
{#if errorMessage !== ""}
<p class='text-red-700'>{errorMessage}</p>
{#if errorMessage !== ''}
<p class="text-red-700">{errorMessage}</p>
{/if}
{:else }
{#if !game_started}
<ul>
{#if players.length > 0}
{#each players as player}
<li><span>{player.username} </span>
<button>Kick</button>
</li>
{/each}
{/if}
</ul>
{:else if !game_started}
<ul>
{#if players.length > 0}
<button on:click={() => {socket.emit('start_game', ""); game_started = true}}>Start Game</button>
{#each players as player}
<li>
<span>{player.username} </span>
<button>Kick</button>
</li>
{/each}
{/if}
{:else }
<span>Time left: {timer_res}</span>
<br>
{#if timer_res === '0'}
<button on:click={get_question_results}>Get results</button>
<br>
{#if question_results !== null}
{question_results}
<br>
<ul>
{#each question_results as result}
<li>{result.username} - {result.answer} - {result.right}</li>
{/each}
</ul>
{/if}
{/if}
<br>
{#each quiz_data.questions as { question }, index}
<button on:click={() => {set_question_number(index)}}>{index}: {question}</button>
<br>
{/each}
</ul>
{#if players.length > 0}
<button
on:click={() => {
socket.emit('start_game', '');
game_started = true;
}}>Start Game</button
>
{/if}
{/if}
{:else}
<span>Time left: {timer_res}</span>
<br />
{#if timer_res === '0'}
<button on:click={get_question_results}>Get results</button>
<br />
{#if question_results !== null}
<br />
<ul>
{#each question_results as result}
<li>{result.username} - {result.answer} - {result.right}</li>
{/each}
</ul>
{/if}
{/if}
<br />
{#each quiz_data.questions as { question }, index}
<button
on:click={() => {
set_question_number(index);
}}>{index}: {question}</button
>
<br />
{/each}
{/if}