94 lines
3.4 KiB
Svelte
94 lines
3.4 KiB
Svelte
<script lang="ts">
|
|
import { goto } from '$app/navigation';
|
|
|
|
import { user } from '../stores/user';
|
|
import DateFormat from '../components/DateFormat.svelte';
|
|
import SurveyBadge from '../components/SurveyBadge.svelte';
|
|
import { getSurveys } from '../lib/surveys';
|
|
import { getScore } from '../lib/users';
|
|
|
|
let req_surveys = getSurveys();
|
|
export let direct = null;
|
|
|
|
req_surveys.then((surveys) => {
|
|
for (const survey of surveys) {
|
|
if (survey.direct != null) {
|
|
direct = survey;
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<table class="table table-striped table-hover mb-0">
|
|
<thead>
|
|
<tr>
|
|
<th>Intitulé</th>
|
|
<th>Date</th>
|
|
{#if $user}
|
|
<th>Score</th>
|
|
{/if}
|
|
</tr>
|
|
</thead>
|
|
{#await req_surveys}
|
|
<tr>
|
|
<td colspan="5" class="text-center py-3">
|
|
<div class="spinner-border mx-3" role="status"></div>
|
|
<span>Chargement des questionnaires …</span>
|
|
</td>
|
|
</tr>
|
|
{:then surveys}
|
|
<tbody style="cursor: pointer;">
|
|
{#each surveys as survey, sid (survey.id)}
|
|
{#if (survey.shown || survey.direct != null) && (!$user || (!$user.was_admin || $user.promo == survey.promo) || $user.is_admin)}
|
|
{#if $user && $user.is_admin && (sid == 0 || surveys[sid-1].promo != survey.promo)}
|
|
<tr class="bg-info text-light">
|
|
<th colspan="5" class="fw-bold">
|
|
{survey.promo}
|
|
</th>
|
|
</tr>
|
|
{/if}
|
|
<tr on:click={e => goto(survey.direct != null ?`surveys/${survey.id}/live`:$user.is_admin?`surveys/${survey.id}/responses`:`surveys/${survey.id}`)}>
|
|
<td>
|
|
{survey.title}
|
|
<SurveyBadge {survey} class="float-end" />
|
|
</td>
|
|
{#if survey.startAvailability() > Date.now()}
|
|
<td>
|
|
<DateFormat date={survey.start_availability} dateStyle="medium" timeStyle="medium" />
|
|
<i class="bi bi-arrow-bar-right"></i>
|
|
</td>
|
|
{:else}
|
|
<td>
|
|
<i class="bi bi-arrow-bar-left"></i>
|
|
<DateFormat date={survey.end_availability} dateStyle="medium" timeStyle="medium" />
|
|
</td>
|
|
{/if}
|
|
{#if $user}
|
|
{#if !survey.corrected}
|
|
<td>N/A</td>
|
|
{:else}
|
|
<td>
|
|
{#await getScore(survey)}
|
|
<div class="spinner-border spinner-border-sm" role="status"></div>
|
|
{:then score}
|
|
{score.score}
|
|
{/await}
|
|
</td>
|
|
{/if}
|
|
{/if}
|
|
</tr>
|
|
{/if}
|
|
{/each}
|
|
</tbody>
|
|
{/await}
|
|
{#if $user && $user.is_admin}
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="4">
|
|
<a href="surveys/new" class="btn btn-sm btn-primary">Ajouter un questionnaire</a>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
{/if}
|
|
</table>
|