Internationalization of Chinese and English

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "i18n-ally.localesPaths": [
+        "src/lib/langs"
+    ]
+}

src/lib/common/LanguageDropdown.svelte

@@ -29,9 +29,9 @@
 <Dropdown {isOpen} toggle={() => (isOpen = !isOpen)} class="d-inline-block">
 	<DropdownToggle class="btn header-item" tag="button" color="">
 		<img
-			src='images/flags/us.jpg'
-			alt="Samply"
-			height="16"
+		src={languages.find(lang => lang.value === selectedLang)?.flag || 'images/flags/us.jpg'}
+        alt="Language"
+        height="16"
 		/>
 	</DropdownToggle>
 	<DropdownMenu class="language-switch dropdown-menu-end">

src/lib/common/NotificationDropdown.svelte

@@ -3,6 +3,7 @@
 	import { Dropdown, DropdownToggle, DropdownMenu } from '@sveltestrap/sveltestrap';
 	import "overlayscrollbars/overlayscrollbars.css";
 	import { OverlayScrollbars } from "overlayscrollbars";
+	import { _ } from 'svelte-i18n'
 
 	import { onMount } from 'svelte';
 
@@ -33,10 +34,10 @@
 		<div class="p-3">
 			<div class="row align-items-center">
 				<div class="col">
-					<h6 class="m-0">Notifications</h6>
+					<h6 class="m-0">{$_('Notifications')}</h6>
 				</div>
 				<div class="col-auto">
-					<Link href="#!" class="small">View All</Link>
+					<Link href="#!" class="small">{$_('View All')}</Link>
 				</div>
 			</div>
 		</div>
@@ -49,11 +50,11 @@
 							</span>
 						</div>
 						<div class="flex-grow-1">
-							<h6 class="mb-1" >Your order is placed</h6>
+							<h6 class="mb-1" >{$_('Your order is placed')}</h6>
 							<div class="font-size-12 text-muted">
-								<p class="mb-1" >If several languages coalesce the grammar</p>
+								<p class="mb-1" >{$_('If several languages coalesce the grammar')}</p>
 								<p class="mb-0">
-									<i class="mdi mdi-clock-outline" /> <span >3 min ago</span>
+									<i class="mdi mdi-clock-outline" /> <span >3 {$_('min ago')}</span>
 								</p>
 							</div>
 						</div>

src/lib/common/ProfileDropdown.svelte

@@ -31,7 +31,7 @@
 		<!-- item-->
 		<DropdownItem href="page/user/me"
 			><i class="bx bx-user font-size-16 align-middle me-1" />
-			<span>Profile</span>
+			<span>{$_('Profile')}</span>
 		</DropdownItem>
 		<DropdownItem href="#"
 			><span class="badge bg-success float-end">11</span><i
@@ -41,7 +41,7 @@
 		<DropdownItem divider />
 		<DropdownItem href="#" on:click={logout}>
 			<div>
-				<i class="bx bx-power-off font-size-16 align-middle me-1 text-danger" /> <span>Logout</span>
+				<i class="bx bx-power-off font-size-16 align-middle me-1 text-danger" /> <span>{$_('Logout')}</span>
 			</div>
 		</DropdownItem>
 	</DropdownMenu>

src/lib/common/TablePagination.svelte

@@ -1,6 +1,7 @@
 <script>
     import { onMount } from 'svelte';
-	import Link from 'svelte-link';    
+	import Link from 'svelte-link';  
+    import { _ } from 'svelte-i18n'  
 
     /** @type {import('$lib/helpers/types').Pagination} */    
     export let pagination;
@@ -44,7 +45,7 @@
 
 <div class="row justify-content-between align-items-center">
     <div class="col-auto me-auto">
-        <p class="text-muted mb-0">Showing <b>{start}</b> to <b>{end}</b> of <b>{pagination.count}</b> entries</p>
+        <p class="text-muted mb-0">{$_('Showing')} <b>{start}</b> {$_('to')} <b>{end}</b> {$_('of')} <b>{pagination.count}</b> {$_('entries')}</p>
     </div>
     <div class="col-auto">
         <div class="card d-inline-block ms-auto mb-0">

src/lib/common/data/languages.js

@@ -5,7 +5,7 @@ const languages = [
     value: 'en'
   },
   {
-    label: "Chinese",
+    label: "中文",
     flag: 'images/flags/china.png',
     value: 'zh'
   },  

src/lib/langs/en.json

@@ -54,24 +54,20 @@
     "Project Overview": "Project Overview",
     "Create New": "Create New",
     "Tasks": "Tasks",
-    "Task List": "Task List",
     "Kanban Board": "Kanban Board",
     "Create Task": "Create Task",
     "Contacts": "Contacts",
     "User Grid": "User Grid",
     "User List": "User List",
     "Edit Details": "Edit Details",
-    "Profile": "Profile",
     "Blog List": "Blog List",
     "Blog Grid": "Blog Grid",
     "Blog Details": "Blog Details",
-    "Conversation List": "Conversation List",
     "Job Grid": "Job Grid",
     "Apply Job": "Apply Job",
     "Job Details": "Job Details",
     "Jobs Categories": "Jobs Categories",
     "Candidate": "Candidate",
-    "List": "List",
     "Overview": "Overview",
     "Pages": "Pages",
     "Authentication": "Authentication",
@@ -106,7 +102,6 @@
     "Carousel": "Carousel",
     "Dropdowns": "Dropdowns",
     "Grid": "Grid",
-    "Images": "Images",
     "Lightbox": "Lightbox",
     "Modals": "Modals",
     "Offcanvas": "Offcanvas",
@@ -116,12 +111,10 @@
     "Sweet-Alert": "Sweet-Alert",
     "Tabs & Accordions": "Tabs & Accordions",
     "Typography": "Typography",
-    "Video": "Video",
     "General": "General",
     "Colors": "Colors",
     "Utilities": "Utilities",
     "Rating": "Rating",
-    "Notifications": "Notifications",
     "Image Cropper": "Image Cropper",
     "Forms": "Forms",
     "Forms Elements": "Forms Elements",
@@ -169,14 +162,143 @@
     "UI Components": "UI Components",
     "Applications": "Applications",
     "View all": "View all",
-    "Your order is placed": "Your order is placed",
     "If several languages ​​coalesce the grammar": "If several languages ​​coalesce the grammar",
     "3 min ago": "3 min ago",
     "It will seem like simplified English": "It will seem like simplified English",
     "Your item is shipped": "Your item is shipped",
     "As a skeptical Cambridge friend of mine occidental": "As a skeptical Cambridge friend of mine occidental",
     "1 hours ago": "1 hours ago",
-    "View More": "View More",
+
+    "Agents":"Agents",
+    "Evaluator":"Evaluator",
+    "Router":"Router",
+    "Home":"Home",
+    "Dashboard":"Dashboard",
+    "Agent":"Agent",
+    "Knowledge Base":"Knowledge Base",
+    "Conversation":"Conversation",
+    "Task":"Task",
+    "MongoDB":"MongoDB",
+    "Plugins":"Plugins",
     "Settings": "Settings",
-    "Logout": "Logout"
+    "Search":"Search",
+    "Welcome Back !":"Welcome Back !",
+    "Admin":"Admin",
+    "Agent Manager":"Agent Manager",
+    "Conversations":"Conversations",
+    "Token Cost":"Token Cost",
+    "View Profile":"View Profile",
+    "Monthly Cost":"Monthly Cost",
+    "This month":"This month",
+    "View More": "View More",
+    "Total Cost":"Total Cost",
+    "Average Cost":"Average Cost",
+    "Week":"Week",
+    "Month":"Month",
+    "Year":"Year",
+    "Token Spent":"Token Spent",
+    "Channel Stats":"Channel Stats",
+    "Learn more":"Learn more",
+    "sales":"sales",
+    "Activity":"Activity",
+    "Read more":"Read more",
+    "Top Client Usage":"Top Client Usage",
+    "Logout": "Logout",
+    "Profile": "Profile",
+    "Notifications": "Notifications",
+    "View All":"View All",
+    "Your order is placed": "Your order is placed",
+    "min ago":"min ago",
+    "List": "List",
+    "Communication":"Communication",
+    "Conversation List": "Conversation List",
+    "Task List": "Task List",
+    "Knowledge Manager":"Knowledge Manager",
+    "Migrate agents from file repository to MongoDB":"Migrate agents from file repository to MongoDB",
+    "Setting":"Setting",
+    "Start Migration":"Start Migration",
+    "Plugin":"Plugin",
+    "My Profile":"My Profile",
+    "Detail":"Detail",
+    "System & Plugin Settings":"System & Plugin Settings",
+    "Disabled":"Disabled",
+    "Enabled":"Enabled",
+    "Public":"Public",
+    "Private":"Private",
+    "Build":"Build",
+    "Train":"Train",
+    "Test":"Test",
+    "My Files":"My Files",
+    "Upload":"Upload",
+    "Recent Files":"Recent Files",
+    "Storage":"Storage",
+    "0 GB (0%) of 1 GB used":"0 GB (0%) of 1 GB used",
+    "Provided by BotSharp":"Provided by BotSharp",
+    "Provided by Pizza AI Assistant":"Provided by Pizza AI Assistant",
+    "Upgrade Features":"Upgrade Features",
+    "Upgrade":"Upgrade",
+    "Files":"Files",
+    "Design":"Design",
+    "Google Drive":"Google Drive",
+    "Starred":"Starred",
+    "Trash":"Trash",
+    "Dropbox":"Dropbox",
+    "Open":"Open",
+    "Edit":"Edit" , 
+    "Rename":"Rename",
+    "Remove":"Remove",
+    "Share Files":"Share Files",
+    "Share with me":"Share with me",
+    "Other Actions":"Other Actions",
+    "Name":"Name",
+    "Date modified":"Date modified",
+    "Size":"Size",
+    "Images": "Images",
+    "Video": "Video",
+    "Music":"Music",
+    "Document":"Document",
+    "Others":"Others",
+    "Another action":"Another action",
+    "Something else here":"Something else here",
+    "Search for ...":"Search for ...",
+    "Status":"Status",
+    "Completed":"Completed",
+    "Select Channel":"Select Channel",
+    "Live Chat":"Live Chat",
+    "Phone":"Phone",
+    "Email":"Email",
+    "Filter":"Filter",
+    "Title":"Title",
+    "User Name":"User Name",
+    "Channel":"Channel",
+    "Posted Date":"Posted Date",
+    "Last Date":"Last Date",
+    "Action":"Action",
+    "Active":"Active",
+    "Description":"Description",
+    "Details":"Details",
+    "Updated Date":"Updated Date",
+    "Showing":"Showing",
+    "of":"of",
+    "to":"to",
+    "entries":"entries",
+    "View":"View",
+    "Install":"Install",
+    "Dialogs":"Dialogs",
+    "Agent Overview":"Agent Overview",
+    "Save Agent":"Save Agent",
+    "Conversation Detail":"Conversation Detail",
+    "closed":"closed",
+    "webchat":"webchat",
+    "User":"User",
+    "Location":"Location",
+    "Delete Conversation":" Delete Conversation",
+    "Design & Developed by open source community":"Design & Developed by open source community",
+    "Personal Information":"Personal Information",
+    "First Name":"First Name",
+    "Last Name":"Last Name",
+    "Account Origin":"Account Origin",
+    "Update Date":"Update Date",
+    "Create Date":"Create Date",
+    "Active now":"Active now"
 }