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
parent 5020f378c8
commit 906501cc7b
4 changed files with 20 additions and 21 deletions
Show Stats 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 { user } from '$lib/stores/user';
import DateFormat from '$lib/components/DateFormat.svelte'; import DateFormat from '$lib/components/DateFormat.svelte';
import SurveyBadge from '$lib/components/SurveyBadge.svelte'; import SurveyBadge from '$lib/components/SurveyBadge.svelte';
import ScoreBadge from '$lib/components/ScoreBadge.svelte';
import SubmissionStatus from '$lib/components/SubmissionStatus.svelte'; import SubmissionStatus from '$lib/components/SubmissionStatus.svelte';
import { getCategories } from '$lib/categories'; import { getCategories } from '$lib/categories';
import { getSurveys } from '$lib/surveys'; import { getSurveys } from '$lib/surveys';
@ -144,16 +145,7 @@
{/if} {/if}
</span> </span>
{:else} {:else}
<span <ScoreBadge score={score.score} />
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>
{/if} {/if}
{:catch error} {:catch error}
<i class="bi text-warning bi-exclamation-triangle-fill" title={error}></i> <i class="bi text-warning bi-exclamation-triangle-fill" title={error}></i>

12
ui/src/routes/works/+page.svelte
View File

@ -3,6 +3,7 @@
import { user } from '$lib/stores/user'; import { user } from '$lib/stores/user';
import DateFormat from '$lib/components/DateFormat.svelte'; import DateFormat from '$lib/components/DateFormat.svelte';
import ScoreBadge from '$lib/components/ScoreBadge.svelte';
import SurveyBadge from '$lib/components/SurveyBadge.svelte'; import SurveyBadge from '$lib/components/SurveyBadge.svelte';
import SubmissionStatus from '$lib/components/SubmissionStatus.svelte'; import SubmissionStatus from '$lib/components/SubmissionStatus.svelte';
import { getCategories } from '$lib/categories'; import { getCategories } from '$lib/categories';
@ -120,16 +121,7 @@
{#await getScore(work)} {#await getScore(work)}
<div class="spinner-border spinner-border-sm" role="status"></div> <div class="spinner-border spinner-border-sm" role="status"></div>
{:then score} {:then score}
<span <ScoreBadge score={score.score} />
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>
{:catch error} {:catch error}
<i class="bi text-warning bi-exclamation-triangle-fill" title={error}></i> <i class="bi text-warning bi-exclamation-triangle-fill" title={error}></i>
{/await} {/await}

3
ui/src/routes/works/[wid]/+page.svelte
View File

@ -3,6 +3,7 @@
import { user } from '$lib/stores/user'; import { user } from '$lib/stores/user';
import DateFormat from '$lib/components/DateFormat.svelte'; import DateFormat from '$lib/components/DateFormat.svelte';
import ScoreBadge from '$lib/components/ScoreBadge.svelte';
import SubmissionStatus from '$lib/components/SubmissionStatus.svelte'; import SubmissionStatus from '$lib/components/SubmissionStatus.svelte';
import SurveyBadge from '$lib/components/SurveyBadge.svelte'; import SurveyBadge from '$lib/components/SurveyBadge.svelte';
import WorkAdmin from '$lib/components/WorkAdmin.svelte'; import WorkAdmin from '$lib/components/WorkAdmin.svelte';
@ -99,7 +100,7 @@
<td> <td>
<a href="users/{grade.id_user}">{grade.login}</a> <a href="users/{grade.id_user}">{grade.login}</a>
</td> </td>
<td>{grade.score}</td> <td><ScoreBadge score={grade.score} /></td>
<td>{#if grade.comment}{grade.comment}{:else}-{/if}</td> <td>{#if grade.comment}{grade.comment}{:else}-{/if}</td>
<td>{grade.date}</td> <td>{grade.date}</td>
<td> <td>