namirasoft-site-react 1.4.403 → 1.4.405

package/src/App.tsx

@@ -1,217 +1,265 @@
-import './App.css';
-import 'bootstrap/dist/css/bootstrap.min.css';
-import { NSPanel } from './components/NSPanel';
-import { NSSection } from './components/NSSection';
-import { NSLayout } from './components/NSLayout';
-import { MoneyFormatter, NSBoxDynamic, NSBoxEntity, NSBoxString, NSButtonBlue, NSColumn, NSFilterBox, NSTable } from './main';
-import { FilterItemColumnType } from 'namirasoft-core';
-import { NSRepeaterNSTag } from './components/NSRepeaterNSTag';
-import { BaseVariableSchema, StringSchema } from 'namirasoft-schema';
-
-export function App()
-{
-	return (
-		<>
-			<NSLayout
-				header={{
-					right: {
-						icons: [
-							{
-								onClicked: () => { },
-								src: "https://static.namirasoft.com/image/namirasoft/access/logo/base.png",
-								count: 2
-							}
-						],
-						title: "",
-					}
-				}}
-				isLoggedIn={() => true}
-				logo='https://static.namirasoft.com/image/namirasoft/access/logo/base.png'
-				background={{ image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }}
-				notifications={[]}
-				notifier={{} as any}
-				scope=''
-				alerts={[
-					{
-						isVisible: () => true,
-						title: { title: "Verify your email", description: "Please login to your profile and fill out your email address to continue. This does not take more than 2 minutes to finish." },
-					},
-					{
-						isVisible: () => true,
-						title: { title: "Verify", description: "Please login to your profile" },
-					}
-				]}
-				title={{ title: "Namirasoft Account", description: "Amir Abolhasani" }}
-				action={{
-					title: "Namirasoft Account",
-					description: "asdasd",
-					menus:
-					{
-						"t": [{
-							isActive: () => true,
-							onClick: {
-								action: () => { },
-								showLoading: false
-							},
-							menu_item: "Item",
-							id: "Item"
-						}],
-						"x": [{
-							isActive: () => true,
-							onClick: {
-								action: () => { },
-								showLoading: false
-							},
-							menu_item: "Test",
-							id: "Test"
-						}]
-					}
-				}}
-			>
-				<NSTable<{ id: string, name: string }>
-					checkbox
-					columns={[
-						{
-							index: 0,
-							name: "id",
-							text: "ID",
-							table: {
-								name: "x",
-								text: "x"
-							},
-							formatter: new MoneyFormatter()
-						},
-						{
-							index: 1,
-							name: "name",
-							text: "Name",
-							table: {
-								name: "x",
-								text: "x"
-							},
-							formatter: new MoneyFormatter()
-						}
-					]}
-					getRowKey={row => row.value.id}
-					getRows={async (p, s, sorts) =>
-					{
-						console.log({ p, s, sorts });
-						return { count: 0, rows: [] };
-					}}
-					name='test'
-				/>
-				<NSBoxEntity<{ name: string }>
-					list={async (filters, page, size) =>
-					{
-						await new Promise(v =>
-						{
-							setTimeout(() =>
-							{
-								v(null);
-							}, 1000);
-						})
-						let count = 999;
-						let rows = [];
-						for (let i = 0; i < count; i++)
-							rows.push({ name: i.toString().padStart(3, "0") });
-						if (filters)
-							if (filters.length === 1)
-								rows = rows.filter(r => r.name.includes(filters[0].values[0]));
-						count = rows.length;
-
-						if (page)
-							if (size)
-								rows = rows.slice((page - 1) * size, page * size);
-						return { count, rows };
-					}
-					}
-					table_name=''
-					getSort={() => null}
-					getTitle={a => a.name}
-					getValue={a => a.name}
-					multiple={false}
-					required
-					title='Test'
-				></NSBoxEntity>
-				<NSButtonBlue
-					onClick={{
-						action: () => { }
-					}}
-					title='Ok'
-				></NSButtonBlue>
-				<NSBoxDynamic
-					name='name'
-					variable={new BaseVariableSchema("x", new StringSchema(true))}
-					title='IPV4 Range'
-				/>
-				<NSSection
-				>
-					<NSPanel
-					>
-						<NSFilterBox
-							getTables={() =>
-							{
-								return [{
-									name: "product",
-									text: "Product",
-									required: true,
-									columns: [{
-										id: "id",
-										name: "id",
-										text: "ID",
-										type: FilterItemColumnType.String,
-									}, {
-										id: "name",
-										name: "name",
-										text: "Name",
-										type: FilterItemColumnType.String,
-									}, {
-										id: "title",
-										name: "title",
-										text: "Title",
-										type: FilterItemColumnType.String,
-									}]
-								}];
-							}}
-							getMoreTables={async () => []}
-							getValues={async (_, __, value) =>
-							{
-								return new Promise(resolve =>
-								{
-									setTimeout(() =>
-									{
-										resolve([
-											{ value: "Amir", title: "Amir" },
-											{ value: "Negar", title: "Negar" },
-											{ value: "Ilia", title: "Ilia" },
-											{ value: "Shahab", title: "Shahab" },
-											{ value: "Ali", title: "Ali" },
-											{ value: "Hamed", title: "Hamed" },
-											{ value: "Hadi", title: "Hadi" },
-											{ value: "Leila", title: "Leila" },
-											{ value: "Sahar", title: "Sahar" },
-											{ value: "Mehrad", title: "Mehrad" },
-											{ value: "Ehsan", title: "Ehsan" }
-										].filter(x => x.value.includes(value)));
-									}, 1000);
-								})
-							}}
-						/>
-						<NSBoxString
-							required
-							title=''
-						></NSBoxString>
-					</NSPanel>
-
-					<NSColumn>
-						<NSRepeaterNSTag
-							name=''
-							title=''
-							required
-						/>
-					</NSColumn>
-				</NSSection>
-			</NSLayout >
-		</>
-	);
+import './App.css';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import { NSPanel } from './components/NSPanel';
+import { NSSection } from './components/NSSection';
+import { NSLayout } from './components/NSLayout';
+import { MoneyFormatter, NSBoxDynamic, NSBoxEntity, NSBoxString, NSButtonBlue, NSColumn, NSDialog, NSFilterBox, NSTable } from './main';
+import { FilterItemColumnType } from 'namirasoft-core';
+import { NSRepeaterNSTag } from './components/NSRepeaterNSTag';
+import { BaseVariableSchema, StringSchema } from 'namirasoft-schema';
+
+export function App()
+{
+	return (
+		<>
+			<NSLayout
+				header={{
+					right: {
+						icons: [
+							{
+								onClicked: () => { },
+								src: "https://static.namirasoft.com/image/namirasoft/access/logo/base.png",
+								count: 2
+							}
+						],
+						title: "",
+					}
+				}}
+				isLoggedIn={() => true}
+				logo='https://static.namirasoft.com/image/namirasoft/access/logo/base.png'
+				background={{ image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }}
+				notifications={[]}
+				notifier={{} as any}
+				scope=''
+				alerts={[
+					{
+						isVisible: () => true,
+						title: { title: "Verify your email", description: "Please login to your profile and fill out your email address to continue. This does not take more than 2 minutes to finish." },
+					},
+					{
+						isVisible: () => true,
+						title: { title: "Verify", description: "Please login to your profile" },
+					}
+				]}
+				title={{ title: "Namirasoft Account", description: "Amir Abolhasani" }}
+				action={{
+					title: "Namirasoft Account",
+					description: "asdasd",
+					menus:
+					{
+						"t": [{
+							isActive: () => true,
+							onClick: {
+								action: () => { },
+								showLoading: false
+							},
+							menu_item: "Item",
+							id: "Item"
+						}],
+						"x": [{
+							isActive: () => true,
+							onClick: {
+								action: () => { },
+								showLoading: false
+							},
+							menu_item: "Test",
+							id: "Test"
+						}]
+					}
+				}}
+			>
+				<NSTable<{ id: string, name: string }>
+					checkbox
+					columns={[
+						{
+							index: 0,
+							name: "id",
+							text: "ID",
+							table: {
+								name: "x",
+								text: "x"
+							},
+							formatter: new MoneyFormatter()
+						},
+						{
+							index: 1,
+							name: "name",
+							text: "Name",
+							table: {
+								name: "x",
+								text: "x"
+							},
+							formatter: new MoneyFormatter()
+						}
+					]}
+					getRowKey={row => row.value.id}
+					getRows={async (p, s, sorts) =>
+					{
+						console.log({ p, s, sorts });
+						return { count: 0, rows: [] };
+					}}
+					name='test'
+				/>
+				<NSBoxEntity<{ name: string }>
+					list={async (filters, page, size) =>
+					{
+						await new Promise(v =>
+						{
+							setTimeout(() =>
+							{
+								v(null);
+							}, 1000);
+						})
+						let count = 999;
+						let rows = [];
+						for (let i = 0; i < count; i++)
+							rows.push({ name: i.toString().padStart(3, "0") });
+						if (filters)
+							if (filters.length === 1)
+								rows = rows.filter(r => r.name.includes(filters[0].values[0]));
+						count = rows.length;
+
+						if (page)
+							if (size)
+								rows = rows.slice((page - 1) * size, page * size);
+						return { count, rows };
+					}
+					}
+					table_name=''
+					getSort={() => null}
+					getTitle={a => a.name}
+					getValue={a => a.name}
+					multiple={false}
+					required
+					title='Test'
+				></NSBoxEntity>
+				{
+					10 < 2 &&
+					<NSDialog
+						onClose={() => { }}
+						center_dialog
+						closeButton={{
+							out: true
+						}}
+					>
+						<NSButtonBlue
+							onClick={{
+								action: () => { }
+							}}
+							title='Ok'
+						></NSButtonBlue>
+						<NSButtonBlue
+							onClick={{
+								action: () => { }
+							}}
+							title='Ok'
+						></NSButtonBlue>
+						<NSButtonBlue
+							onClick={{
+								action: () => { }
+							}}
+							title='Ok'
+						></NSButtonBlue>
+						<NSButtonBlue
+							onClick={{
+								action: () => { }
+							}}
+							title='Ok'
+						></NSButtonBlue>
+						<NSButtonBlue
+							onClick={{
+								action: () => { }
+							}}
+							title='Ok'
+						></NSButtonBlue>
+						<NSButtonBlue
+							onClick={{
+								action: () => { }
+							}}
+							title='Ok'
+						></NSButtonBlue>
+					</NSDialog>
+				}
+
+				<NSButtonBlue
+					onClick={{
+						action: () => { }
+					}}
+					title='Ok'
+				></NSButtonBlue>
+				<NSBoxDynamic
+					name='name'
+					variable={new BaseVariableSchema("x", new StringSchema(true))}
+					title='IPV4 Range'
+				/>
+				<NSSection
+				>
+					<NSPanel
+					>
+						<NSFilterBox
+							getTables={() =>
+							{
+								return [{
+									name: "product",
+									text: "Product",
+									required: true,
+									columns: [{
+										id: "id",
+										name: "id",
+										text: "ID",
+										type: FilterItemColumnType.String,
+									}, {
+										id: "name",
+										name: "name",
+										text: "Name",
+										type: FilterItemColumnType.String,
+									}, {
+										id: "title",
+										name: "title",
+										text: "Title",
+										type: FilterItemColumnType.String,
+									}]
+								}];
+							}}
+							getMoreTables={async () => []}
+							getValues={async (_, __, value) =>
+							{
+								return new Promise(resolve =>
+								{
+									setTimeout(() =>
+									{
+										resolve([
+											{ value: "Amir", title: "Amir" },
+											{ value: "Negar", title: "Negar" },
+											{ value: "Ilia", title: "Ilia" },
+											{ value: "Shahab", title: "Shahab" },
+											{ value: "Ali", title: "Ali" },
+											{ value: "Hamed", title: "Hamed" },
+											{ value: "Hadi", title: "Hadi" },
+											{ value: "Leila", title: "Leila" },
+											{ value: "Sahar", title: "Sahar" },
+											{ value: "Mehrad", title: "Mehrad" },
+											{ value: "Ehsan", title: "Ehsan" }
+										].filter(x => x.value.includes(value)));
+									}, 1000);
+								})
+							}}
+						/>
+						<NSBoxString
+							required
+							title=''
+						></NSBoxString>
+					</NSPanel>
+
+					<NSColumn>
+						<NSRepeaterNSTag
+							name=''
+							title=''
+							required
+						/>
+					</NSColumn>
+				</NSSection>
+			</NSLayout>
+		</>
+	);
 }

package/src/Color.tsx

@@ -1,11 +1,11 @@
-export class Color
-{
-    static getColor(percentage: number): string
-    {
-        if (percentage >= 75) return '#368F01';
-        if (percentage >= 60) return ' #44B400';
-        if (percentage >= 50) return '#56E500';
-        if (percentage >= 25) return '#FAFF00';
-        return 'red';
-    }
+export class Color
+{
+    static getColor(percentage: number): string
+    {
+        if (percentage >= 75) return '#368F01';
+        if (percentage >= 60) return ' #44B400';
+        if (percentage >= 50) return '#56E500';
+        if (percentage >= 25) return '#FAFF00';
+        return 'red';
+    }
 }

package/src/CopyToClipboard.ts

@@ -1,7 +1,7 @@
-export class CopyToClipboard
-{
-    static copyToClipboard(value: string): void
-    {
-        navigator.clipboard.writeText(value);
-    }
+export class CopyToClipboard
+{
+    static copyToClipboard(value: string): void
+    {
+        navigator.clipboard.writeText(value);
+    }
 };