@bexis2/bexis2-core-ui 0.4.9 → 0.4.11

package/src/lib/components/page/menu/MenuItem.svelte

@@ -6,9 +6,9 @@
 
 	//types
 	import type { PopupSettings } from '@skeletonlabs/skeleton';
-	import type { menuItemType } from '$models/Page';
+	import type { menuItemType } from '../../../models/Page';
 
-	import { goTo } from '$services/BaseCaller';
+	import { goTo } from '../../../services/BaseCaller';
 
 	export let menubarItem: menuItemType;
 	export let comboboxValue;
@@ -40,7 +40,8 @@
 			>
 			<svelte:fragment slot="content"
 				><MenuSublist {id} items={menubarItem.Items} /></svelte:fragment
-			></AccordionItem
+			>
+			</AccordionItem
 		>
 	</div>
 	<div class="hidden sm:block place-self-center" use:popup={popupCombobox}>

package/src/lib/components/page/menu/MenuSublist.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { ListBox, ListBoxItem } from '@skeletonlabs/skeleton';
-	import type { menuItemType } from '$models/Page';
-	import { goTo } from '$services/BaseCaller';
+	import type { menuItemType } from '../../../models/Page';
+	import { goTo } from '../../../services/BaseCaller';
 
 	export let items: menuItemType[];
 
@@ -22,19 +22,64 @@
 			return true;
 		}
 	}
+
+	function clickFn(item)
+	{
+		if(item.Title =="Logoff")
+		{
+					logOffFn();
+			return;
+		}
+		else{
+				goTo(item.Url)
+		}
+	}
+
+	
+	async function logOffFn() {
+
+		 console.log('logoff');
+				// Prepare the body content for the POST request
+			
+
+			let bodyContent = '__RequestVerificationToken='+ window.antiForgeryToken;
+
+				try {
+									const response = await fetch('/Account/logoff', {
+													method: 'POST',
+													credentials: 'include', // Include cookies for authentication
+													headers: {
+																	'Content-Type': 'application/x-www-form-urlencoded'
+													},
+													body:bodyContent
+									});
+									if (response.ok) {
+													// Redirect to login page after logout
+													window.location.href = '/Account/Login'; 
+									} else {
+													console.error('Logout failed');
+									}
+					} catch (error) {
+									console.error('Error during logout:', error);
+					}
+			}
+
+
 </script>
 
 <ListBox class="sm:bg-white sm:border overflow-y-auto max-h-[500px]">
 	{#each items as item}
 		{#if isNewModule(item.Module)}<hr class="text-surface-800" />{/if}
+
 		<ListBoxItem
 			class="text-md sm:text-sm text-surface-800 py-1 hover:text-secondary-500 bg-transparent hover:bg-surface-200"
 			bind:group={item.Title}
 			name="medium"
 			value={item.Title}
-			on:click={() => goTo(item.Url)}
+			on:click={() => clickFn(item)}
 		>
 			{item.Title}
 		</ListBoxItem>
+
 	{/each}
 </ListBox>

package/src/lib/models/Models.ts

@@ -104,6 +104,14 @@ export interface Columns {
 	[key: string]: Column;
 }
 
+// Server config type for the table 
+export type ServerConfig = {
+	baseUrl?: string; // Base URL for server-side table
+	sendModel: Send; // Send model for server-side table
+	entityId?: number; // Entity ID for server-side table
+	versionId?: number; // Version ID for server-side table
+};
+
 // Table config type
 export interface TableConfig<T> {
 	id: string;
@@ -120,12 +128,7 @@ export interface TableConfig<T> {
 	defaultPageSize?: number; // 10 by default
 	optionsComponent?: typeof SvelteComponent;
 
-	serverSide?: boolean; // false by default
-	URL?: string; // Base URL for server-side table
-	token?: string; // Authorization token for server-side table
-	sendModel?: Send; // Send model for server-side table
-	entityId?: number; // Entity ID for server-side table
-	versionId?: number; // Version ID for server-side table
+	server?: ServerConfig;
 }
 
 // lists
@@ -188,6 +191,15 @@ export type Filter = {
 	value: string | number | Date | boolean;
 };
 
+export type FacetOption = {
+	value: string;
+	count?: number;
+};
+
+export type FacetGroup = {
+	[key: string]: FacetOption[];
+};
+
 export class Send {
 	id: number;
 	limit: number;
@@ -222,7 +234,6 @@ export class Receive {
 	}
 }
 
-
 export class errorType {
 	statusText: string;
 	status: number;