@bexis2/bexis2-core-ui 0.3.8 → 0.3.9

package/README.md

@@ -1,5 +1,9 @@
 # bexis-core-ui
 
+## 0.3.9
+
+- add application name into the breadcrumb component
+
 ## 0.3.8
 
 - change home within breadcrumb from "app"-based home to "/" in general

package/dist/components/page/breadcrumb/Breadcrumb.svelte

@@ -1,5 +1,7 @@
 <script>import { breadcrumbStore } from "../../../stores/pageStores";
 import { browser } from "$app/environment";
+import { onMount } from "svelte";
+import { getApplicationName } from "./BreadcrumbDataCaller";
 export let title;
 $:
   update(title);
@@ -15,12 +17,16 @@ $:
   breadcrumbStore.subscribe((value) => {
     list = value?.items;
   });
+let applicationName = "BEXIS2";
+onMount(async () => {
+  applicationName = await getApplicationName();
+});
 </script>
 
 <div class="px-5 py-2">
 	<ol class="breadcrumb -p50">
 		<!--default home-->
-		<li class="crumb"><a class="anchor" href={'/'}>Home</a></li>
+		<li class="crumb"><a class="anchor" href={'/'}>{applicationName} (Home)</a></li>
 		<li class="crumb-separator" aria-hidden>&rsaquo;</li>
 
 		{#each list as crumb, i}

package/dist/components/page/breadcrumb/BreadcrumbDataCaller.d.ts

@@ -0,0 +1 @@
+export function getApplicationName(): Promise<any>;

package/dist/components/page/breadcrumb/BreadcrumbDataCaller.js

@@ -0,0 +1,19 @@
+import { Api } from '../../../services/Api';
+
+export const getApplicationName = async () => {
+    try
+    {
+        const response = await Api.get(`/Home/GetApplicationName`);
+
+        if(response.status == 200)
+        {
+            return response.data;
+        }
+        else
+        {
+            return "BEXIS2";
+        }
+    } catch (error) {
+        return "BEXIS2"
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "private": false,
   "scripts": {
     "dev": "vite dev",

package/src/lib/components/page/breadcrumb/Breadcrumb.svelte

@@ -2,6 +2,8 @@
 	import { breadcrumbStore } from '$store/pageStores';
 	import type { breadcrumbItemType } from '$models/Page';
 	import { browser } from '$app/environment';
+	import { onMount } from 'svelte';
+	import {getApplicationName} from './BreadcrumbDataCaller';
 
 	export let title;
 
@@ -19,12 +21,19 @@
 	$: breadcrumbStore.subscribe((value) => {
 		list = value?.items;
 	});
+
+	let applicationName = "BEXIS2";
+
+	onMount(async () => {
+		applicationName = await getApplicationName();
+	});
+
 </script>
 
 <div class="px-5 py-2">
 	<ol class="breadcrumb -p50">
 		<!--default home-->
-		<li class="crumb"><a class="anchor" href={'/'}>Home</a></li>
+		<li class="crumb"><a class="anchor" href={'/'}>{applicationName} (Home)</a></li>
 		<li class="crumb-separator" aria-hidden>&rsaquo;</li>
 
 		{#each list as crumb, i}

package/src/lib/components/page/breadcrumb/BreadcrumbDataCaller.js

@@ -0,0 +1,19 @@
+import { Api } from '$lib/services/Api';
+
+export const getApplicationName = async () => {
+    try
+    {
+        const response = await Api.get(`/Home/GetApplicationName`);
+
+        if(response.status == 200)
+        {
+            return response.data;
+        }
+        else
+        {
+            return "BEXIS2";
+        }
+    } catch (error) {
+        return "BEXIS2"
+    }
+}