teach/atsebay.t
Archived
1
0
Fork 0
Code Issues Pull requests Releases Activity

ui: Use ScoreBadge component

Browse source
This commit is contained in:
nemunaire 2023-03-05 17:43:03 +01:00
commit 906501cc7b
4 changed files with 20 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

14
ui/src/lib/components/ScoreBadge.svelte Normal file
View file

@ -0,0 +1,14 @@
<script>
export let score = 0;
</script>
<span
class="badge"
class:bg-success={score >= 18}
class:bg-info={score < 18 && score >= 15}
class:bg-warning={score < 15 && score >= 9}
class:bg-danger={score < 9}
class:bg-dark={score == "N/A"}
>
{score}
</span>

12
ui/src/lib/components/SurveyList.svelte
View file

@ -4,6 +4,7 @@
import { user } from '$lib/stores/user';
import DateFormat from '$lib/components/DateFormat.svelte';
import SurveyBadge from '$lib/components/SurveyBadge.svelte';
import ScoreBadge from '$lib/components/ScoreBadge.svelte';
import SubmissionStatus from '$lib/components/SubmissionStatus.svelte';
import { getCategories } from '$lib/categories';
import { getSurveys } from '$lib/surveys';
@ -144,16 +145,7 @@
{/if}
</span>
{:else}
<span
class="badge"
class:bg-success={score.score >= 18}
class:bg-info={score.score < 18 && score.score >= 15}
class:bg-warning={score.score < 15 && score.score >= 9}
class:bg-danger={score.score < 9}
class:bg-dark={score.score == "N/A"}
>
{score.score}
</span>
<ScoreBadge score={score.score} />
{/if}
{:catch error}
<i class="bi text-warning bi-exclamation-triangle-fill" title={error}></i>