2021-08-30 10:46:18 +00:00
|
|
|
<script>
|
|
|
|
import {
|
|
|
|
Button,
|
|
|
|
Card,
|
|
|
|
CardBody,
|
|
|
|
CardHeader,
|
|
|
|
CardText,
|
|
|
|
Icon,
|
|
|
|
ListGroup,
|
|
|
|
ListGroupItem,
|
2021-08-31 23:38:39 +00:00
|
|
|
Progress,
|
2021-08-31 00:54:59 +00:00
|
|
|
Spinner,
|
2021-08-30 10:46:18 +00:00
|
|
|
} from 'sveltestrap';
|
|
|
|
|
2021-08-31 00:54:59 +00:00
|
|
|
import FlagKey from './FlagKey.svelte';
|
|
|
|
import FlagMCQ from './FlagMCQ.svelte';
|
|
|
|
|
|
|
|
export let exercice = { };
|
2021-08-30 10:46:18 +00:00
|
|
|
export let flags = [];
|
|
|
|
|
2021-08-31 00:54:59 +00:00
|
|
|
export let refresh_my;
|
|
|
|
export let refresh_teams;
|
|
|
|
|
|
|
|
function waitDiff(i) {
|
|
|
|
refresh_my((my) => {
|
|
|
|
if (my && my.exercices[exercice.id].tries != exercice.tries) {
|
|
|
|
submitInProgress = false;
|
|
|
|
refresh_teams();
|
|
|
|
} else if (i > 0) {
|
|
|
|
setTimeout(waitDiff, 450, i-1);
|
|
|
|
}
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
|
|
|
let responses = { };
|
|
|
|
async function submitFlags() {
|
|
|
|
submitInProgress = true;
|
|
|
|
sberr = "";
|
|
|
|
message = "";
|
|
|
|
|
|
|
|
const response = await fetch(
|
|
|
|
"/submit/" + exercice.id,
|
|
|
|
{
|
|
|
|
method: "POST",
|
|
|
|
body: JSON.stringify(responses),
|
|
|
|
}
|
|
|
|
)
|
|
|
|
|
|
|
|
if (response.status < 300) {
|
|
|
|
const data = await response.json();
|
|
|
|
messageClass = 'text-success';
|
|
|
|
message = data.errmsg;
|
|
|
|
waitDiff(20);
|
|
|
|
} else {
|
|
|
|
submitInProgress = false;
|
|
|
|
|
|
|
|
messageClass = 'text-danger';
|
|
|
|
|
|
|
|
let data = "";
|
|
|
|
try {
|
|
|
|
data = await response.json();
|
|
|
|
} catch(e) {
|
|
|
|
data = null;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (data && data.errmsg)
|
|
|
|
message = data.errmsg;
|
|
|
|
if (response.statys != 402)
|
|
|
|
sberr = "Oups !";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function resetResponses() {
|
|
|
|
responses = {
|
|
|
|
flags: { },
|
|
|
|
mcqs: { },
|
|
|
|
justifications: { },
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
let last_exercice = null;
|
|
|
|
$: {
|
|
|
|
if (!last_exercice || last_exercice != exercice.id) {
|
|
|
|
last_exercice = exercice.id;
|
|
|
|
resetResponses()
|
|
|
|
}
|
2021-08-30 10:46:18 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
let sberr = "";
|
|
|
|
let message = "";
|
2021-08-31 00:54:59 +00:00
|
|
|
let messageClass = "text-danger";
|
|
|
|
let timeouted = false;
|
|
|
|
let submitInProgress = false;
|
2021-08-30 10:46:18 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<Card class="border-danger mb-2">
|
|
|
|
<CardHeader class="bg-danger">
|
|
|
|
<Icon name="flag-fill" />
|
|
|
|
Faire son rapport
|
|
|
|
</CardHeader>
|
2021-08-31 23:38:39 +00:00
|
|
|
{#if exercice.flags.length != exercice.nb_flags}
|
|
|
|
<Progress
|
|
|
|
value={exercice.flags.length}
|
|
|
|
max={exercice.nb_flags}
|
|
|
|
class="rounded-0"
|
|
|
|
barClassName="text-light"
|
|
|
|
>
|
|
|
|
{exercice.flags.length}/{exercice.nb_flags}
|
|
|
|
</Progress>
|
|
|
|
{/if}
|
2021-08-30 10:46:18 +00:00
|
|
|
{#if exercice.tries || exercice.submitted || sberr}
|
|
|
|
<ListGroup>
|
|
|
|
{#if exercice.solved_time && exercice.tries}
|
|
|
|
<ListGroupItem class="text-warning">
|
|
|
|
{exercice.tries} {exercice.tries==1?"tentative effectuée":"tentatives effectuées"}.
|
|
|
|
Dernière solution envoyée à {exercice.solved_time}.
|
|
|
|
</ListGroupItem>
|
|
|
|
{/if}
|
|
|
|
{#if exercice.solve_dist}
|
|
|
|
<ListGroupItem>
|
|
|
|
{exercice.solve_dist} {exercice.solve_dist == 1?"réponse erronée":"réponses erronées"}.
|
|
|
|
</ListGroupItem>
|
|
|
|
{/if}
|
|
|
|
{#if exercice.submitted || sberr}
|
2021-08-31 00:54:59 +00:00
|
|
|
<ListGroupItem class="{messageClass}">
|
2021-08-30 10:46:18 +00:00
|
|
|
{#if !sberr}
|
|
|
|
<strong>Votre solution a bien été envoyée !</strong>
|
|
|
|
{:else}
|
|
|
|
<strong>{sberr}</strong> {message}
|
|
|
|
{/if}
|
|
|
|
</ListGroupItem>
|
|
|
|
{/if}
|
2021-08-31 00:54:59 +00:00
|
|
|
{#if timeouted}
|
2021-08-30 10:46:18 +00:00
|
|
|
<ListGroupItem class="text-danger">
|
|
|
|
<strong>Oops</strong>
|
|
|
|
La requête a dépassé le délai d'attente. Vous devriez réessayer dans quelques instant…
|
|
|
|
</ListGroupItem>
|
|
|
|
{/if}
|
|
|
|
</ListGroup>
|
|
|
|
{/if}
|
|
|
|
{#if !exercice.submitted || sberr}
|
|
|
|
<CardBody>
|
|
|
|
<form on:submit|preventDefault={submitFlags}>
|
2021-08-31 00:54:59 +00:00
|
|
|
{#each flags as flag ((flag.type?flag.type:"i") + flag.id)}
|
|
|
|
{#if flag.type == "mcq"}
|
|
|
|
<FlagMCQ
|
|
|
|
exercice_id={exercice.id}
|
|
|
|
{flag}
|
|
|
|
{refresh_my}
|
|
|
|
bind:values={responses.mcqs}
|
|
|
|
bind:justifications={responses.justifications}
|
|
|
|
/>
|
|
|
|
{:else}
|
|
|
|
<FlagKey
|
|
|
|
exercice_id={exercice.id}
|
|
|
|
{flag}
|
|
|
|
{refresh_my}
|
|
|
|
bind:value={responses.flags[flag.id]}
|
|
|
|
/>
|
|
|
|
{/if}
|
|
|
|
{/each}
|
|
|
|
|
2021-08-30 10:46:18 +00:00
|
|
|
<div class="form-group mt-2">
|
|
|
|
<Button
|
|
|
|
type="submit"
|
|
|
|
color="danger"
|
2021-08-31 00:54:59 +00:00
|
|
|
disabled={submitInProgress}
|
2021-08-30 10:46:18 +00:00
|
|
|
>
|
2021-08-31 00:54:59 +00:00
|
|
|
{#if submitInProgress}
|
|
|
|
<Spinner size="sm" class="me-2" />
|
|
|
|
{/if}
|
2021-08-30 10:46:18 +00:00
|
|
|
Soumettre
|
|
|
|
</Button>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</CardBody>
|
|
|
|
{/if}
|
|
|
|
</Card>
|