CLASSROOMIO-T-5: Educators Settings CRUD

Co-authored-by: Rotimi Best <rotimiibitoyeemma@gmail.com> Merge-request: CLASSROOMIO-MR-7 Merged-by: Digdippa Team <digdippa@gmail.com>
2023-05-02 23:55:26 +00:00
parent 01a1f0f907
commit 5f14b36ef8
27 changed files with 832 additions and 89 deletions
@@ -0,0 +1,98 @@
+<script>
+  import { goto } from '@sapper/app';
+  import { Grid, Row, Column } from 'carbon-components-svelte';
+  import TextField from '../../Form/TextField.svelte';
+  import ComingSoon from '../../ComingSoon/index.svelte';
+  import PrimaryButton from '../../PrimaryButton/index.svelte';
+  import { VARIANTS } from '../../PrimaryButton/constants';
+  import { currentOrg } from '../../../utils/store/org';
+  import { supabase } from '../../../utils/functions/supabase';
+  import { snackbarStore } from '../../Snackbar/store';
+  import { SNACKBAR_SEVERITY } from '../../Snackbar/constants';
+
+  let siteName;
+  let errors = '';
+  let isLoading = false;
+
+  async function handleChangeDomain() {
+    isLoading = true;
+
+    const { data: org, error } = await supabase
+      .from('organization')
+      .update(
+        { siteName },
+        {
+          returning: 'minimal', // Don't return the value after inserting
+        }
+      )
+      .match({ id: $currentOrg.id });
+
+    console.log('Updating organisation', org);
+    if (error) {
+      console.log('Error: create organisation', error);
+      errors = 'Sitename already exists.';
+    } else {
+      $snackbarStore.open = true;
+      $snackbarStore.message = 'Success';
+      $snackbarStore.severity = SNACKBAR_SEVERITY.SUCCESS;
+      $currentOrg.siteName = siteName;
+
+      goto(`/org/${$currentOrg.siteName}/settings/domains`);
+    }
+
+    isLoading = false;
+  }
+
+  function setSiteName(_siteName) {
+    if (!siteName) {
+      siteName = _siteName;
+    }
+  }
+
+  $: setSiteName($currentOrg.siteName);
+</script>
+
+<Grid class="border rounded border-gray-200 w-full mt-5">
+  <Row class="py-7 border border-t-0 border-l-0 border-r-0 border-gray-300">
+    <Column sm={2} md={2} lg={4} class="text-lg"><strong>Add</strong></Column>
+    <Column sm={2} md={6} lg={8}>
+      <p class="text-md text-gray-500 mb-5">
+        Add your team mates or collaborators to your organization. Start working
+        together
+      </p>
+
+      <div>
+        <!-- Org Site Name -->
+        <TextField
+          label="URL"
+          helperMessage={`https://${siteName || ''}.classroomio.com`}
+          bind:value={siteName}
+          type="text"
+          placeholder="e.g traversymedia"
+          className="mb-5 w-full"
+          labelClassName=""
+          errorMessage={errors}
+        />
+        <PrimaryButton
+          label="Change Domain"
+          className="mb-6 py-4"
+          variant={VARIANTS.CONTAINED}
+          onClick={handleChangeDomain}
+          isDisabled={isLoading}
+        />
+      </div>
+    </Column>
+  </Row>
+
+  <Row class="py-7 border border-t-0 border-l-0 border-r-0 border-gray-300">
+    <Column sm={2} md={2} lg={4} class="text-lg"
+      ><strong>Custom domain</strong></Column
+    >
+    <Column sm={2} md={6} lg={8}>
+      <div class="flex items-center">
+        <p class="mr-3">Add your own domain name</p>
+        <ComingSoon />
+      </div>
+    </Column>
+  </Row>
+</Grid>