LobotomyLabs/classquiz-ai
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🚨 Fixed linter errors and formatting

Browse Source
This commit is contained in:
Mawoka
2023-08-02 09:45:02 +02:00
parent 36dbd6cd60
commit f84900b99a
5 changed files with 152 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/routes/moderation/+page.svelte
+28 -22
View File
@@ -4,48 +4,54 @@ SPDX-FileCopyrightText: 2023 Marlon W (Mawoka)
SPDX-License-Identifier: MPL-2.0
-->
<script lang='ts'>
<script lang="ts">
import type { PageData } from './$types';
import BrownButton from '$lib/components/buttons/brown.svelte';
import { page } from '$app/stores';
export let data: PageData;
</script>
<div class='flex flex-col p-2'>
<div class="flex flex-col p-2">
{#each data.quizzes as quiz}
<div class='border-2 border-[#B07156] rounded w-full h-[20vh] p-2 flex flex-col gap-2'>
<div class='grid grid-cols-3 h-full'>
<div class='hidden lg:flex w-auto h-full items-center relative'>
<div class="border-2 border-[#B07156] rounded w-full h-[20vh] p-2 flex flex-col gap-2">
<div class="grid grid-cols-3 h-full">
<div class="hidden lg:flex w-auto h-full items-center relative">
{#if quiz.cover_image}
<img
src='/api/v1/storage/download/{quiz.cover_image}'
alt='user provided'
loading='lazy'
class='shrink-0 max-w-full max-h-full absolute rounded'
src="/api/v1/storage/download/{quiz.cover_image}"
alt="user provided"
loading="lazy"
class="shrink-0 max-w-full max-h-full absolute rounded"
/>
{/if}
</div>
<div class='my-auto mx-auto max-h-full overflow-hidden'>
<p class='text-xl text-center'>{@html quiz.title}</p>
<p class='text-sm text-center text-clip overflow-hidden'>
<div class="my-auto mx-auto max-h-full overflow-hidden">
<p class="text-xl text-center">{@html quiz.title}</p>
<p class="text-sm text-center text-clip overflow-hidden">
{@html quiz.description ?? ''}
</p>
</div>
<div class='flex justify-center'>
<p class='m-auto'>Questions: {quiz.questions.length}</p>
<div class="flex justify-center">
<p class="m-auto">Questions: {quiz.questions.length}</p>
</div>
</div>
<div class='flex w-full'>
<BrownButton href='/view/{quiz.id}?mod=true&autoExpand=true&autoReturn=true'>View</BrownButton>
<div class="flex w-full">
<BrownButton href="/view/{quiz.id}?mod=true&autoExpand=true&autoReturn=true"
>View</BrownButton
>
</div>
</div>
{/each}
</div>
<div class='flex'>
<div class='grid grid-cols-3 mx-auto'>
<BrownButton disabled={data.page === "1"} href='/moderation?page={parseInt(data.page)+1}'>Previous Page</BrownButton>
<p class='m-auto'>Page {data.page}</p>
<BrownButton disabled={data.quizzes.length !== 10} href='/moderation?page={parseInt(data.page)-1}'>Next Page</BrownButton>
<div class="flex">
<div class="grid grid-cols-3 mx-auto">
<BrownButton disabled={data.page === '1'} href="/moderation?page={parseInt(data.page) + 1}"
>Previous Page</BrownButton
>
<p class="m-auto">Page {data.page}</p>
<BrownButton
disabled={data.quizzes.length !== 10}
href="/moderation?page={parseInt(data.page) - 1}">Next Page</BrownButton
>
</div>
</div>