namirasoft-site-react 1.4.134 → 1.4.136

package/src/App.tsx

@@ -1,192 +1,226 @@
-import './App.css';
-import { VariableType } from 'namirasoft-schema';
-import 'bootstrap/dist/css/bootstrap.min.css';
-import
-{
-	NSMenuAction, NSBarAction, NSBoxEmail, NSBoxPhone, NSBoxSearch, NSBoxCombo,
-	NSBoxBoolean, NSSection, NSPanel, NSBoxDate, NSBoxDateTime, NSBoxDouble, NSBoxInteger, NSBoxDuration, NSBoxTime, NSBoxEnum,
-	NSBoxFile, NSBoxIPV4, NSBoxIPV6, NSBoxPassword, NSBoxMoney,
-	NSBoxRadio,
-	NSBoxTextArea,
-} from './main';
-import { NSBoxEntity } from './components/NSBoxEntity';
-import { NamirasoftAPIProductServer, ProductFullRow } from 'namirasoft-api-product';
-import { useRef } from 'react';
-
-export function App()
-{
-	let NSBoxTest = useRef<NSBoxIPV4>(null);
-	return (
-		<>
-			<NSMenuAction
-				items={[{
-					handler: () => { },
-					id: "1",
-					menu_item: "Name",
-					isActive: () => true
-				}, {
-					handler: () => { },
-					id: "2",
-					menu_item: "Text",
-					isActive: () => false
-				}]}
-				name='Test'
-			></NSMenuAction>
-			<NSBarAction
-				menus={{
-					"Test": [{
-						handler: () => { },
-						id: "1",
-						menu_item: "Name",
-						isActive: () => true
-					}, {
-						handler: () => { },
-						id: "2",
-						menu_item: "Text",
-						isActive: () => false
-					}]
-				}}
-				title='Title'
-			></NSBarAction>
-			<NSSection
-				center_items={true}
-			>
-				<NSPanel
-					grid
-				>
-					<NSBoxBoolean
-						style={{ width: "100%" }}
-						title='Text'
-						required={true}
-						indeterminate={true}
-					/>
-					<NSBoxCombo
-						style={{ width: "100%" }}
-						title='Text'
-						required
-						multiple={false}
-						getOptions={() => [{
-							value: "1",
-							title: "1",
-						}]}
-					/>
-					<NSBoxEnum<VariableType>
-						style={{ width: "100%" }}
-						title='Type'
-						required
-						multiple={true}
-						getEnumObject={() => { return VariableType }}
-						onChanged={e =>
-						{
-							console.log(e.getValues(VariableType, VariableType.Any))
-						}}
-					></NSBoxEnum>
-					<NSBoxEntity<ProductFullRow>
-						style={{ width: "100%" }}
-						title='Product'
-						required
-						multiple={false}
-						getItems={new NamirasoftAPIProductServer("https://namirasoft.com/api/product/v1", console.error).product.List}
-						getValue={x => x.id}
-						getTitle={x => x.name}
-						onChanged={e =>
-						{
-							let box = e as NSBoxEntity<ProductFullRow>;
-							console.log(box.NSBoxBaseCombo.current?.getData())
-							try
-							{
-								NSBoxTest.current?.getValue()
-							} catch (error)
-							{
-							}
-						}}
-					></NSBoxEntity>
-					<NSBoxEmail
-						style={{ width: "100%" }}
-						title='Email'
-						required
-					/>
-					<NSBoxTextArea
-						style={{ width: "100%" }}
-						title='Test'
-						required
-
-					></NSBoxTextArea>
-					<NSBoxMoney
-						style={{ width: "100%" }}
-						title='Money'
-						required
-					/>
-					<NSBoxRadio
-						style={{ width: "100%" }}
-						title='NSBoxRadio'
-						required
-					/>
-					<NSBoxPhone
-						style={{ width: "100%" }}
-						title='Phone'
-						required
-					/>
-					<NSBoxPassword
-						style={{ width: "100%" }}
-						title='Password'
-						required
-					/>
-					<NSBoxIPV4
-						style={{ width: "100%" }}
-						ref={NSBoxTest}
-						title='IPV4'
-						required
-					/>
-					<NSBoxIPV6
-						style={{ width: "100%" }}
-						title='IPV6'
-						required
-					/>
-					<NSBoxDate
-						style={{ width: "100%" }}
-						title='Date'
-						required
-					/>
-					<NSBoxDateTime
-						style={{ width: "100%" }}
-						title='Datetime'
-						required
-					/>
-					<NSBoxDouble
-						style={{ width: "100%" }}
-						title='Double'
-						required
-					/>
-					<NSBoxDuration
-						style={{ width: "100%" }}
-						title='Duration'
-						required
-					/>
-					<NSBoxTime
-						style={{ width: "100%" }}
-						title='Time'
-						required
-					/>
-					<NSBoxInteger
-						style={{ width: "100%" }}
-						title='Integer'
-						required
-					/>
-					<NSBoxSearch
-						style={{ width: "100%" }}
-						title='Search'
-						required
-					/>
-					<NSBoxFile
-						style={{ width: "100%" }}
-						required
-						title='Driver License'
-						multiple={true}
-						maxFilesCount={3}
-					></NSBoxFile>
-				</NSPanel>
-			</NSSection >
-		</>
-	);
+import './App.css';
+import { VariableType } from 'namirasoft-schema';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import
+{
+	NSMenuAction, NSBarAction, NSBoxEmail, NSBoxPhone, NSBoxSearch, NSBoxCombo,
+	NSBoxBoolean, NSSection, NSPanel, NSBoxDate, NSBoxDateTime, NSBoxDouble, NSBoxInteger, NSBoxDuration, NSBoxTime, NSBoxEnum,
+	NSBoxFile, NSBoxIPV4, NSBoxIPV6, NSBoxPassword, NSBoxMoney,
+	NSBoxRadio,
+	NSBoxTextArea,
+	NSPagination,
+	NSBoxBooleans,
+} from './main';
+import { NSBoxEntity } from './components/NSBoxEntity';
+import { NamirasoftAPIProductServer, ProductFullRow } from 'namirasoft-api-product';
+import { useRef } from 'react';
+
+export function App()
+{
+	let NSBoxTest = useRef<NSBoxIPV4>(null);
+	return (
+		<>
+			<NSMenuAction
+				items={[{
+					handler: () => { },
+					id: "1",
+					menu_item: "Name",
+					isActive: () => true
+				}, {
+					handler: () => { },
+					id: "2",
+					menu_item: "Text",
+					isActive: () => false
+				}]}
+				name='Test'
+			></NSMenuAction>
+			<NSBarAction
+				menus={{
+					"Test1": [{
+						handler: () => { },
+						id: "1",
+						menu_item: "Name",
+						isActive: () => true
+					}, {
+						handler: () => { },
+						id: "2",
+						menu_item: "Text",
+						isActive: () => false
+					}],
+					"Test2": [{
+						handler: () => { },
+						id: "1",
+						menu_item: "Name",
+						isActive: () => true
+					}, {
+						handler: () => { },
+						id: "2",
+						menu_item: "Text",
+						isActive: () => false
+					}],
+					"Test3": [{
+						handler: () => { },
+						id: "1",
+						menu_item: "Test3",
+						isActive: () => true
+					}],
+					"Test4": [{
+						handler: () => { },
+						id: "1",
+						menu_item: "Test4",
+						isActive: () => true
+					}]
+				}}
+				title='Title'
+			></NSBarAction>
+			<NSSection
+				center_items={true}
+			>
+				<NSPanel grid>
+					<NSBoxBooleans
+						hideHeaderAll
+						hideHeaderBoxes
+						items={[{
+							text: "1",
+							value: "1",
+						}, {
+							text: "1",
+							value: "1",
+						}, {
+							text: "1",
+							value: "1",
+						}, {
+							text: "1",
+							value: "1",
+						}, {
+							text: "1",
+							value: "1",
+						}, {
+							text: "1",
+							value: "1",
+						}, {
+							text: "1",
+							value: "1",
+						}]}
+					></NSBoxBooleans>
+					<NSPagination
+						onPageChange={() => { }}
+						totalItems={25000 - 100}
+					></NSPagination>
+					<NSBoxBoolean
+						title='Text'
+						required={true}
+						indeterminate={true}
+					/>
+					<NSBoxCombo
+						title='Text'
+						required
+						multiple={false}
+						getOptions={() => [{
+							value: "1",
+							title: "1",
+						}]}
+					/>
+					<NSBoxEnum<VariableType>
+						title='Type'
+						required
+						multiple={true}
+						getEnumObject={() => { return VariableType }}
+						onChanged={e =>
+						{
+							console.log(e.getValues(VariableType, VariableType.Any))
+						}}
+					></NSBoxEnum>
+					<NSBoxEntity<ProductFullRow>
+						title='Product'
+						required
+						multiple={false}
+						getItems={new NamirasoftAPIProductServer("https://namirasoft.com/api/product/v1", console.error).product.List}
+						getValue={x => x.id}
+						getTitle={x => x.name}
+						onChanged={e =>
+						{
+							let box = e as NSBoxEntity<ProductFullRow>;
+							console.log(box.NSBoxBaseCombo.current?.getData())
+							try
+							{
+								NSBoxTest.current?.getValue()
+							} catch (error)
+							{
+							}
+						}}
+					></NSBoxEntity>
+					<NSBoxEmail
+						title='Email'
+						required
+					/>
+					<NSBoxTextArea
+						title='Test'
+						required
+						style={{ width: "100%" }}
+					></NSBoxTextArea>
+					<NSBoxMoney
+						title='Money'
+						required
+					/>
+					<NSBoxRadio
+						title='NSBoxRadio'
+						required
+					/>
+					<NSBoxPhone
+						title='Phone'
+						required
+					/>
+					<NSBoxPassword
+						title='Password'
+						required
+					/>
+					<NSBoxIPV4
+						ref={NSBoxTest}
+						title='IPV4'
+						required
+					/>
+					<NSBoxIPV6
+						title='IPV6'
+						required
+					/>
+					<NSBoxDate
+						title='Date'
+						required
+					/>
+					<NSBoxDateTime
+						title='Datetime'
+						required
+					/>
+					<NSBoxDouble
+						title='Double'
+						required
+					/>
+					<NSBoxDuration
+						title='Duration'
+						required
+					/>
+					<NSBoxTime
+						title='Time'
+						required
+					/>
+					<NSBoxInteger
+						title='Integer'
+						required
+					/>
+					<NSBoxSearch
+						title='Search'
+						required
+					/>
+					<NSBoxFile
+						required
+						title='Driver License'
+						multiple={true}
+						maxFilesCount={3}
+						style={{ width: "100%" }}
+					></NSBoxFile>
+				</NSPanel>
+			</NSSection >
+		</>
+	);
 }

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);
+    }
 };