@bexis2/bexis2-core-ui 0.4.62 → 0.4.64

package/README.md

@@ -1,4 +1,12 @@
 # bexis-core-ui
+## 0.4.64
+- Page
+  - if application name position
+
+## 0.4.63
+- Page
+  - check if hidden field exist
+
 ## 0.4.62
 - Page
   - change call order

package/dist/components/page/Page.svelte

@@ -18,6 +18,7 @@ import { getAntiForgeryToken } from "./PageCaller";
 import { get } from "svelte/store";
 import { getApplicationName } from "./breadcrumb/BreadcrumbDataCaller";
 export let title = "";
+let applicationName = "";
 export let note = "";
 export let links = [];
 export let menu = true;
@@ -40,11 +41,15 @@ onMount(async () => {
   var token = get(csrfTokenStore);
   console.log("\u{1F680} ~ token:", token);
   if (!token || token.length === 0) {
-    const data = await getAntiForgeryToken();
-    csrfTokenStore.set(data.csrfToken);
-    var x = get(csrfTokenStore);
-    console.log("\u{1F680} ~ x:", x);
-    title = await getApplicationName();
+    const tokenContainer = document.getElementsByName("__RequestVerificationToken")[0];
+    if (tokenContainer) {
+      const csrfToken = tokenContainer?.value;
+      csrfTokenStore.set(csrfToken);
+    } else {
+      const data = await getAntiForgeryToken();
+      csrfTokenStore.set(data.csrfToken);
+    }
+    applicationName = await getApplicationName();
   }
 });
 csrfTokenStore.subscribe((value) => {
@@ -70,7 +75,7 @@ function scrollToTop() {
 				{/if}
 
 				<div class="grid grid-cols-2">
-					<Breadcrumb bind:title />
+					<Breadcrumb bind:title bind:applicationName />
 					<Docs {links} {note} />
 				</div>
 			</svelte:fragment>

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

@@ -1,9 +1,9 @@
 <script>import { breadcrumbStore } from "../../../stores/pageStores";
 import { browser } from "$app/environment";
-import { onMount } from "svelte";
-import { getApplicationName } from "./BreadcrumbDataCaller";
 export let title;
 $: update(title);
+export let applicationName;
+$: applicationName = "";
 function update(t) {
   if (browser) {
     breadcrumbStore.updateItem({ label: t, link: window.location.pathname });
@@ -14,13 +14,11 @@ $: list;
 $: breadcrumbStore.subscribe((value) => {
   list = value?.items;
 });
-let applicationName = "BEXIS2";
-onMount(async () => {
-  applicationName = title;
-});
 </script>
 
+
 <div class="px-5 py-2">
+
 	<ol class="breadcrumb -p50">
 		<!--default home-->
 		<li class="crumb"><a class="anchor" href={'/'}>{applicationName}</a></li>
@@ -36,4 +34,7 @@ onMount(async () => {
 			{/if}
 		{/each}
 	</ol>
+
 </div>
+
+

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

@@ -2,6 +2,7 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         title: any;
+        applicationName: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

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

package/src/lib/components/page/Page.svelte

@@ -34,6 +34,7 @@ import type { helpItemType, helpStoreType } from '$models/Models';
 
 
 	export let title = '';
+	let applicationName = '';
 	export let note = '';
 	export let links: linkType[] = [];
 
@@ -65,20 +66,23 @@ import type { helpItemType, helpStoreType } from '$models/Models';
 	
 		if(!token || token.length===0){
 
+  // check if csrf token exist as hidden field
+		const tokenContainer = document.getElementsByName('__RequestVerificationToken')[0]
+		if(tokenContainer)
+		{
+			const csrfToken = tokenContainer?.value;
+			csrfTokenStore.set(csrfToken);
+		}
+  else
+		{
 			const data = await getAntiForgeryToken();
 			csrfTokenStore.set(data.csrfToken);
-			var x = get(csrfTokenStore);
-			console.log("🚀 ~ x:", x)
-
-			title = await getApplicationName();
-			
-			// get data from parent
-		// const container = document.getElementsByName('__RequestVerificationToken')[0];
-		// console.log("🚀 ~ container:", container)
-		// let csrfToken = container?.getAttribute('value');
-		// if(csrfToken) csrfTokenStore.set(csrfToken);
-
-		//console.log("🚀 ~ csrfToken:", csrfToken)
+
+		}
+
+		applicationName = await getApplicationName();
+		//alert(title);
+
 		}
 	});
 
@@ -109,7 +113,7 @@ import type { helpItemType, helpStoreType } from '$models/Models';
 				{/if}
 
 				<div class="grid grid-cols-2">
-					<Breadcrumb bind:title />
+					<Breadcrumb bind:title bind:applicationName />
 					<Docs {links} {note} />
 				</div>
 			</svelte:fragment>

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

@@ -2,13 +2,16 @@
 	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;
 
 	$: update(title);
 
+	export let applicationName:	string;
+	$:	applicationName = "";
+
+
 	function update(t) {
 		if (browser) {
 			breadcrumbStore.updateItem({ label: t, link: window.location.pathname });
@@ -22,15 +25,12 @@
 		list = value?.items;
 	});
 
-	let applicationName = "BEXIS2";
-
-	onMount(async () => {
-		applicationName = title;
-	});
 
 </script>
 
+
 <div class="px-5 py-2">
+
 	<ol class="breadcrumb -p50">
 		<!--default home-->
 		<li class="crumb"><a class="anchor" href={'/'}>{applicationName}</a></li>
@@ -46,4 +46,7 @@
 			{/if}
 		{/each}
 	</ol>
+
 </div>
+
+