namirasoft-account-react 1.4.19 → 1.4.21

package/src/components/NSAMessageListDialog.tsx

@@ -1,117 +1,117 @@
-import { Component } from 'react';
-import { EnvService, FilterItem, FilterItemOperator } from 'namirasoft-core';
-import { NSButtonBlue, NSDialog, NSDialogProps, NSLoading, NSNoData } from "namirasoft-site-react";
-import { MetaDatabase, MessageRow, NamirasoftMessageServer } from 'namirasoft-message';
-import { INSARouterProps } from '../INSARouterProps';
-import Styles from './NSAMessageListDialog.module.css';
-
-export interface NSAMessageListDialogProps extends INSARouterProps, NSDialogProps
-{
-	onClose: () => void;
-	onSeenAll: () => void;
-	onCountReceived: (count: number) => void;
-}
-
-export interface NSAMessageListDialogState
-{
-	messages: MessageRow[] | null;
-}
-
-export class NSAMessageListDialog extends Component<NSAMessageListDialogProps, NSAMessageListDialogState>
-{
-
-	constructor(props: NSAMessageListDialogProps)
-	{
-		super(props);
-		this.state = { messages: null };
-	}
-	override componentDidMount(): void
-	{
-		let REACT_APP_BASE_URL_MESSAGE = new EnvService("REACT_APP_BASE_URL_MESSAGE", true).getString();
-		let server = new NamirasoftMessageServer(REACT_APP_BASE_URL_MESSAGE, this.props.account.token_manager, this.props.notifier.onError);
-		let filters = [new FilterItem(MetaDatabase.main.message, MetaDatabase.main.message.columns.seen_at, false, FilterItemOperator.all.empty)];
-		server.message.List(filters, 1, 5).then(res =>
-		{
-			this.setState({ messages: res.rows });
-			this.props.onCountReceived(res.count);
-		}).catch(() => { });
-	}
-
-	override render()
-	{
-		let content = null;
-		if (this.state.messages === null)
-		{
-			content = <NSLoading />;
-		}
-		else if (this.state.messages.length === 0)
-		{
-			content = <NSNoData lable='No new message' />
-		}
-		else
-			content = this.state.messages.map(message =>
-				<div
-					className={Styles.nsa_body_green}
-					onClick={() =>
-					{
-						let filters: FilterItem[] = [];
-						filters.push(new FilterItem(MetaDatabase.main.message, MetaDatabase.main.message.columns.id, false, FilterItemOperator.all.equals, message.id));
-						let encoded = FilterItem.encode(filters);
-						window.open("http://message.namirasoft.com/message/list?filters=" + encoded, "_blank");
-					}}
-				>
-					<ul className={Styles.nsa_message_item_ul}>
-						<li className={`${Styles.nsa_message_item_title}`}>{message.title}</li>
-					</ul>
-					<p className={`${Styles.nsa_message_item_content} nsa_font_13_normal`}>{message.body}</p>
-				</div>
-			);
-		return (
-			<NSDialog {...this.props}>
-				<div className={Styles.nsa_toast}>
-					<div>
-						<div className={Styles.nsa_toast_header}>
-							<article className='d-flex flex-row justify-content-center align-item-center'
-								style={{ cursor: "pointer" }}>
-								<img
-									src="https://static.namirasoft.com/image/concept/mark-all/blue.svg"
-									alt="Message Header"
-									width={22}
-								/>
-								<span
-									className={`${Styles.nsa_message_title} ms-2`}
-									onClick={() =>
-									{
-										let REACT_APP_BASE_URL_MESSAGE = new EnvService("REACT_APP_BASE_URL_MESSAGE", true).getString();
-										let server = new NamirasoftMessageServer(REACT_APP_BASE_URL_MESSAGE, this.props.account.token_manager, this.props.notifier.onError);
-										server.message.SeenAll().then(() =>
-										{
-											this.props.onSeenAll();
-											this.props.onClose();
-										}).catch(() => { });
-									}}
-								>
-									Mark All As Read
-								</span>
-							</article>
-						</div>
-						<div className={Styles.nsa_toast_body}>
-							{content}
-							<div className='p-3 mx-0 d-flex justify-content-center'>
-								<NSButtonBlue
-									onClick={() =>
-									{
-										window.open("http://message.namirasoft.com/message/list", "_blank");
-									}}
-									title='View All'
-								/>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div className={Styles.nsa_toast_background}>
-				</div>
-			</NSDialog >
-		);
-	}
+import { Component } from 'react';
+import { EnvService, FilterItem, FilterItemOperator } from 'namirasoft-core';
+import { NSButtonBlue, NSDialog, NSDialogProps, NSLoading, NSNoData } from "namirasoft-site-react";
+import { MetaDatabase, MessageRow, NamirasoftMessageServer } from 'namirasoft-message';
+import { INSARouterProps } from '../INSARouterProps';
+import Styles from './NSAMessageListDialog.module.css';
+
+export interface NSAMessageListDialogProps extends INSARouterProps, NSDialogProps
+{
+	onClose: () => void;
+	onSeenAll: () => void;
+	onCountReceived: (count: number) => void;
+}
+
+export interface NSAMessageListDialogState
+{
+	messages: MessageRow[] | null;
+}
+
+export class NSAMessageListDialog extends Component<NSAMessageListDialogProps, NSAMessageListDialogState>
+{
+
+	constructor(props: NSAMessageListDialogProps)
+	{
+		super(props);
+		this.state = { messages: null };
+	}
+	override componentDidMount(): void
+	{
+		let REACT_APP_BASE_URL_MESSAGE = new EnvService("REACT_APP_BASE_URL_MESSAGE", true).getString();
+		let server = new NamirasoftMessageServer(REACT_APP_BASE_URL_MESSAGE, this.props.account.token_manager, this.props.notifier.onError);
+		let filters = [new FilterItem(MetaDatabase.main.message, MetaDatabase.main.message.columns.seen_at, false, FilterItemOperator.all.empty)];
+		server.message.List(filters, 1, 5).then(res =>
+		{
+			this.setState({ messages: res.rows });
+			this.props.onCountReceived(res.count);
+		}).catch(() => { });
+	}
+
+	override render()
+	{
+		let content = null;
+		if (this.state.messages === null)
+		{
+			content = <NSLoading />;
+		}
+		else if (this.state.messages.length === 0)
+		{
+			content = <NSNoData lable='No new message' />
+		}
+		else
+			content = this.state.messages.map(message =>
+				<div
+					className={Styles.nsa_body_green}
+					onClick={() =>
+					{
+						let filters: FilterItem[] = [];
+						filters.push(new FilterItem(MetaDatabase.main.message, MetaDatabase.main.message.columns.id, false, FilterItemOperator.all.equals, message.id));
+						let encoded = FilterItem.encode(filters);
+						window.open("http://message.namirasoft.com/message/list?filters=" + encoded, "_blank");
+					}}
+				>
+					<ul className={Styles.nsa_message_item_ul}>
+						<li className={`${Styles.nsa_message_item_title}`}>{message.title}</li>
+					</ul>
+					<p className={`${Styles.nsa_message_item_content} nsa_font_13_normal`}>{message.body}</p>
+				</div>
+			);
+		return (
+			<NSDialog {...this.props}>
+				<div className={Styles.nsa_toast}>
+					<div>
+						<div className={Styles.nsa_toast_header}>
+							<article className='d-flex flex-row justify-content-center align-item-center'
+								style={{ cursor: "pointer" }}>
+								<img
+									src="https://static.namirasoft.com/image/concept/mark-all/blue.svg"
+									alt="Message Header"
+									width={22}
+								/>
+								<span
+									className={`${Styles.nsa_message_title} ms-2`}
+									onClick={() =>
+									{
+										let REACT_APP_BASE_URL_MESSAGE = new EnvService("REACT_APP_BASE_URL_MESSAGE", true).getString();
+										let server = new NamirasoftMessageServer(REACT_APP_BASE_URL_MESSAGE, this.props.account.token_manager, this.props.notifier.onError);
+										server.message.SeenAll().then(() =>
+										{
+											this.props.onSeenAll();
+											this.props.onClose();
+										}).catch(() => { });
+									}}
+								>
+									Mark All As Read
+								</span>
+							</article>
+						</div>
+						<div className={Styles.nsa_toast_body}>
+							{content}
+							<div className='p-3 mx-0 d-flex justify-content-center'>
+								<NSButtonBlue
+									onClick={() =>
+									{
+										window.open("http://message.namirasoft.com/message/list", "_blank");
+									}}
+									title='View All'
+								/>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div className={Styles.nsa_toast_background}>
+				</div>
+			</NSDialog >
+		);
+	}
 }

package/src/components/NSAProductListDialog.module.css

@@ -1,45 +1,45 @@
-.nsa_product_list_container {
-    display: grid;
-    flex-direction: row;
-    grid-template-columns: repeat(3, 1fr);
-    align-items: flex-start;
-    justify-content: center;
-	width: 100%;
-    height: 400px;
-    overflow: auto;
-	margin-top: 16px;
-}
-
-.nsa_product_list_container::-webkit-scrollbar {
-	width: 1rem;
-}
-
-.nsa_product_list_container::-webkit-scrollbar-track {
-	box-shadow: inset 0 0 6px #E8EBF6;
-}
-
-.nsa_product_list_container::-webkit-scrollbar-thumb {
-	background-color: #A1A4B0;
-	border-radius: 8px;
-}
-
-.nsa_product_list {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    margin-top: 24px;
-    gap: 8px;
-}
-.nsa_product_list a{
-    text-decoration: none;
-    color: rgba(20, 27, 92, 1);
-}
-
-.nsa_product_logo {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
+.nsa_product_list_container {
+    display: grid;
+    flex-direction: row;
+    grid-template-columns: repeat(3, 1fr);
+    align-items: flex-start;
+    justify-content: center;
+	width: 100%;
+    height: 400px;
+    overflow: auto;
+	margin-top: 16px;
+}
+
+.nsa_product_list_container::-webkit-scrollbar {
+	width: 1rem;
+}
+
+.nsa_product_list_container::-webkit-scrollbar-track {
+	box-shadow: inset 0 0 6px #E8EBF6;
+}
+
+.nsa_product_list_container::-webkit-scrollbar-thumb {
+	background-color: #A1A4B0;
+	border-radius: 8px;
+}
+
+.nsa_product_list {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    margin-top: 24px;
+    gap: 8px;
+}
+.nsa_product_list a{
+    text-decoration: none;
+    color: rgba(20, 27, 92, 1);
+}
+
+.nsa_product_logo {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
 }

package/src/components/NSAProductListDialog.tsx

@@ -1,101 +1,101 @@
-import { Component } from 'react';
-import { EnvService, CacheService, IStorageLocal, SearchOperation } from 'namirasoft-core';
-import { NamirasoftAPIProductServer, ProductFullRow } from 'namirasoft-api-product';
-import { NSBoxSearch, NSDialog, NSDialogProps, NSLoading } from 'namirasoft-site-react';
-import { INSARouterProps } from '../INSARouterProps';
-import Styles from './NSAProductListDialog.module.css';
-
-
-export interface NSAProductListDialogProps extends INSARouterProps, NSDialogProps
-{
-}
-
-interface NSAProductListState
-{
-	products: ProductFullRow[] | null;
-	search: string;
-}
-
-export class NSAProductListDialog extends Component<NSAProductListDialogProps, NSAProductListState>
-{
-	private cache: CacheService<{
-		rows: ProductFullRow[];
-		count: number;
-	}>;
-
-	constructor(props: NSAProductListDialogProps)
-	{
-		super(props);
-		this.state = { products: null, search: "" };
-		this.onSearchChange = this.onSearchChange.bind(this);
-
-		this.cache = new CacheService<{
-			rows: ProductFullRow[];
-			count: number;
-		}>("ns-products", 24 * 60, new IStorageLocal(), async () =>
-		{
-			let REACT_APP_BASE_URL_API_PRODUCT = new EnvService("REACT_APP_BASE_URL_API_PRODUCT", true).getString();
-			let server = new NamirasoftAPIProductServer(REACT_APP_BASE_URL_API_PRODUCT, props.notifier.onError);
-			return server.filter.ListProducts("Namirasoft Console", "Header", null, null, null);
-		}, () => { });
-	}
-
-	override componentDidMount(): void
-	{
-		this.cache.get().then((res) =>
-		{
-			this.setState({ products: res.rows });
-		}).catch(() => { });
-	}
-
-	private onSearchChange(e: NSBoxSearch)
-	{
-		this.setState({ search: e.getValue() });
-	}
-
-	override render()
-	{
-		let content = null;
-		if (this.state.products == null)
-		{
-			content = <NSLoading />;
-		} else
-		{
-			let products = SearchOperation.filter(this.state.products, p => p.name, this.state.search);
-			let getName = (name: string) =>
-			{
-				return name.replace("Namirasoft ", "").trim();
-			};
-			content = (
-				<div className={Styles.nsa_product_list_container}>
-					{
-						products.map((product) => (
-							<div key={product.id} className={Styles.nsa_product_list}>
-								<a href={product.link || ""} target='_blank' rel="noreferrer" >
-									<figure className={Styles.nsa_product_logo} key={product.id}>
-										<img src={`${product.logo}`} alt={product.name} width={64} height={64} />
-										<figcaption>{`${getName(product.name)}`}</figcaption>
-									</figure>
-								</a>
-							</div>
-						))
-					}
-				</div>
-			);
-		}
-		return (
-			<NSDialog {...this.props}>
-				<NSBoxSearch
-					title=""
-					required={false}
-					placeholder='Search your Product'
-					onChanged={(e) =>
-					{
-						this.setState({ search: e.getValue() });
-					}}
-				/>
-				{content}
-			</NSDialog>
-		);
-	}
+import { Component } from 'react';
+import { EnvService, CacheService, IStorageLocal, SearchOperation } from 'namirasoft-core';
+import { NamirasoftAPIProductServer, ProductFullRow } from 'namirasoft-api-product';
+import { NSBoxSearch, NSDialog, NSDialogProps, NSLoading } from 'namirasoft-site-react';
+import { INSARouterProps } from '../INSARouterProps';
+import Styles from './NSAProductListDialog.module.css';
+
+
+export interface NSAProductListDialogProps extends INSARouterProps, NSDialogProps
+{
+}
+
+interface NSAProductListState
+{
+	products: ProductFullRow[] | null;
+	search: string;
+}
+
+export class NSAProductListDialog extends Component<NSAProductListDialogProps, NSAProductListState>
+{
+	private cache: CacheService<{
+		rows: ProductFullRow[];
+		count: number;
+	}>;
+
+	constructor(props: NSAProductListDialogProps)
+	{
+		super(props);
+		this.state = { products: null, search: "" };
+		this.onSearchChange = this.onSearchChange.bind(this);
+
+		this.cache = new CacheService<{
+			rows: ProductFullRow[];
+			count: number;
+		}>("ns-products", 24 * 60, new IStorageLocal(), async () =>
+		{
+			let REACT_APP_BASE_URL_API_PRODUCT = new EnvService("REACT_APP_BASE_URL_API_PRODUCT", true).getString();
+			let server = new NamirasoftAPIProductServer(REACT_APP_BASE_URL_API_PRODUCT, props.notifier.onError);
+			return server.filter.ListProducts("Namirasoft Console", "Header", null, null, null);
+		}, () => { });
+	}
+
+	override componentDidMount(): void
+	{
+		this.cache.get().then((res) =>
+		{
+			this.setState({ products: res.rows });
+		}).catch(() => { });
+	}
+
+	private onSearchChange(e: NSBoxSearch)
+	{
+		this.setState({ search: e.getValue() });
+	}
+
+	override render()
+	{
+		let content = null;
+		if (this.state.products == null)
+		{
+			content = <NSLoading />;
+		} else
+		{
+			let products = SearchOperation.filter(this.state.products, p => p.name, this.state.search);
+			let getName = (name: string) =>
+			{
+				return name.replace("Namirasoft ", "").trim();
+			};
+			content = (
+				<div className={Styles.nsa_product_list_container}>
+					{
+						products.map((product) => (
+							<div key={product.id} className={Styles.nsa_product_list}>
+								<a href={product.link || ""} target='_blank' rel="noreferrer" >
+									<figure className={Styles.nsa_product_logo} key={product.id}>
+										<img src={`${product.logo}`} alt={product.name} width={64} height={64} />
+										<figcaption>{`${getName(product.name)}`}</figcaption>
+									</figure>
+								</a>
+							</div>
+						))
+					}
+				</div>
+			);
+		}
+		return (
+			<NSDialog {...this.props}>
+				<NSBoxSearch
+					title=""
+					required={false}
+					placeholder='Search your Product'
+					onChanged={(e) =>
+					{
+						this.setState({ search: e.getValue() });
+					}}
+				/>
+				{content}
+			</NSDialog>
+		);
+	}
 }

package/src/components/NSAWorkspaceListDialog.module.css

@@ -1,43 +1,43 @@
-.nsa_workspace_h2 {
-    color: rgba(3, 119, 255, 1);
-    text-align: center;
-    font-weight: 600;
-    font-size: 16px;
-    cursor: pointer;
-}
-
-.nsa_workspace_h6 {
-    color: rgba(20, 27, 92, 1);
-    text-align: center;
-    font-weight: 300;
-    font-size: 16px;
-    cursor: pointer;
-    margin: 0;
-}
-
-.nsa_workspace_list {
-    overflow-y: auto;
-    height: 320px;
-    width: 275px;
-    scrollbar-width: none;
-}
-
-.nsa_workspace_border {
-    margin-top: 16px;
-    display: flex;
-    flex-direction: row;
-    justify-content: left;
-    align-items: center;
-    gap: 8px;
-    border-radius: 8px;
-    border: 1px solid gray;
-    padding: 8px;
-    transition: all .2s ease-in-out;
-    flex-wrap: wrap;
-}
-
-.nsa_workspace_border:hover {
-    background-color: rgba(20, 27, 92, 0.3);
-    color: white;
-    cursor: pointer;
+.nsa_workspace_h2 {
+    color: rgba(3, 119, 255, 1);
+    text-align: center;
+    font-weight: 600;
+    font-size: 16px;
+    cursor: pointer;
+}
+
+.nsa_workspace_h6 {
+    color: rgba(20, 27, 92, 1);
+    text-align: center;
+    font-weight: 300;
+    font-size: 16px;
+    cursor: pointer;
+    margin: 0;
+}
+
+.nsa_workspace_list {
+    overflow-y: auto;
+    height: 320px;
+    width: 275px;
+    scrollbar-width: none;
+}
+
+.nsa_workspace_border {
+    margin-top: 16px;
+    display: flex;
+    flex-direction: row;
+    justify-content: left;
+    align-items: center;
+    gap: 8px;
+    border-radius: 8px;
+    border: 1px solid gray;
+    padding: 8px;
+    transition: all .2s ease-in-out;
+    flex-wrap: wrap;
+}
+
+.nsa_workspace_border:hover {
+    background-color: rgba(20, 27, 92, 0.3);
+    color: white;
+    cursor: pointer;
 }