namirasoft-account-react 1.4.19 → 1.4.21

package/src/components/NSAWorkspaceListDialog.tsx

@@ -1,74 +1,74 @@
-import { NSBoxSearch, NSDialog, NSDialogProps, NSLoading } from 'namirasoft-site-react';
-import { Component } from 'react';
-import { NamirasoftWorkspaceServer, WorkspaceRow } from 'namirasoft-workspace';
-import { INSARouterProps } from '../INSARouterProps';
-import { EnvService, SearchOperation } from 'namirasoft-core';
-import Styles from './NSAWorkspaceListDialog.module.css';
-
-export interface NSAWorkspaceListDialogProps extends INSARouterProps, NSDialogProps
-{
-}
-
-export interface NSAWorkspaceListDialogState
-{
-    workspaces: WorkspaceRow[];
-    search: string;
-}
-
-export class NSAWorkspaceListDialog extends Component<NSAWorkspaceListDialogProps, NSAWorkspaceListDialogState>
-{
-    constructor(props: NSAWorkspaceListDialogProps)
-    {
-        super(props);
-        this.state = { workspaces: [], search: "" };
-    }
-    override componentDidMount(): void
-    {
-        let REACT_APP_BASE_URL_WORKSPACE = new EnvService("REACT_APP_BASE_URL_WORKSPACE", true).getString();
-        let server = new NamirasoftWorkspaceServer(REACT_APP_BASE_URL_WORKSPACE, this.props.account.token_manager, this.props.notifier.onError);
-        server.workspace.List([], null, null).then(res =>
-        {
-            this.setState({ workspaces: res.rows });
-        }).catch(() => { });
-    }
-    override render()
-    {
-        let content = null;
-        if (this.state.workspaces == null)
-        {
-            content = <NSLoading />;
-        } else
-        {
-            let workspaces = SearchOperation.filter(this.state.workspaces, p => p.name, this.state.search);
-            content = (
-                <div className={Styles.nsa_workspace_list}>
-                    {
-                        workspaces.map((workspace) => (
-                            <div className={Styles.nsa_workspace_border}>
-                                <img src={"https://static.namirasoft.com/image/namirasoft/workspace/logo/base.png"} alt='No Profile' width={48} height={48} style={{ cursor: "pointer" }} />
-                                <div className='d-flex flex-column align-items-start'>
-                                    <h2 className={Styles.nsa_workspace_h2}>{workspace.name}</h2>
-                                    <h6 className={Styles.nsa_workspace_h6}>{workspace.user_id}</h6>
-                                </div>
-                            </div>
-                        ))
-                    }
-                </div>
-            );
-        }
-        return (
-            <NSDialog {...this.props}>
-                <NSBoxSearch
-                    title=''
-                    required={false}
-                    placeholder='Search your workspace'
-                    onChanged={(e) =>
-                    {
-                        this.setState({ search: e.getValue() });
-                    }}
-                />
-                {content}
-            </NSDialog>
-        );
-    }
+import { NSBoxSearch, NSDialog, NSDialogProps, NSLoading } from 'namirasoft-site-react';
+import { Component } from 'react';
+import { NamirasoftWorkspaceServer, WorkspaceRow } from 'namirasoft-workspace';
+import { INSARouterProps } from '../INSARouterProps';
+import { EnvService, SearchOperation } from 'namirasoft-core';
+import Styles from './NSAWorkspaceListDialog.module.css';
+
+export interface NSAWorkspaceListDialogProps extends INSARouterProps, NSDialogProps
+{
+}
+
+export interface NSAWorkspaceListDialogState
+{
+    workspaces: WorkspaceRow[];
+    search: string;
+}
+
+export class NSAWorkspaceListDialog extends Component<NSAWorkspaceListDialogProps, NSAWorkspaceListDialogState>
+{
+    constructor(props: NSAWorkspaceListDialogProps)
+    {
+        super(props);
+        this.state = { workspaces: [], search: "" };
+    }
+    override componentDidMount(): void
+    {
+        let REACT_APP_BASE_URL_WORKSPACE = new EnvService("REACT_APP_BASE_URL_WORKSPACE", true).getString();
+        let server = new NamirasoftWorkspaceServer(REACT_APP_BASE_URL_WORKSPACE, this.props.account.token_manager, this.props.notifier.onError);
+        server.workspace.List([], null, null).then(res =>
+        {
+            this.setState({ workspaces: res.rows });
+        }).catch(() => { });
+    }
+    override render()
+    {
+        let content = null;
+        if (this.state.workspaces == null)
+        {
+            content = <NSLoading />;
+        } else
+        {
+            let workspaces = SearchOperation.filter(this.state.workspaces, p => p.name, this.state.search);
+            content = (
+                <div className={Styles.nsa_workspace_list}>
+                    {
+                        workspaces.map((workspace) => (
+                            <div className={Styles.nsa_workspace_border}>
+                                <img src={"https://static.namirasoft.com/image/namirasoft/workspace/logo/base.png"} alt='No Profile' width={48} height={48} style={{ cursor: "pointer" }} />
+                                <div className='d-flex flex-column align-items-start'>
+                                    <h2 className={Styles.nsa_workspace_h2}>{workspace.name}</h2>
+                                    <h6 className={Styles.nsa_workspace_h6}>{workspace.user_id}</h6>
+                                </div>
+                            </div>
+                        ))
+                    }
+                </div>
+            );
+        }
+        return (
+            <NSDialog {...this.props}>
+                <NSBoxSearch
+                    title=''
+                    required={false}
+                    placeholder='Search your workspace'
+                    onChanged={(e) =>
+                    {
+                        this.setState({ search: e.getValue() });
+                    }}
+                />
+                {content}
+            </NSDialog>
+        );
+    }
 }

package/src/index.tsx

@@ -1,25 +1,25 @@
-import ReactDOM from "react-dom/client";
-import Router from "./Router";
-import { BrowserRouter } from "react-router-dom";
-import 'bootstrap/dist/css/bootstrap.min.css';
-import "./index.css";
-
-const root = ReactDOM.createRoot(
-    document.getElementById("root") as HTMLElement
-);
-
-// base
-const REACT_APP_BASE_PATH = process.env.REACT_APP_BASE_PATH;
-if (REACT_APP_BASE_PATH)
-{
-    const baseElement = document.createElement('base');
-    baseElement.href = REACT_APP_BASE_PATH + "/";
-    const head = document.querySelector('head');
-    head?.appendChild(baseElement);
-}
-
-root.render(
-    <BrowserRouter>
-        <Router />
-    </BrowserRouter>
+import ReactDOM from "react-dom/client";
+import Router from "./Router";
+import { BrowserRouter } from "react-router-dom";
+import 'bootstrap/dist/css/bootstrap.min.css';
+import "./index.css";
+
+const root = ReactDOM.createRoot(
+    document.getElementById("root") as HTMLElement
+);
+
+// base
+const REACT_APP_BASE_PATH = process.env.REACT_APP_BASE_PATH;
+if (REACT_APP_BASE_PATH)
+{
+    const baseElement = document.createElement('base');
+    baseElement.href = REACT_APP_BASE_PATH + "/";
+    const head = document.querySelector('head');
+    head?.appendChild(baseElement);
+}
+
+root.render(
+    <BrowserRouter>
+        <Router />
+    </BrowserRouter>
 );

package/src/layouts/Actions.ts

@@ -1,120 +1,148 @@
-import { INSActionMenuProps } from "namirasoft-site-react";
-import { INSARouterProps } from "../INSARouterProps";
-import { IEntityInfo } from "../IEntityInfo";
-import { NamingConvention } from "namirasoft-core";
-
-export class Actions
-{
-    static home(name_lower_case_underscore: string): INSActionMenuProps[]
-    {
-        let Pascal_Case_Space = NamingConvention.lower_case_underscore.convert(name_lower_case_underscore, NamingConvention.Pascal_Case_Space);
-        let lower_case_slash = NamingConvention.lower_case_underscore.convert(name_lower_case_underscore, NamingConvention.lower_case_slash);
-        let lower_case_dash = NamingConvention.lower_case_underscore.convert(name_lower_case_underscore, NamingConvention.lower_case_dash);
-        return [
-            {
-                id: "home-1",
-                handler: () =>
-                {
-                    window.location.href = "https://namirasoft.com/" + lower_case_slash
-                },
-                isActive: () => true,
-                menu_item: "Namirasoft " + Pascal_Case_Space
-            },
-            {
-                id: "home-2",
-                handler: () =>
-                {
-                    window.location.href = `https://${lower_case_dash}.namirasoft.com/api/v1`
-                },
-                isActive: () => true,
-                menu_item: "API"
-            }
-        ];
-    }
-    static apply(handler: () => void): INSActionMenuProps
-    {
-        return {
-            id: "0",
-            menu_item: "Apply",
-            handler,
-            isActive() { return true; }
-        }
-    }
-    static new(props: INSARouterProps, entity: IEntityInfo<any>): INSActionMenuProps
-    {
-        return {
-            id: "1",
-            menu_item: "New",
-            handler: () =>
-            {
-                let link = props.url.getLink(entity.client.getNewURL(), {});
-                window.open(link, "_blank");
-            },
-            isActive() { return true; }
-        };
-    }
-    static view(props: INSARouterProps, entity: IEntityInfo<any>, getIDs: () => string[]): INSActionMenuProps
-    {
-        return {
-            id: "2",
-            menu_item: "View",
-            handler: () =>
-            {
-                let ids = getIDs();
-                let link = props.url.getLink(entity.client.getViewURL(ids[0]), {});
-                window.open(link, "_blank");
-            },
-            isActive() { return getIDs().length === 1; }
-        };
-    }
-    static viewHistory(getIDs: () => string[]): INSActionMenuProps
-    {
-        return {
-            id: "3",
-            menu_item: "View History",
-            handler: () =>
-            {
-                let link = "https://history.namirasoft.com/history/view?id=" + getIDs()[0];
-                window.open(link, "_blank");
-            },
-            isActive() { return getIDs().length === 1; }
-        };
-    }
-    static copy(props: INSARouterProps, entity: IEntityInfo<any>, getIDs: () => string[]): INSActionMenuProps
-    {
-        return {
-            id: "4",
-            menu_item: "Copy",
-            handler: () =>
-            {
-                let ids = getIDs();
-                let link = props.url.getLink(entity.client.getCopyURL(ids[0]), {});
-                window.open(link, "_blank");
-            },
-            isActive() { return getIDs().length === 1; }
-        };
-    }
-    static edit(props: INSARouterProps, entity: IEntityInfo<any>, getIDs: () => string[]): INSActionMenuProps
-    {
-        return {
-            id: "5",
-            menu_item: "Edit",
-            handler: () =>
-            {
-                let ids = getIDs();
-                let link = props.url.getLink(entity.client.getEditURL(ids[0]), {});
-                window.open(link, "_blank");
-            },
-            isActive() { return getIDs().length === 1; }
-        };
-    }
-    static delete(getIDs: () => string[], showDeleteDialog: () => void): INSActionMenuProps
-    {
-        return {
-            id: "6",
-            menu_item: "Delete",
-            handler: showDeleteDialog,
-            isActive() { return getIDs().length !== 0; }
-        }
-    }
+import { INSActionMenuProps } from "namirasoft-site-react";
+import { INSARouterProps } from "../INSARouterProps";
+import { IEntityInfo } from "../IEntityInfo";
+import { NamingConvention } from "namirasoft-core";
+
+export class Actions
+{
+    static home(name_lower_case_underscore: string): INSActionMenuProps[]
+    {
+        let Pascal_Case_Space = NamingConvention.lower_case_underscore.convert(name_lower_case_underscore, NamingConvention.Pascal_Case_Space);
+        let lower_case_slash = NamingConvention.lower_case_underscore.convert(name_lower_case_underscore, NamingConvention.lower_case_slash);
+        let lower_case_dash = NamingConvention.lower_case_underscore.convert(name_lower_case_underscore, NamingConvention.lower_case_dash);
+        return [
+            {
+                id: "home-1",
+                handler: () =>
+                {
+                    window.location.href = "https://namirasoft.com/" + lower_case_slash
+                },
+                isActive: () => true,
+                menu_item: "Namirasoft " + Pascal_Case_Space
+            },
+            {
+                id: "home-2",
+                handler: () =>
+                {
+                    window.location.href = `https://${lower_case_dash}.namirasoft.com/api/v1`
+                },
+                isActive: () => true,
+                menu_item: "API"
+            }
+        ];
+    }
+    static apply(handler: () => void): INSActionMenuProps
+    {
+        return {
+            id: "0",
+            menu_item: "Apply",
+            handler,
+            isActive() { return true; }
+        }
+    }
+    static _new(props: INSARouterProps, entity: IEntityInfo<any>): INSActionMenuProps
+    {
+        return {
+            id: "1",
+            menu_item: "New",
+            handler: () =>
+            {
+                if (entity.client.getNewURL)
+                {
+                    let link = props.url.getLink(entity.client.getNewURL(), {});
+                    window.open(link, "_blank");
+                }
+            },
+            isActive() { return true; }
+        };
+    }
+    static list(props: INSARouterProps, entity: IEntityInfo<any>): INSActionMenuProps
+    {
+        return {
+            id: "2",
+            menu_item: "List",
+            handler: () =>
+            {
+                if (entity.client.getListURL)
+                {
+                    let link = props.url.getLink(entity.client.getListURL(), {});
+                    window.open(link, "_blank");
+                }
+            },
+            isActive() { return true; }
+        };
+    }
+    static view(props: INSARouterProps, entity: IEntityInfo<any>, getIDs: () => string[]): INSActionMenuProps
+    {
+        return {
+            id: "3",
+            menu_item: "View",
+            handler: () =>
+            {
+                if (entity.client.getViewURL)
+                {
+                    let ids = getIDs();
+                    let link = props.url.getLink(entity.client.getViewURL(ids[0]), {});
+                    window.open(link, "_blank");
+                }
+            },
+            isActive() { return getIDs().length === 1; }
+        };
+    }
+    static viewHistory(getIDs: () => string[]): INSActionMenuProps
+    {
+        return {
+            id: "4",
+            menu_item: "View History",
+            handler: () =>
+            {
+                let link = "https://history.namirasoft.com/history/view?id=" + getIDs()[0];
+                window.open(link, "_blank");
+            },
+            isActive() { return getIDs().length === 1; }
+        };
+    }
+    static copy(props: INSARouterProps, entity: IEntityInfo<any>, getIDs: () => string[]): INSActionMenuProps
+    {
+        return {
+            id: "5",
+            menu_item: "Copy",
+            handler: () =>
+            {
+                if (entity.client.getCopyURL)
+                {
+                    let ids = getIDs();
+                    let link = props.url.getLink(entity.client.getCopyURL(ids[0]), {});
+                    window.open(link, "_blank");
+                }
+            },
+            isActive() { return getIDs().length === 1; }
+        };
+    }
+    static edit(props: INSARouterProps, entity: IEntityInfo<any>, getIDs: () => string[]): INSActionMenuProps
+    {
+        return {
+            id: "6",
+            menu_item: "Edit",
+            handler: () =>
+            {
+                if (entity.client.getEditURL)
+                {
+                    let ids = getIDs();
+                    let link = props.url.getLink(entity.client.getEditURL(ids[0]), {});
+                    window.open(link, "_blank");
+                }
+            },
+            isActive() { return getIDs().length === 1; }
+        };
+    }
+    static delete(getIDs: () => string[], showDeleteDialog: () => void): INSActionMenuProps
+    {
+        return {
+            id: "7",
+            menu_item: "Delete",
+            handler: showDeleteDialog,
+            isActive() { return getIDs().length !== 0; }
+        }
+    }
 }

package/src/layouts/Menus.ts

@@ -1,16 +1,16 @@
-import { INSActionMenuProps } from "namirasoft-site-react";
-import { Actions } from "./Actions";
-
-export class Menus
-{
-    static home(name_lower_case_underscore: string): { [group: string]: INSActionMenuProps[]; }
-    {
-        let actions = Actions.home(name_lower_case_underscore);
-        let ans: { [group: string]: INSActionMenuProps[]; } = {};
-        actions.forEach(action =>
-        {
-            ans[action.id] = [action];
-        });
-        return ans;
-    }
+import { INSActionMenuProps } from "namirasoft-site-react";
+import { Actions } from "./Actions";
+
+export class Menus
+{
+    static home(name_lower_case_underscore: string): { [group: string]: INSActionMenuProps[]; }
+    {
+        let actions = Actions.home(name_lower_case_underscore);
+        let ans: { [group: string]: INSActionMenuProps[]; } = {};
+        actions.forEach(action =>
+        {
+            ans[action.id] = [action];
+        });
+        return ans;
+    }
 }