i18n

Author: Oceania2018

.env

@@ -6,10 +6,11 @@ PUBLIC_HOME_IMAGE=images/megamenu-img.png
 PUBLIC_HOME_SLOGAN=A central workspace for building, testing and evaluating your AI Agents.
 PUBLIC_LOGO_URL=images/logo.png
 PUBLIC_LOGIN_IMAGE=images/profile-img.png
-PUBLIC_FAVICON_URL=icons/favicon.ico
+PUBLIC_FAVICON_URL=favicon.ico
 PUBLIC_BRAND_NAME=BotSharp
 PUBLIC_ADMIN_USERNAME=admin@gmail.com
 PUBLIC_ADMIN_PASSWORD=123456
 PUBLIC_COMPANY_NAME=SciSharp STACK
+PUBLIC_COMPANY_WEBSITE=https://scisharp.github.io/SciSharp/
 PUBLIC_PLUGIN_DEFAULT_ICON=https://avatars.githubusercontent.com/u/44989469?s=200&v=4
 PUBLIC_ALLOW_SIGNUP=false

src/lib/common/ProfileDropdown.svelte

@@ -2,6 +2,8 @@
 	import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from '@sveltestrap/sveltestrap';
 	import { goto } from '$app/navigation';
 	import { browser } from '$app/environment';
+	import { _ } from 'svelte-i18n';
+	
 	/**
 	 * @type {{ full_name: any; }}
 	 */
@@ -34,7 +36,7 @@
 		<DropdownItem href="#"
 			><span class="badge bg-success float-end">11</span><i
 				class="bx bx-wrench font-size-16 align-middle me-1"
-			/> <span key="t-settings">Settings</span>
+			/> <span key="t-settings">{$_('Settings')}</span>
 		</DropdownItem>
 		<DropdownItem divider />
 		<DropdownItem href="#" >

src/lib/helpers/i18n.js

@@ -1,6 +1,6 @@
 import { dictionary, locale, _} from 'svelte-i18n';
 
-const MESSAGE_FILE_URL_TEMPLATE = '/src/lang/{locale}.json';
+const MESSAGE_FILE_URL_TEMPLATE = '/src/lib/langs/{locale}.json';
 
 let cachedLocale;
 

src/lib/langs/zh.json

@@ -361,5 +361,8 @@
         }
       }
     }
-  }
+  },
+
+  "Plugins": "插件",
+  "Settings": "设置"
 }

src/routes/(home)/+page.svelte

@@ -6,6 +6,7 @@
     import { 
         PUBLIC_LOGO_URL, 
         PUBLIC_BRAND_NAME, 
+        PUBLIC_COMPANY_WEBSITE,
         PUBLIC_HOME_SLOGAN, 
         PUBLIC_HOME_IMAGE 
     } from '$env/static/public';
@@ -17,44 +18,43 @@
         showHomeImage = true;
         showHomeSlogan = true;
 	});    
-  </script>
+</script>
 
-  <HeadTitle title="{PUBLIC_BRAND_NAME} Workspace" />
-  
-  <div class="home-btn d-none d-sm-block">
-    <Link href="" class="text-dark">              
-        <img
-            src={PUBLIC_LOGO_URL}
-            alt="logo"
-            height="50"
-            class="auth-logo-dark mx-auto"
-        />
-    </Link>
-  </div>
-  
-  <div class="my-5 pt-sm-5">
-      <Container>
-          <Row>
-              <Col lg="12">
-                  <div class="text-center">
-                      <Row class="justify-content-center mt-5">
-                          <Col sm="8">
-                              {#if showHomeImage}
-                              <div class="maintenance-img" transition:fade={{ delay: 300, duration: 500 }}>
-                                <img src={PUBLIC_HOME_IMAGE} alt="" style="width: 25vw;" />
-                              </div>
-                              {/if}
-                          </Col>
-                      </Row>
-                      {#if showHomeSlogan}
-                      <h4 class="mt-5" transition:fade={{ delay: 500, duration: 500 }}>Let&#39;s <a href="login">get started</a> with {PUBLIC_BRAND_NAME}</h4>
-                      <p class="text-muted" transition:fade={{ delay: 800, duration: 500 }}>
-                      {PUBLIC_HOME_SLOGAN}
-                      </p>
-                      {/if}
-                  </div>
-              </Col>
-          </Row>
-      </Container>
-  </div>
+<HeadTitle title="{PUBLIC_BRAND_NAME} Workspace" />
+
+<Container>
+    <Row>
+        <Col class="mt-5 text-end">
+            <Link href={PUBLIC_COMPANY_WEBSITE} class="text-dark">              
+                <img
+                    src={PUBLIC_LOGO_URL}
+                    alt="logo"
+                    height="50"
+                    class="auth-logo-dark mx-auto"
+                />
+            </Link>                
+        </Col>
+    </Row>
+    <Row>
+        <Col lg="12">
+            <div class="text-center">
+                <Row class="justify-content-center mt-5">
+                    <Col sm="8">
+                        {#if showHomeImage}
+                        <div class="maintenance-img" transition:fade={{ delay: 300, duration: 500 }}>
+                        <img src={PUBLIC_HOME_IMAGE} alt="" style="width: 25vw;" />
+                        </div>
+                        {/if}
+                    </Col>
+                </Row>
+                {#if showHomeSlogan}
+                <h4 class="mt-5" transition:fade={{ delay: 500, duration: 500 }}>Let&#39;s <a href="login" class="btn btn-primary">get started</a> with {PUBLIC_BRAND_NAME}</h4>
+                <p class="text-muted" transition:fade={{ delay: 800, duration: 500 }}>
+                {PUBLIC_HOME_SLOGAN}
+                </p>
+                {/if}
+            </div>
+        </Col>
+    </Row>
+</Container>
 

src/routes/page/agent/router/routing-flow.svelte

@@ -169,5 +169,5 @@
     }
 </script>
 
-<div id="drawflow" style="height: 80vh; width: 100%">
+<div id="drawflow" style="height: 78vh; width: 100%">
 </div>