Merge pull request #448 from iceljc/main

add full screen for embedding page

Author: iceljc

src/lib/common/embedding/EmbeddingPage.svelte

@@ -13,6 +13,39 @@
     /** @type {string} */
     let curSlug = $state('');
 
+    /** @type {boolean} */
+    let fullScreen = $state(false);
+
+    $effect(() => {
+        const footer = document.querySelector('.footer');
+        const pageContent = document.querySelector('.page-content');
+
+        if (fullScreen) {
+            if (footer instanceof HTMLElement) {
+                footer.style.display = 'none';
+            }
+            if (pageContent instanceof HTMLElement) {
+                pageContent.style.paddingBottom = '0';
+            }
+        } else {
+            if (footer instanceof HTMLElement) {
+                footer.style.display = '';
+            }
+            if (pageContent instanceof HTMLElement) {
+                pageContent.style.paddingBottom = '';
+            }
+        }
+
+        return () => {
+            if (footer instanceof HTMLElement) {
+                footer.style.display = '';
+            }
+            if (pageContent instanceof HTMLElement) {
+                pageContent.style.paddingBottom = '';
+            }
+        };
+    });
+
     // @ts-ignore
     let slug = $derived($page.params[slugName]);
 
@@ -34,6 +67,7 @@
                 found = subFound?.subMenu?.find(x => getCleanPath(x.link) === url);
                 label = found?.label || '';
             }
+            fullScreen = found?.embeddingInfo?.fullScreen || false;
             embed(found?.embeddingInfo || null);
         });
 

src/lib/helpers/types/pluginTypes.js

@@ -30,6 +30,7 @@
  * @property {string?} [htmlTag]
  * @property {string?} [htmlStyle]
  * @property {string?} [appendTokenName]
+ * @property {boolean} fullScreen
  */
 
 /**

src/routes/page/agent/[embed]/[embedType]/+page.svelte

@@ -9,12 +9,6 @@
     let label = $state('');
 </script>
 
-<svelte:head>
-    <style>
-        .footer { display: none !important; }
-    </style>
-</svelte:head>
-
 <HeadTitle title={$_(label || 'Agent')} addOn={`${capitalize(page.params.embed || '')}`} />
 
 <EmbeddingPage

src/routes/page/knowledge-base/[embed]/[embedType]/+page.svelte

@@ -1,16 +1,16 @@
 <script>
     import { _ } from 'svelte-i18n';
-    import { page } from '$app/stores';
+    import { page } from '$app/state';
     import lodash from 'lodash';
 	import HeadTitle from "$lib/common/shared/HeadTitle.svelte";
 	import Breadcrumb from '$lib/common/shared/Breadcrumb.svelte';
 	import EmbeddingPage from '$lib/common/embedding/EmbeddingPage.svelte';
 
-    /** @type {string?} */
+    /** @type {string | undefined} */
     let label = '';
 </script>
 
-<HeadTitle title="{$_(label || 'Knowledge Base')}" addOn={`${lodash.capitalize($page.params.embed || '')}`} />
+<HeadTitle title="{$_(label || 'Knowledge Base')}" addOn={`${lodash.capitalize(page.params.embed || '')}`} />
 <Breadcrumb title="{$_('Knwoledge Base')}" pagetitle="{$_(label || 'Knwoledge Base')}" />
 
 <EmbeddingPage