namirasoft-account-react 1.3.77 → 1.3.78

package/src/layouts/NSALayout.tsx

@@ -1,194 +1,194 @@
-import { IBaseComponentProps, INSBarActionProps, INSBarHeroBannerProps, INSBarNotificationProps, INSBarTitleProps, NSButtonRed, NSModal } from 'namirasoft-site-react';
-import { NSLayout } from 'namirasoft-site-react';
-import { NSASectionList, NSASectionListProps } from './NSASectionList';
-import { NSASectionEdit, NSASectionEditProps, onApply as NSASectionEdit_onApply } from './NSASectionEdit';
-import { NSASectionView, NSASectionViewProps } from './NSASectionView';
-import { IHeaderProps } from 'namirasoft-site-react';
-import { ReactNode, useRef, useState } from 'react';
-import { Actions } from './Actions';
-import { INSARouterProps } from '../INSARouterProps';
-import { useParams } from 'react-router-dom';
-import { NamingConvention } from 'namirasoft-core';
-import { IEntityInfo } from '../IEntityInfo';
-import { NSAMessageDialog } from '../main';
-
-export interface NSALayoutProps<EntityType extends { id: string }, EntityTypeInput = EntityType> extends IBaseComponentProps, INSARouterProps
-{
-	scope: string;
-	logo: string;
-	background?: string;
-	header?: IHeaderProps;
-	notifications: INSBarNotificationProps[];
-	action?: INSBarActionProps;
-	banner?: INSBarHeroBannerProps;
-	title?: INSBarTitleProps;
-	pages?: {
-		entity: IEntityInfo<EntityType, EntityTypeInput>;
-		ui?: {
-			action?: {
-				menus: {
-					view?: boolean,
-					viewHistory?: boolean,
-					copy?: boolean,
-					edit?: boolean,
-					delete?: boolean,
-					apply?: boolean,
-				}
-			}
-		}
-		list?: NSASectionListProps;
-		edit?: NSASectionEditProps<EntityType, EntityTypeInput>;
-		view?: NSASectionViewProps;
-	}
-	children: ReactNode;
-}
-
-export interface NSALayoutState
-{
-	showDeleteModal: boolean;
-}
-
-export function NSALayout<EntityType extends { id: string }, EntityTypeInput = EntityType>(props: NSALayoutProps<EntityType, EntityTypeInput>)
-{
-	const Section_List = useRef<NSASectionList<EntityType, EntityTypeInput>>(null);
-	const Message_Dialog = useRef<NSAMessageDialog>(null);
-
-	const [state, setState] = useState<NSALayoutState>({ showDeleteModal: false });
-	const hideDeleteModal = () => { setState(prevState => ({ ...prevState, showDeleteModal: false })); };
-	const showDeleteModal = () => { setState(prevState => ({ ...prevState, showDeleteModal: true })); };
-
-	let icons = [
-		{
-			src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "Logout", onClicked: () =>
-			{
-				props.account.server.session.Logout().then(() =>
-				{
-					props.notifier.onSuccess("You have successfully logged out");
-					props.url.redirect("https://account.namirasoft.com/login", {});
-				}).catch(() => { });
-			},
-		},
-		{
-			src: "https://static.namirasoft.com/image/concept/message/white.svg", alt: "Message", onClicked: () =>
-			{
-				Message_Dialog.current?.show();
-			},
-			children: <NSAMessageDialog ref={Message_Dialog} />,
-			count: 1
-		},
-		{ src: "https://static.namirasoft.com/image/namirasoft/access/logo/base.png", alt: "Access", onClicked: () => { }, },
-	];
-	let name = "";
-	if (props.pages)
-		name = NamingConvention.Pascal_Case.convert(props.pages.entity.name, NamingConvention.Pascal_Case_Space);
-
-	let user_name = props.account.token_manager.getUserData(user => [user.first_name, user.last_name].filter(n => n).join(" "), "");
-
-	let action: INSBarActionProps | undefined = props.action;
-	if (!action)
-		action = { title: "", description: "", menus: {} };
-
-	let name_apply = "Apply";
-	let name_actions = "Actions";
-	action.menus[name_apply] = [];
-	action.menus[name_actions] = [];
-
-	let getIDs: (() => string[]) | null = null;
-
-	if (props.pages?.list)
-		getIDs = () => { return Section_List.current?.getSelectedIDs() ?? []; };
-
-	if (props.pages?.edit)
-	{
-		let { id } = useParams();
-		getIDs = () => [id].filter(id => id) as string[];
-
-		if (!action.title)
-			action.title = (props.pages.edit.isEdit ? "Edit" : "New") + " " + name;
-
-		// Menu
-		if (props.pages.edit.ui.action?.menus.apply ?? true)
-			action.menus[name_apply].push(Actions.apply(() =>
-			{
-				if (props.pages?.edit)
-					NSASectionEdit_onApply(props.pages?.edit, props.pages.entity, id);
-			}));
-	}
-	else if (props.pages)
-		action.menus[name_apply].push(Actions.new(props, props.pages.entity));
-
-	if (props.pages?.view)
-	{
-		getIDs = () => [].filter(id => id) as string[];
-	}
-
-	if (getIDs)
-		if (props.pages)
-		{
-			if (props.pages.ui?.action?.menus.view ?? true)
-				action.menus[name_actions].push(Actions.view(props, props.pages.entity, getIDs));
-			if (props.pages.ui?.action?.menus.viewHistory ?? true)
-				action.menus[name_actions].push(Actions.viewHistory(getIDs));
-			if (props.pages.ui?.action?.menus.copy ?? true)
-				action.menus[name_actions].push(Actions.copy(props, props.pages.entity, getIDs));
-			if (props.pages.ui?.action?.menus.edit ?? true)
-				action.menus[name_actions].push(Actions.edit(props, props.pages.entity, getIDs));
-			if (props.pages.ui?.action?.menus.delete ?? true)
-				action.menus[name_actions].push(Actions.delete(getIDs, showDeleteModal));
-		}
-
-	let content;
-	if (props.pages?.list)
-		content = <NSASectionList<EntityType, EntityTypeInput> ref={Section_List} {...props.pages.list} entity={props.pages.entity} />
-	else if (props.pages?.edit)
-		content = <NSASectionEdit<EntityType, EntityTypeInput> {...props.pages.edit} entity={props.pages.entity}>{props.children}</NSASectionEdit>;
-	else if (props.pages?.view)
-		content = <NSASectionView {...props.pages.view} entity={props.pages.entity} />;
-	else
-		content = props.children;
-
-	return (
-		<NSLayout
-			{...props}
-			header={{
-				title: (user_name + " " + (props.header?.title ?? "")).trim(),
-				icons: [...icons, ...(props.header?.icons ?? [])]
-			}}
-			action={{
-				title: action?.title ?? "",
-				description: action?.description,
-				menus: action.menus
-			}}
-		>
-			<div className="container-fluid">
-				<NSModal title={`Are you sure you want to delete ${name}?`} description={""} show={state.showDeleteModal}
-					onClose={hideDeleteModal} children={<NSButtonRed title="Yes" onClick={async () =>
-					{
-						try
-						{
-							if (props.pages)
-								if (getIDs)
-								{
-									let ids = getIDs();
-									if (ids.length == 0)
-										throw new Error("Nothing was found to delete.");
-									if (ids.length == 1)
-									{
-										await props.pages.entity.server.delete(ids[0]);
-										props.notifier.onSuccess(`${name} was deleted successfully.`);
-									}
-									else
-										// todo support multiple ids deletion
-										throw new Error("Multiple deletion is not supported yet.");
-								}
-
-						} catch (error: any)
-						{
-							props.notifier.onError(error);
-						}
-					}} />} />
-				{content}
-			</div>
-		</NSLayout>
-	);
+import { IBaseComponentProps, INSBarActionProps, INSBarHeroBannerProps, INSBarNotificationProps, INSBarTitleProps, NSButtonRed, NSModal } from 'namirasoft-site-react';
+import { NSLayout } from 'namirasoft-site-react';
+import { NSASectionList, NSASectionListProps } from './NSASectionList';
+import { NSASectionEdit, NSASectionEditProps, onApply as NSASectionEdit_onApply } from './NSASectionEdit';
+import { NSASectionView, NSASectionViewProps } from './NSASectionView';
+import { IHeaderProps } from 'namirasoft-site-react';
+import { ReactNode, useRef, useState } from 'react';
+import { Actions } from './Actions';
+import { INSARouterProps } from '../INSARouterProps';
+import { useParams } from 'react-router-dom';
+import { NamingConvention } from 'namirasoft-core';
+import { IEntityInfo } from '../IEntityInfo';
+import { NSAMessageDialog } from '../main';
+
+export interface NSALayoutProps<EntityType extends { id: string }, EntityTypeInput = EntityType> extends IBaseComponentProps, INSARouterProps
+{
+	scope: string;
+	logo: string;
+	background?: string;
+	header?: IHeaderProps;
+	notifications: INSBarNotificationProps[];
+	action?: INSBarActionProps;
+	banner?: INSBarHeroBannerProps;
+	title?: INSBarTitleProps;
+	pages?: {
+		entity: IEntityInfo<EntityType, EntityTypeInput>;
+		ui?: {
+			action?: {
+				menus: {
+					view?: boolean,
+					viewHistory?: boolean,
+					copy?: boolean,
+					edit?: boolean,
+					delete?: boolean,
+					apply?: boolean,
+				}
+			}
+		}
+		list?: NSASectionListProps;
+		edit?: NSASectionEditProps<EntityType, EntityTypeInput>;
+		view?: NSASectionViewProps;
+	}
+	children: ReactNode;
+}
+
+export interface NSALayoutState
+{
+	showDeleteModal: boolean;
+}
+
+export function NSALayout<EntityType extends { id: string }, EntityTypeInput = EntityType>(props: NSALayoutProps<EntityType, EntityTypeInput>)
+{
+	const Section_List = useRef<NSASectionList<EntityType, EntityTypeInput>>(null);
+	const Message_Dialog = useRef<NSAMessageDialog>(null);
+
+	const [state, setState] = useState<NSALayoutState>({ showDeleteModal: false });
+	const hideDeleteModal = () => { setState(prevState => ({ ...prevState, showDeleteModal: false })); };
+	const showDeleteModal = () => { setState(prevState => ({ ...prevState, showDeleteModal: true })); };
+
+	let icons = [
+		{
+			src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "Logout", onClicked: () =>
+			{
+				props.account.server.session.Logout().then(() =>
+				{
+					props.notifier.onSuccess("You have successfully logged out");
+					props.url.redirect("https://account.namirasoft.com/login", {});
+				}).catch(() => { });
+			},
+		},
+		{
+			src: "https://static.namirasoft.com/image/concept/message/white.svg", alt: "Message", onClicked: () =>
+			{
+				Message_Dialog.current?.show();
+			},
+			children: <NSAMessageDialog ref={Message_Dialog} />,
+			count: 1
+		},
+		{ src: "https://static.namirasoft.com/image/namirasoft/access/logo/base.png", alt: "Access", onClicked: () => { }, },
+	];
+	let name = "";
+	if (props.pages)
+		name = NamingConvention.Pascal_Case.convert(props.pages.entity.name, NamingConvention.Pascal_Case_Space);
+
+	let user_name = props.account.token_manager.getUserData(user => [user.first_name, user.last_name].filter(n => n).join(" "), "");
+
+	let action: INSBarActionProps | undefined = props.action;
+	if (!action)
+		action = { title: "", description: "", menus: {} };
+
+	let name_apply = "Apply";
+	let name_actions = "Actions";
+	action.menus[name_apply] = [];
+	action.menus[name_actions] = [];
+
+	let getIDs: (() => string[]) | null = null;
+
+	if (props.pages?.list)
+		getIDs = () => { return Section_List.current?.getSelectedIDs() ?? []; };
+
+	if (props.pages?.edit)
+	{
+		let { id } = useParams();
+		getIDs = () => [id].filter(id => id) as string[];
+
+		if (!action.title)
+			action.title = (props.pages.edit.isEdit ? "Edit" : "New") + " " + name;
+
+		// Menu
+		if (props.pages.edit.ui.action?.menus.apply ?? true)
+			action.menus[name_apply].push(Actions.apply(() =>
+			{
+				if (props.pages?.edit)
+					NSASectionEdit_onApply(props.pages?.edit, props.pages.entity, id);
+			}));
+	}
+	else if (props.pages)
+		action.menus[name_apply].push(Actions.new(props, props.pages.entity));
+
+	if (props.pages?.view)
+	{
+		getIDs = () => [].filter(id => id) as string[];
+	}
+
+	if (getIDs)
+		if (props.pages)
+		{
+			if (props.pages.ui?.action?.menus.view ?? true)
+				action.menus[name_actions].push(Actions.view(props, props.pages.entity, getIDs));
+			if (props.pages.ui?.action?.menus.viewHistory ?? true)
+				action.menus[name_actions].push(Actions.viewHistory(getIDs));
+			if (props.pages.ui?.action?.menus.copy ?? true)
+				action.menus[name_actions].push(Actions.copy(props, props.pages.entity, getIDs));
+			if (props.pages.ui?.action?.menus.edit ?? true)
+				action.menus[name_actions].push(Actions.edit(props, props.pages.entity, getIDs));
+			if (props.pages.ui?.action?.menus.delete ?? true)
+				action.menus[name_actions].push(Actions.delete(getIDs, showDeleteModal));
+		}
+
+	let content;
+	if (props.pages?.list)
+		content = <NSASectionList<EntityType, EntityTypeInput> ref={Section_List} {...props.pages.list} entity={props.pages.entity} />
+	else if (props.pages?.edit)
+		content = <NSASectionEdit<EntityType, EntityTypeInput> {...props.pages.edit} entity={props.pages.entity}>{props.children}</NSASectionEdit>;
+	else if (props.pages?.view)
+		content = <NSASectionView {...props.pages.view} entity={props.pages.entity} />;
+	else
+		content = props.children;
+
+	return (
+		<NSLayout
+			{...props}
+			header={{
+				title: (user_name + " " + (props.header?.title ?? "")).trim(),
+				icons: [...icons, ...(props.header?.icons ?? [])]
+			}}
+			action={{
+				title: action?.title ?? "",
+				description: action?.description,
+				menus: action.menus
+			}}
+		>
+			<div className="container-fluid">
+				<NSModal title={`Are you sure you want to delete ${name}?`} description={""} show={state.showDeleteModal}
+					onClose={hideDeleteModal} children={<NSButtonRed title="Yes" onClick={async () =>
+					{
+						try
+						{
+							if (props.pages)
+								if (getIDs)
+								{
+									let ids = getIDs();
+									if (ids.length == 0)
+										throw new Error("Nothing was found to delete.");
+									if (ids.length == 1)
+									{
+										await props.pages.entity.server.delete(ids[0]);
+										props.notifier.onSuccess(`${name} was deleted successfully.`);
+									}
+									else
+										// todo support multiple ids deletion
+										throw new Error("Multiple deletion is not supported yet.");
+								}
+
+						} catch (error: any)
+						{
+							props.notifier.onError(error);
+						}
+					}} />} />
+				{content}
+			</div>
+		</NSLayout>
+	);
 }

package/src/layouts/NSASectionEdit.tsx

@@ -1,98 +1,98 @@
-import { IBaseComponentProps } from "namirasoft-site-react";
-import { NSSection, NSPanel, NSButtonBlue, NSLine, NSSpace, NSSpaceSizeType } from 'namirasoft-site-react';
-import { INSARouterProps } from "../INSARouterProps";
-import { ReactNode, useEffect } from "react";
-import { useParams } from "react-router-dom";
-import { IEntityInfo } from "../IEntityInfo";
-import { NamingConvention } from "namirasoft-core";
-import { NSASectionTabs } from "./NSASectionTabs";
-
-export interface NSASectionEditProps<EntityType extends { id: string }, EntityTypeInput = EntityType> extends IBaseComponentProps, INSARouterProps
-{
-	isEdit: boolean;
-	ui: {
-		getEntity: (entity: EntityType | null) => EntityTypeInput;
-		setEntity: (entity: EntityType) => void;
-		action?: {
-			menus: {
-				apply?: boolean,
-			}
-		}
-	}
-}
-
-export function onApply<EntityType extends { id: string }, EntityTypeInput = EntityType>(props: NSASectionEditProps<EntityType, EntityTypeInput>, entity: IEntityInfo<EntityType, EntityTypeInput>, id: string | undefined): void
-{
-	try
-	{
-		let name = NamingConvention.Pascal_Case.convert(entity.name, NamingConvention.Pascal_Case_Space);
-
-		let onSuccess = (new_entity: EntityType, message: string) =>
-		{
-			props.notifier.onSuccess(message);
-			if (entity.client.onSuccess)
-				entity.client.onSuccess(new_entity);
-			else
-			{
-				let url = entity.client.getViewURL(new_entity.id);
-				if (!url)
-					url = entity.client.getListURL();
-				props.url.redirect(url, {});
-			}
-		};
-		let old_entity: EntityType | null = null;
-		let cur_entity = props.ui.getEntity(old_entity);
-		if (props.isEdit)
-		{
-			if (id)
-				entity.server.update(id, cur_entity).then((new_entity) =>
-				{
-					onSuccess(new_entity, name + " has been updated successfully");
-				}).catch(() => { });
-			else
-				throw new Error("ID was not provided.");
-		}
-		else
-		{
-			entity.server.create(cur_entity).then((new_entity) =>
-			{
-				onSuccess(new_entity, name + " has been created successfully");
-			}).catch(() => { });
-		}
-	} catch (error: any)
-	{
-		props.notifier.onError(error);
-	}
-}
-
-export function NSASectionEdit<EntityType extends { id: string }, EntityTypeInput = EntityType>(props: NSASectionEditProps<EntityType, EntityTypeInput> & { entity: IEntityInfo<EntityType, EntityTypeInput>, children: ReactNode; })
-{
-	let { id } = useParams();
-
-	useEffect(() =>
-	{
-		if (id)
-			props.entity.server.get(id).then((entity) =>
-			{
-				props.ui.setEntity(entity);
-			}).catch(() => { });
-	}, [id]);
-
-	return (
-		<NSSection
-			id={props.id}
-			classList={[`${props.classList?.join(" ")}`]}
-			center_items={true}
-		>
-			<NSPanel grid={false}>
-				{props.children}
-			</NSPanel>
-			<NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
-			<NSButtonBlue title="Apply" onClick={() => { onApply(props, props.entity, id); }} />
-			<NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
-			{props.isEdit && <NSLine />}
-			{props.isEdit && <NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>}
-			{props.isEdit && <NSASectionTabs entity={props.entity} id={id ?? ""} />}
-		</NSSection>
-	);
+import { IBaseComponentProps } from "namirasoft-site-react";
+import { NSSection, NSPanel, NSButtonBlue, NSLine, NSSpace, NSSpaceSizeType } from 'namirasoft-site-react';
+import { INSARouterProps } from "../INSARouterProps";
+import { ReactNode, useEffect } from "react";
+import { useParams } from "react-router-dom";
+import { IEntityInfo } from "../IEntityInfo";
+import { NamingConvention } from "namirasoft-core";
+import { NSASectionTabs } from "./NSASectionTabs";
+
+export interface NSASectionEditProps<EntityType extends { id: string }, EntityTypeInput = EntityType> extends IBaseComponentProps, INSARouterProps
+{
+	isEdit: boolean;
+	ui: {
+		getEntity: (entity: EntityType | null) => EntityTypeInput;
+		setEntity: (entity: EntityType) => void;
+		action?: {
+			menus: {
+				apply?: boolean,
+			}
+		}
+	}
+}
+
+export function onApply<EntityType extends { id: string }, EntityTypeInput = EntityType>(props: NSASectionEditProps<EntityType, EntityTypeInput>, entity: IEntityInfo<EntityType, EntityTypeInput>, id: string | undefined): void
+{
+	try
+	{
+		let name = NamingConvention.Pascal_Case.convert(entity.name, NamingConvention.Pascal_Case_Space);
+
+		let onSuccess = (new_entity: EntityType, message: string) =>
+		{
+			props.notifier.onSuccess(message);
+			if (entity.client.onSuccess)
+				entity.client.onSuccess(new_entity);
+			else
+			{
+				let url = entity.client.getViewURL(new_entity.id);
+				if (!url)
+					url = entity.client.getListURL();
+				props.url.redirect(url, {});
+			}
+		};
+		let old_entity: EntityType | null = null;
+		let cur_entity = props.ui.getEntity(old_entity);
+		if (props.isEdit)
+		{
+			if (id)
+				entity.server.update(id, cur_entity).then((new_entity) =>
+				{
+					onSuccess(new_entity, name + " has been updated successfully");
+				}).catch(() => { });
+			else
+				throw new Error("ID was not provided.");
+		}
+		else
+		{
+			entity.server.create(cur_entity).then((new_entity) =>
+			{
+				onSuccess(new_entity, name + " has been created successfully");
+			}).catch(() => { });
+		}
+	} catch (error: any)
+	{
+		props.notifier.onError(error);
+	}
+}
+
+export function NSASectionEdit<EntityType extends { id: string }, EntityTypeInput = EntityType>(props: NSASectionEditProps<EntityType, EntityTypeInput> & { entity: IEntityInfo<EntityType, EntityTypeInput>, children: ReactNode; })
+{
+	let { id } = useParams();
+
+	useEffect(() =>
+	{
+		if (id)
+			props.entity.server.get(id).then((entity) =>
+			{
+				props.ui.setEntity(entity);
+			}).catch(() => { });
+	}, [id]);
+
+	return (
+		<NSSection
+			id={props.id}
+			classList={[`${props.classList?.join(" ")}`]}
+			center_items={true}
+		>
+			<NSPanel grid={false}>
+				{props.children}
+			</NSPanel>
+			<NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
+			<NSButtonBlue title="Apply" onClick={() => { onApply(props, props.entity, id); }} />
+			<NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
+			{props.isEdit && <NSLine />}
+			{props.isEdit && <NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>}
+			{props.isEdit && <NSASectionTabs entity={props.entity} id={id ?? ""} />}
+		</NSSection>
+	);
 }