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

qa: Add spinners and rework

Browse source
This commit is contained in:
nemunaire 2022-11-07 01:56:06 +01:00
commit 8758effc99
8 changed files with 199 additions and 133 deletions
Download patch file Download diff file Expand all files Collapse all files

71
qa/ui/src/routes/exercices/+page.svelte
View file

@ -2,7 +2,9 @@
import { goto } from '$app/navigation';
import {
Container,
Icon,
Spinner,
Table,
} from 'sveltestrap';
@ -15,37 +17,42 @@
}
</script>
<h2>
Étapes
</h2>
<Container class="mt-2 mb-5">
<h2>
Étapes
</h2>
{#await getExercices()}
{:then exercices}
<p>
<input type="search" class="form-control form-control-sm" placeholder="Search" bind:value={query} autofocus>
</p>
<Table class="table-hover table-bordered table-striped table-sm">
<thead class="thead-dark">
<tr>
{#each fieldsExercices as field}
<th>
{field}
</th>
{#await getExercices()}
<div class="d-flex justify-content-center">
<Spinner size="lg" />
</div>
{:then exercices}
<p>
<input type="search" class="form-control form-control-sm" placeholder="Search" bind:value={query} autofocus>
</p>
<Table class="table-hover table-bordered table-striped table-sm">
<thead class="thead-dark">
<tr>
{#each fieldsExercices as field}
<th>
{field}
</th>
{/each}
</tr>
</thead>
<tbody>
{#each exercices as exercice (exercice.id)}
{#if exercice.title.indexOf(query) >= 0}
<tr on:click={() => show(exercice.id)}>
{#each fieldsExercices as field}
<td>
{@html exercice[field]}
</td>
{/each}
</tr>
{/if}
{/each}
</tr>
</thead>
<tbody>
{#each exercices as exercice (exercice.id)}
{#if exercice.title.indexOf(query) >= 0}
<tr on:click={() => show(exercice.id)}>
{#each fieldsExercices as field}
<td>
{@html exercice[field]}
</td>
{/each}
</tr>
{/if}
{/each}
</tbody>
</Table>
{/await}
</tbody>
</Table>
{/await}
</Container>

28
qa/ui/src/routes/exercices/[eid]/+page.svelte
View file

@ -1,13 +1,33 @@
<script>
import { goto } from '$app/navigation';
import { page } from '$app/stores';
import {
Button,
Container,
Icon,
Spinner,
} from 'sveltestrap';
import { getExercice } from '$lib/exercices';
import ExerciceQA from '$lib/components/ExerciceQA.svelte';
let exerciceP = getExercice($page.params.eid);
</script>
{#await exerciceP}
{:then exercice}
<ExerciceQA {exercice} />
{/await}
<Container class="mt-2 mb-5">
{#await exerciceP}
<div class="d-flex justify-content-center">
<Spinner size="lg" />
</div>
{:then exercice}
<Button
class="float-start"
color="link"
on:click={() => goto('exercices')}
>
<Icon name="chevron-left" />
</Button>
<ExerciceQA {exercice} />
{/await}
</Container>