67 lines
2.1 KiB
Svelte
67 lines
2.1 KiB
Svelte
<script>
|
|
import { onMount } from 'svelte';
|
|
import { page } from '$app/stores';
|
|
import { profile } from '$lib/utils/store/user';
|
|
import { fetchCourses } from '$lib/components/Courses/api';
|
|
import Courses from '$lib/components/Courses/index.svelte';
|
|
import NewCourseModal from '$lib/components/Courses/components/NewCourseModal/index.svelte';
|
|
import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
|
|
import { courses, createCourseModal, courseMetaDeta } from '$lib/components/Courses/store';
|
|
import { currentOrg } from '$lib/utils/store/org';
|
|
import { Add } from 'carbon-icons-svelte';
|
|
import { isMobile } from '$lib/utils/store/useMobile';
|
|
|
|
export let data;
|
|
let { allCourses, cantFetch } = data;
|
|
|
|
const urlParams = new URLSearchParams($page.url.search);
|
|
|
|
if (urlParams.get('create') === 'true') {
|
|
$createCourseModal.open = true;
|
|
}
|
|
|
|
async function getCourses(userId, orgId) {
|
|
if (cantFetch && typeof cantFetch === 'boolean' && !allCourses.length && orgId) {
|
|
$courseMetaDeta.isLoading = true;
|
|
|
|
const coursesResult = await fetchCourses(userId, orgId);
|
|
console.log(`coursesResult`, coursesResult);
|
|
|
|
$courseMetaDeta.isLoading = false;
|
|
if (!coursesResult) return;
|
|
|
|
// organizationId = coursesResult.organizationId;
|
|
courses.set(coursesResult.allCourses);
|
|
}
|
|
}
|
|
|
|
onMount(() => {
|
|
courses.set(allCourses);
|
|
});
|
|
|
|
$: getCourses($profile.id, $currentOrg.id);
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<title>Courses - ClassroomIO</title>
|
|
</svelte:head>
|
|
|
|
<section class="w-full md:max-w-6xl md:mx-auto">
|
|
<div class="py-2 md:py-10 px-2 md:px-5">
|
|
<div class="flex items-center justify-between mb-10">
|
|
<h1 class="dark:text-white text-2xl md:text-3xl font-bold">Courses</h1>
|
|
{#if $isMobile}
|
|
<PrimaryButton onClick={() => ($createCourseModal.open = true)}>
|
|
<Add size={24} />
|
|
</PrimaryButton>
|
|
{:else}
|
|
<PrimaryButton label="Create Course" onClick={() => ($createCourseModal.open = true)} />
|
|
{/if}
|
|
</div>
|
|
|
|
<NewCourseModal />
|
|
|
|
<Courses />
|
|
</div>
|
|
</section>
|