ui: Almost all interface done with Svelte

frontend/ui/src/components/ExerciceSolved.svelte

@@ -0,0 +1,41 @@
+<script>
+ import {
+     Card,
+     CardBody,
+     CardHeader,
+     CardText,
+     Icon,
+     ListGroup,
+     ListGroupItem,
+ } from 'sveltestrap';
+
+ export let theme = {};
+ export let exercice = {};
+</script>
+
+<Card class="border-success mb-2">
+    <CardHeader class="bg-success">
+        <Icon name="flag-fill" />
+        Défi réussi&nbsp;!
+    </CardHeader>
+    <CardBody class="text-indent">
+	<CardText>
+            {#if exercice.solved_rank}
+                Vous êtes la {exercice.solved_rank}<sup>{exercice.solved_rank==1?"re":"e"}</sup> équipe à avoir résolu ce défi à {exercice.solved_time}.
+            {:else}
+                Bravo, vous avez résolu ce défi à {exercice.solved_time}.
+            {/if}
+            Vous avez marqué {exercice.gain} {exercice.gain==1?"point":"points"}&nbsp;!
+        </CardText>
+        {#if exercice.finished}
+	    <hr>
+	    <CardText>{@html exercice.finished}</CardText>
+            {#if exercice.next}
+	        <hr>
+            {/if}
+        {/if}
+        {#if theme.exercices[exercice.id].next}
+	    <a href="/{theme.urlid}/{theme.exercices[theme.exercices[exercice.id].next].urlid}" class="btn btn-success">Passer au défi suivant</a>
+        {/if}
+    </CardBody>
+</Card>