fic/server
Archived
1
0
Fork 0
Code Issues Pull requests 10 Releases Wiki Activity

ui: Display writeup in interface

Browse source
This commit is contained in:
nemunaire 2022-05-24 17:53:44 +02:00
commit a6adc1ac8c
3 changed files with 25 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

21
frontend/ui/src/components/ExerciceVideo.svelte
View file

@ -1,25 +1,14 @@
<script>
import {
Card,
CardBody,
CardHeader,
CardText,
Icon,
ListGroup,
ListGroupItem,
} from 'sveltestrap';
export let uri = "";
</script>
<Card class="border-success mb-2">
<CardHeader class="bg-success text-light">
<Icon name="laptop-fill" />
Solution du défi
</CardHeader>
<CardBody class="text-indent ratio ratio-16x9">
<iframe type="text/html" src="{uri.replace('$FILES$','/resolution')}" class="embed-responsive-item" title="Vidéo de résolution">
Regardez la vidéo de résolution de ce défi&nbsp;: <a href="{uri.replace('$FILES$','/resolution')}">{uri.replace('$FILES$','/resolution')}</a>.
</iframe>
</CardBody>
</Card>
<CardBody class="text-indent ratio ratio-16x9">
<iframe type="text/html" src="{uri.replace('$FILES$','/resolution')}" class="embed-responsive-item" title="Vidéo de résolution">
Regardez la vidéo de résolution de ce défi&nbsp;: <a href="{uri.replace('$FILES$','/resolution')}">{uri.replace('$FILES$','/resolution')}</a>.
</iframe>
</CardBody>

20
frontend/ui/src/routes/[theme]/[exercice].svelte
View file

@ -30,6 +30,9 @@
Alert,
Badge,
Card,
CardBody,
CardHeader,
CardText,
Col,
Icon,
Row,
@ -172,8 +175,21 @@
exercice={$my.exercices[exercice.id]}
/>
{/if}
{#if $my.exercices[exercice.id].video_uri}
<ExerciceVideo uri={$my.exercices[exercice.id].video_uri} />
{#if $my.exercices[exercice.id].resolution || $my.exercices[exercice.id].video_uri}
<Card class="border-success mb-2">
<CardHeader class="bg-success text-light">
<Icon name="laptop-fill" />
Solution du défi
</CardHeader>
{#if $my.exercices[exercice.id].resolution}
<CardBody>
{@html $my.exercices[exercice.id].resolution}
</CardBody>
{/if}
{#if $my.exercices[exercice.id].video_uri}
<ExerciceVideo uri={$my.exercices[exercice.id].video_uri} />
{/if}
</Card>
{/if}
</Col>
</Row>