Move new ui to ui directory

This commit is contained in:
nemunaire 2022-03-01 13:43:45 +01:00
commit f85758ef33
56 changed files with 0 additions and 0 deletions

View file

@ -0,0 +1,64 @@
<script context="module">
export async function load({ params }) {
return {
props: {
sid: params.sid,
uid: params.uid,
}
};
}
</script>
<script lang="ts">
import SurveyBadge from '../../../../components/SurveyBadge.svelte';
import SurveyQuestions from '../../../../components/SurveyQuestions.svelte';
import { getSurvey } from '../../../../lib/surveys';
import { getQuestions } from '../../../../lib/questions';
import { getUser } from '../../../../lib/users';
export let sid;
export let uid;
</script>
{#await getUser(uid)}
<h2>
Étudiant
</h2>
<div class="d-flex justify-content-center">
<div class="spinner-border me-2" role="status"></div>
Chargement des d&eacute;tails&hellip;
</div>
{:then student}
{#await getSurvey(sid)}
<div class="text-center">
<div class="spinner-border text-primary mx-3" role="status"></div>
<span>Chargement du questionnaire &hellip;</span>
</div>
{:then survey}
<div class="d-flex align-items-center">
<h2>
<a href="users/{student.id}/surveys/" class="text-muted" style="text-decoration: none">{student.login}</a> /
{survey.title}
</h2>
<SurveyBadge class="ms-2" {survey} />
</div>
{#await getQuestions(survey.id)}
<div class="text-center">
<div class="spinner-border text-primary mx-3" role="status"></div>
<span>Chargement des questions &hellip;</span>
</div>
{:then questions}
<SurveyQuestions {survey} {questions} id_user={uid} />
{/await}
{:catch error}
<div class="text-center">
<h2>
<a href="surveys/" class="text-muted" style="text-decoration: none">&lt;</a>
Questionnaire introuvable
</h2>
<span>{error}</span>
</div>
{/await}
{/await}

View file

@ -0,0 +1,64 @@
<script context="module">
export async function load({ params }) {
return {
props: {
uid: params.uid,
}
};
}
</script>
<script lang="ts">
import UserSurveys from '../../../../components/UserSurveys.svelte';
import { user } from '../../../../stores/user';
import { getSurveys } from '../../../../lib/surveys';
import { getUser, getUserGrade, getUserScore } from '../../../../lib/users';
export let uid;
let allPromos = false;
</script>
{#await getUser(uid)}
<h2>
Étudiant
</h2>
<div class="d-flex justify-content-center">
<div class="spinner-border me-2" role="status"></div>
Chargement des d&eacute;tails&hellip;
</div>
{:then student}
<div class="card mb-5">
<div class="card-header d-flex justify-content-center align-items-center">
<h2 class="card-title text-center">
<a href="users/{student.id}"><i class="bi bi-chevron-left"></i></a>
<i class="bi bi-person-fill"></i>
{#if student.firstname}
{student.firstname} {student.lastname}
{:else}
{student.login}
{/if}
</h2>
{#if student.promo}
<span class="badge bg-success ms-1">{student.promo}</span>
{/if}
</div>
<div class="card-header">
<button
class="btn btn-secondary float-end"
class:active={allPromos}
on:click={e => allPromos = !allPromos}
>
Toutes les promos
</button>
<h3 class="card-title">
Questionnaires
</h3>
</div>
<UserSurveys
{student}
{allPromos}
/>
</div>
{/await}