only update order when lesson id changes CLASSROOMIO-T-90: Update banner image on course card CLASSROOMIO-T-90: Fix merge conflicts Merge branch 'main' into CLASSROOMIO-T-90 CLASSROOMIO-T-90:removed unused values and console log in the Course Settings CLASSROOMIO-T-90:removed unused import in the Course Settings CLASSROOMIO-T-90:fixed bugs in the Course Settings Merge branch 'main' into CLASSROOMIO-T-90 CLASSROOMIO-T-90:Implemented the Course Settings CLASSROOMIO-T-90:Worked on the course settings Merge branch 'main' into CLASSROOMIO-T-90 CLASSROOMIO-T-90:Fixed the landing page issue CLASSROOMIO-T-146:Made updates to the code following the reviews CLASSROOMIO-T-146:Made updates to the Z-Index Merge branch 'main' into CLASSROOMIO-T-146 Merge branch 'main' into CLASSROOMIO-T-146 CLASSROOMIO-T-146:Made the course page responsive CLASSROOMIO-T-146:working on the course page responsiveness Merge branch 'main' into CLASSROOMIO-T-145 CLASSROOMIO-T-146:Making the course page responsive CLASSROOMIO-T-145: All done and ready CLASSROOMIO-T-145: All done and ready CLASSROOMIO-T-145: Fixed the Z-index issue Merge branch 'main' into CLASSROOMIO-T-145 CLASSROOMIO-T-145: Finished implementing the responsive design for the Main dashboard and LMS dashboard Merge branch 'main' into CLASSROOMIO-T-145 CLASSROOMIO-T-144:Updating the dashboard responsiveness ooth for LMS and the Main dashboard CLASSROOMIO-T-144:Updated the dashboard responsiveness ooth for LMS and the Main dashboard Merge branch 'main' into CLASSROOMIO-T-145 CLASSROOMIO-T-145:Made the LMS dashboard responsive Co-authored-by: Ifeanyi Nwosu <ifeanyi@digdippa.com> Co-authored-by: Rotimi Best <rotimiibitoyeemma@gmail.com> Merge-request: CLASSROOMIO-MR-76 Merged-by: Best Admin <best@digdippa.com>
60 lines
1.5 KiB
Svelte
60 lines
1.5 KiB
Svelte
<script>
|
|
// @ts-nocheck
|
|
|
|
import { Moon } from 'svelte-loading-spinners';
|
|
import Navigation from '../Course/components/Navigation/index.svelte';
|
|
import Backdrop from '$lib/components/Backdrop/index.svelte';
|
|
// import { lessons, lesson } from '../Course/components/Lesson/store/lessons';
|
|
// import { questionnaire } from '../Course/components/Lesson/Exercise/store/exercise';
|
|
// import { questionnaireMetaData } from '../Course/components/Lesson/store/answers';
|
|
import { course, group } from '../Course/store';
|
|
import Confetti from '../Confetti/index.svelte';
|
|
import { isMobile } from '$lib/utils/store/useMobile';
|
|
import { profile } from '$lib/utils/store/user';
|
|
|
|
export let path = '';
|
|
export let isExercisePage = false;
|
|
export let isStudent = false;
|
|
export let isFetching = false;
|
|
|
|
$: {
|
|
const user = $group.people.find((person) => person.profile_id === $profile.id);
|
|
|
|
if (user) {
|
|
isStudent = user.role_id === 3;
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<title>{$course.title || 'ClassroomIO Course'}</title>
|
|
</svelte:head>
|
|
|
|
{#if isFetching}
|
|
<Backdrop>
|
|
<Moon size="60" color="#1d4ed8" unit="px" duration="1s" />
|
|
</Backdrop>
|
|
{/if}
|
|
|
|
<div class="root">
|
|
<Navigation {path} {isStudent} />
|
|
<div class="rightBar" class:isMobile={$isMobile}>
|
|
{#if isExercisePage}
|
|
<Confetti />
|
|
{/if}
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.root {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
|
|
.rightBar {
|
|
flex-grow: 1;
|
|
width: calc(100% - 360px);
|
|
}
|
|
</style>
|