feat: support canva presentation in a lesson (#237)

2024-04-02 15:32:55 +01:00
parent c14f73a47c
commit 7f00a05adf
2 changed files with 23 additions and 3 deletions
@@ -1,11 +1,30 @@
-<script>
+<script lang="ts">
  import { lesson } from '../../store/lessons';
+
+  let url = '';
+
+  function canvaHandler(_url): string {
+    if (_url.includes('?embed')) return _url;
+
+    return `${_url}?embed`;
+  }
+
+  function getUrl(_url): string {
+    console.log({ _url });
+    if (_url.includes('www.canva.com')) {
+      return canvaHandler(_url);
+    }
+
+    return _url;
+  }
+
+  $: url = getUrl($lesson.materials.slide_url);
 </script>

-{#if $lesson.materials.slide_url}
+{#if url}
  <iframe
    title="Embeded Slides"
-    src={$lesson.materials.slide_url}
+    src={url}
    frameborder="0"
    width="100%"
    height="569"
@@ -309,6 +309,7 @@
            label="Slide link"
            bind:value={$lesson.materials.slide_url}
            onInputChange={handleInputChange}
+            helperMessage="You can embed Google Slides or Canva Presentation"
          />
        {/if}
      </TabContent>