CLASSROOMIO-T-11: Developed the certificate issuing and editor page

deleted the certicate png files and some other unused png files Merge branch 'CLASSROOMIO-T-11' of https://gitlab.com/thenextgreat/classroomio into CLASSROOMIO-T-11 deleted the certicate png files CLASSROOMIO-T-11: More refactoring CLASSROOMIO-T-11: More spacing and font Merge branch 'CLASSROOMIO-T-11' of https://gitlab.com/thenextgreat/classroomio into CLASSROOMIO-T-11 CLASSROOMIO-T-11:Renamed the mockdata import,also deleted some comments and unused images CLASSROOMIO-T-11:Renamed the mockdata import,also deleted some comments and unused images CLASSROOMIO-T-11: Remove unnecessary comments CLASSROOMIO-T-11:Fixed the merge conflicts after careful review CLASROOMIO-T-11:Removed the upload component,made the certificate logo and name to be gotten from the organisation settings,and also used svg for the images CLASSROOMIO-T-11: Add settings to make certificate downloadable CLASSROOMIO-T-11: Temp disable design tab CLASSROOMIO-T-11: Add auto send key CLASSROOMIO-T-11: Refactoring CLASSROOMIO-T-11:Renamed the images of the certificate theme files CLASSROOMIO-T-11:Renamed the certificate theme files CLASSROOMIO-T-11:fixed a bug in the certificate issuing page that prevented the application from running CLASSROOMIO-T-11:fixed a bug in the certificate issuing page that prevented the application from running CLASSROOMIO-T-11:Updated the file name in the certificate issuin page CLASSROOMIO-T-11:Finished the certificate issuing page CLASSROOMIO-T-11:Finished the certificate issuing page CLASSROOMIO-T-47:Fixed the dark mode and then made it responsive CLASSROOMIO-T-47:Fixed the dark mode and then made it responsive CLASSROOMIO-T-47:fixed the dark mode and also made the it vertically aligned on mobile CLASSROOMIO-T-47: Update nav for lms only CLASSROOMIO-T-47: Reorder file CLASSROOMIO-T-47:fixed the prettier config and resaved CLASSROOMIO-T-47:Created the not found page Co-authored-by: Ifeanyi Nwosu <ifeanyi@digdippa.com> Co-authored-by: Rotimi Best <rotimiibitoyeemma@gmail.com> Co-authored-by: Rotimi Best <rotimiibitoyebest@yahoo.co.uk> Co-authored-by: emmanuel <chifez1@gmail.com> Merge-request: CLASSROOMIO-MR-21 Merged-by: Best Admin <digdippa@gmail.com>
2023-07-27 16:08:04 +00:00
parent a0fc775502
commit 9590b3d6d1
14 changed files with 670 additions and 1 deletions
@@ -0,0 +1,67 @@
+<script context="module">
+  import { fetchCourse } from '../../../utils/services/courses';
+
+  export async function preload({ params = { id: '' } }) {
+    return { courseId: params.id };
+  }
+</script>
+
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import CourseContainer from '../../../components/CourseContainer/index.svelte';
+  import PageNav from '../../../components/PageNav/index.svelte';
+  import PageBody from '../../../components/PageBody/index.svelte';
+  import RoleBasedSecurity from '../../../components/RoleBasedSecurity/index.svelte';
+  import { setCourse, course } from '../../../components/Course/store';
+  import IssueCertificateModal from '../../../components/Course/components/Ceritficate/IssueCertificateModal.svelte';
+  // import DeleteConfirmation from '../../../components/Course/components/People/DeleteConfirmation.svelte';
+  import Design from '../../../components/Course/components/Ceritficate/Design.svelte';
+  // import Reports from '../../../components/Course/components/Ceritficate/Reports.svelte';
+  // import { issueCertificateModal } from '../../../components/Course/components/Ceritficate/store';
+  // import { Tabs, Tab } from 'carbon-components-svelte';
+  // import TabContent from 'carbon-components-svelte/src/Tabs/TabContent.svelte';
+
+  export let courseId: string = '';
+  let isStudent = false;
+
+  onMount(async () => {
+    if ($course.id) return;
+    const { data } = await fetchCourse(courseId);
+    setCourse(data);
+  });
+</script>
+
+<IssueCertificateModal />
+
+<CourseContainer bind:isStudent>
+  <PageNav title="Certificates" disableSticky={true}>
+    <slot:fragment slot="widget">
+      <RoleBasedSecurity allowedRoles={[1, 2]}>
+        <!-- Hide Functionality For V1 -->
+        <!-- <PrimaryButton
+          className="mr-2 rounded-md text-sm font-medium"
+          label="Issue Cert"
+          onClick={() => ($issueCertificateModal.open = true)}
+        /> -->
+      </RoleBasedSecurity>
+    </slot:fragment>
+  </PageNav>
+
+  <PageBody className="w-full mx-0" padding="px-3">
+    <Design />
+    <!-- <Tabs autoWidth class="border-b border-gray-200">
+      <Tab label="Design" />
+      <Tab label="Reports" />
+      <svelte:fragment slot="content">
+        <TabContent>
+          <Design />
+        </TabContent>
+
+        Temp disable Reports tab for V2
+        <TabContent>
+          <Reports />
+        </TabContent>
+      </svelte:fragment>
+    </Tabs> -->
+  </PageBody>
+</CourseContainer>