From 567c57791ece89bf9c3cca6c2d3867604ccac59d Mon Sep 17 00:00:00 2001 From: emmanuel Date: Thu, 27 Jul 2023 12:50:20 +0100 Subject: [PATCH] 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 --- .../components/Ceritficate/Design.svelte | 52 +++++++++++------- .../components/Ceritficate/Reports.svelte | 8 +-- .../components/Ceritficate/Upload.svelte | 43 --------------- .../Ceritficate/certificates/Plain.svelte | 35 +++++++----- .../certificates/Professional.svelte | 35 +++++++----- .../Course/components/Ceritficate/store.js | 10 ---- static/{theme2.png => plain.png} | Bin static/plain.svg | 28 ++++++++++ static/{theme1.png => professional.png} | Bin static/professional.svg | 29 ++++++++++ 10 files changed, 133 insertions(+), 107 deletions(-) delete mode 100644 src/components/Course/components/Ceritficate/Upload.svelte rename static/{theme2.png => plain.png} (100%) create mode 100644 static/plain.svg rename static/{theme1.png => professional.png} (100%) create mode 100644 static/professional.svg diff --git a/src/components/Course/components/Ceritficate/Design.svelte b/src/components/Course/components/Ceritficate/Design.svelte index 8d2cbfb8..286f566e 100644 --- a/src/components/Course/components/Ceritficate/Design.svelte +++ b/src/components/Course/components/Ceritficate/Design.svelte @@ -4,15 +4,17 @@ RadioButton, Toggle, } from 'carbon-components-svelte'; - import UploadImage from './Upload.svelte'; + import { goto } from '@sapper/app'; import PrimaryButton from '../../../PrimaryButton/index.svelte'; import TextArea from '../../../Form/TextArea.svelte'; - import { certificateInfo } from './store'; import Professional from './certificates/Professional.svelte'; import Plain from './certificates/Plain.svelte'; + import { course } from '../../store'; + import { currentOrg } from '../../../../utils/store/org'; - const professional = './theme1.png'; - const plain = './theme2.png'; + const professional = './professional.svg'; + const plain = './plain.svg'; + const student = 'Name of student'; const themes = [ { label: 'professional', src: professional }, @@ -20,6 +22,7 @@ ]; let Selectedtheme = themes[0]; + const saveCertificate = () => {}; const onToggle = (e) => { console.log(e); @@ -46,12 +49,21 @@

Brand Logo

- We recommend using a PNG file with transparency. Maximum size: 1200 x - 600px. + We recommend using a PNG file with transparency. Maximum size: 512px x + 512px.

- - - +
+

+ To update your brand image, go to Settings > Organisation settings and upload you brand logo +

+ goto(`org/${$currentOrg.siteName}/settings`)} + /> +

Course Description