namirasoft-site-react 1.4.339 → 1.4.340

package/src/components/NSID.tsx

@@ -1,132 +1,134 @@
-import React from 'react';
-import { BaseURLImageFormatter, IBaseComponentProps, NSCopy } from '../main';
-import { BaseUUID, CacheService, IStorage } from 'namirasoft-core';
-import { NamirasoftMap } from 'namirasoft-site-map';
-import { NSBaseMetaTable, NSBaseServer } from 'namirasoft-site';
-import { Mutex } from 'async-mutex';
-
-export interface NSIDProps extends IBaseComponentProps
-{
-	id: string;
-	globe: NamirasoftMap | null;
-	storage: IStorage | null;
-}
-
-export interface NSIDState
-{
-	text?: string;
-}
-
-export class NSID extends React.Component<NSIDProps, NSIDState>
-{
-	private static mutex: Mutex = new Mutex();
-	private static mutexes: { [product_id: string]: Mutex } = {};
-	private info?: {
-		product: {
-			id: string;
-			name: string;
-			headline: string;
-			description: string;
-			logo: string;
-			link: string;
-		};
-		table: NSBaseMetaTable<NSBaseServer, any>;
-	};
-	constructor(props: NSIDProps)
-	{
-		super(props);
-		this.state = {};
-		try
-		{
-			let short = BaseUUID.getShort(this.props.id);
-			let namriasoft = this.props.globe ?? new NamirasoftMap();
-			this.info = namriasoft.getByShortName(short);
-		} catch (error)
-		{
-		}
-	}
-	override componentDidMount(): void
-	{
-		this.reload();
-	}
-	async reload()
-	{
-		if (!this.info)
-			return;
-		let info = this.info;
-		let cache = null;
-		if (this.props.storage)
-		{
-			cache = new CacheService<string>(info.product.id + ":" + info.table.name + ":" + this.props.id, this.props.storage, 60, async () => "0.0.0", async () =>
-			{
-				if (info.table.back_end.get)
-				{
-					try
-					{
-						let columns: string[] = [];
-						info.table.forEachColumn(column =>
-						{
-							if (column.name.includes("name"))
-								columns.push(column.name);
-						});
-						let row = await info.table.back_end.get(this.props.id);
-						let values = columns.map(column => row[column]).filter(x => x);
-						if (values.length > 0)
-							return values.join(" ");
-						return row.name ?? row.description ?? "";
-					} catch (error)
-					{
-						console.error(error);
-					}
-				}
-				return "";
-			});
-			cache.runGetOn = await NSID.mutex.runExclusive(async () =>
-			{
-				if (!NSID.mutexes[info.product.id])
-					NSID.mutexes[info.product.id] = new Mutex();
-				return NSID.mutexes[info.product.id];
-			});
-		}
-		if (cache)
-			cache.get().then(text =>
-			{
-				this.setState({ text });
-			});
-	}
-
-	override render()
-	{
-		if (!this.props.id)
-			return <></>;
-		if (!this.info)
-			return this.props.id;
-
-		let text = this.state.text;
-		if (!text)
-			text = this.props.id;
-
-		let href = "";
-		try
-		{
-			href = this.info.table.front_end.getViewLink(this.props.id + "");
-		} catch (error)
-		{
-		}
-		let formatter = new BaseURLImageFormatter();
-		return (
-			<NSCopy
-				value={this.props.id}
-				classList={["justify-content-start"]}
-			>
-				{
-					formatter.format({
-						text,
-						href,
-						image: { url: this.info.product.logo, alt: this.info?.product.logo }
-					})
-				}
-			</NSCopy>
-		);
-	}
+import React from 'react';
+import { BaseURLImageFormatter, IBaseComponentProps, NSCopy } from '../main';
+import { BaseUUID, CacheService, IStorage } from 'namirasoft-core';
+import { NamirasoftMap } from 'namirasoft-site-map';
+import { NSBaseMetaTable, NSBaseServer } from 'namirasoft-site';
+import { Mutex } from 'async-mutex';
+
+export interface NSIDProps extends IBaseComponentProps
+{
+	id: string;
+	globe: NamirasoftMap | null;
+	storage: IStorage | null;
+}
+
+export interface NSIDState
+{
+	text?: string;
+}
+
+export class NSID extends React.Component<NSIDProps, NSIDState>
+{
+	private static mutex: Mutex = new Mutex();
+	private static mutexes: { [product_id: string]: Mutex } = {};
+	private info?: {
+		product: {
+			id: string;
+			name: string;
+			headline: string;
+			description: string;
+			logo: string;
+			link: string;
+		};
+		table: NSBaseMetaTable<NSBaseServer, any>;
+	};
+	constructor(props: NSIDProps)
+	{
+		super(props);
+		this.state = {};
+		try
+		{
+			let short = BaseUUID.getShort(this.props.id);
+			let namriasoft = this.props.globe ?? new NamirasoftMap();
+			this.info = namriasoft.getByShortName(short);
+		} catch (error)
+		{
+		}
+	}
+	override componentDidMount(): void
+	{
+		this.reload();
+	}
+	async reload()
+	{
+		if (!this.info)
+			return;
+		if (!this.props.id)
+			return;
+		let info = this.info;
+		let cache = null;
+		if (this.props.storage)
+		{
+			cache = new CacheService<string>(info.product.id + ":" + info.table.name + ":" + this.props.id, this.props.storage, 60, async () => "0.0.0", async () =>
+			{
+				if (info.table.back_end.get)
+				{
+					try
+					{
+						let columns: string[] = [];
+						info.table.forEachColumn(column =>
+						{
+							if (column.name.includes("name"))
+								columns.push(column.name);
+						});
+						let row = await info.table.back_end.get(this.props.id);
+						let values = columns.map(column => row[column]).filter(x => x);
+						if (values.length > 0)
+							return values.join(" ");
+						return row.name ?? row.description ?? "";
+					} catch (error)
+					{
+						console.error(error);
+					}
+				}
+				return "";
+			});
+			cache.runGetOn = await NSID.mutex.runExclusive(async () =>
+			{
+				if (!NSID.mutexes[info.product.id])
+					NSID.mutexes[info.product.id] = new Mutex();
+				return NSID.mutexes[info.product.id];
+			});
+		}
+		if (cache)
+			cache.get().then(text =>
+			{
+				this.setState({ text });
+			});
+	}
+
+	override render()
+	{
+		if (!this.props.id)
+			return <></>;
+		if (!this.info)
+			return this.props.id;
+
+		let text = this.state.text;
+		if (!text)
+			text = this.props.id;
+
+		let href = "";
+		try
+		{
+			href = this.info.table.front_end.getViewLink(this.props.id + "");
+		} catch (error)
+		{
+		}
+		let formatter = new BaseURLImageFormatter();
+		return (
+			<NSCopy
+				value={this.props.id}
+				classList={["justify-content-start"]}
+			>
+				{
+					formatter.format({
+						text,
+						href,
+						image: { url: this.info.product.logo, alt: this.info?.product.logo }
+					})
+				}
+			</NSCopy>
+		);
+	}
 }

package/src/components/NSLabel.module.css

@@ -1,26 +1,26 @@
-.ns_label_title {
-    color: hsla(234, 64%, 22%, 1);
-    margin-bottom: 8px;
-    font-size: 16px;
-    font-weight: bold;
-    padding: 0px;
-    margin: 0px;
-    align-content: center;
-}
-
-.ns_label_desciption {
-    color: hsla(234, 64%, 22%, 1);
-    font-size: 16px;
-    padding: 0px;
-    margin: 0px;
-}
-
-.ns_label_item {
-    padding: 8px;
-    border-right: none !important;
-    align-content: center;
-}
-
-.ns_label_item:not(:last-child) {
-    border-right: 1px solid #ccc;
+.ns_label_title {
+    color: hsla(234, 64%, 22%, 1);
+    margin-bottom: 8px;
+    font-size: 16px;
+    font-weight: bold;
+    padding: 0px;
+    margin: 0px;
+    align-content: center;
+}
+
+.ns_label_desciption {
+    color: hsla(234, 64%, 22%, 1);
+    font-size: 16px;
+    padding: 0px;
+    margin: 0px;
+}
+
+.ns_label_item {
+    padding: 8px;
+    border-right: none !important;
+    align-content: center;
+}
+
+.ns_label_item:not(:last-child) {
+    border-right: 1px solid #ccc;
 }

package/src/components/NSLabel.tsx

@@ -1,47 +1,47 @@
-"use client";
-
-import Styles from './NSLabel.module.css'
-import React from "react";
-import { ReactNode } from "react";
-import { IBaseComponentProps } from '../props/IBaseComponentProps';
-
-export interface NSLabelProps extends IBaseComponentProps
-{
-    title: string;
-    desciption?: string;
-    children?: ReactNode;
-}
-
-export interface NSLabelState
-{ }
-
-export class NSLabel extends React.Component<NSLabelProps, NSLabelState>
-{
-    override render()
-    {
-        return (
-            <div id={this.props.id} className={`${Styles.ns_label_item} ${this.props.classList?.join(" ") ?? ""}`} style={this.props.style}>
-                <span className={`${Styles.ns_label_title} ns_font_16_bold`}>
-                    {this.props.title}
-                </span>
-                {
-                    this.props.desciption &&
-                    <div>
-                        <span className={`${Styles.ns_label_desciption}`}>
-                            {this.props.desciption}
-                        </span>
-                    </div>
-                }
-                {
-
-                    this.props.children &&
-                    <>
-                        <div>
-                            {this.props.children}
-                        </div>
-                    </>
-                }
-            </div >
-        );
-    }
+"use client";
+
+import Styles from './NSLabel.module.css'
+import React from "react";
+import { ReactNode } from "react";
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
+
+export interface NSLabelProps extends IBaseComponentProps
+{
+    title: string;
+    desciption?: string;
+    children?: ReactNode;
+}
+
+export interface NSLabelState
+{ }
+
+export class NSLabel extends React.Component<NSLabelProps, NSLabelState>
+{
+    override render()
+    {
+        return (
+            <div id={this.props.id} className={`${Styles.ns_label_item} ${this.props.classList?.join(" ") ?? ""}`} style={this.props.style}>
+                <span className={`${Styles.ns_label_title} ns_font_16_bold`}>
+                    {this.props.title}
+                </span>
+                {
+                    this.props.desciption &&
+                    <div>
+                        <span className={`${Styles.ns_label_desciption}`}>
+                            {this.props.desciption}
+                        </span>
+                    </div>
+                }
+                {
+
+                    this.props.children &&
+                    <>
+                        <div>
+                            {this.props.children}
+                        </div>
+                    </>
+                }
+            </div >
+        );
+    }
 }

package/src/components/NSLabelErrorNotifier.module.css

@@ -1,3 +1,3 @@
-.ns_label_error_notifier_text {
-    color: #FF3F3F !important;
+.ns_label_error_notifier_text {
+    color: #FF3F3F !important;
 }

package/src/components/NSLabelErrorNotifier.tsx

@@ -1,36 +1,36 @@
-import Styles from "./NSLabelErrorNotifier.module.css";
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { useRef } from "react";
-import { SetTimeouService } from "namirasoft-core";
-
-export interface NSLabelErrorNotifierProps extends IBaseComponentProps
-{
-	error?: string;
-	clearError: () => void;
-}
-
-export function NSLabelErrorNotifier(props: NSLabelErrorNotifierProps)
-{
-	let service = useRef<SetTimeouService>(new SetTimeouService());
-	if (props.error)
-		service.current.setTimeoutIfNotCalledAgain(() =>
-		{
-			props.clearError();
-		}, 5000);
-	return <>
-		{
-			props.error && (
-				<div id={props.id} className="d-flex justify-content-start align-items-center gap-2 ms-2">
-					<img
-						className={""}
-						src="https://static.namirasoft.com/image/concept/danger/red.svg"
-						alt="Error Icon"
-						width={13}
-						height={13}
-					/>
-					<span className={Styles.ns_label_error_notifier_text}>{props.error}</span>
-				</div >
-			)
-		}
-	</>;
+import Styles from "./NSLabelErrorNotifier.module.css";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { useRef } from "react";
+import { SetTimeouService } from "namirasoft-core";
+
+export interface NSLabelErrorNotifierProps extends IBaseComponentProps
+{
+	error?: string;
+	clearError: () => void;
+}
+
+export function NSLabelErrorNotifier(props: NSLabelErrorNotifierProps)
+{
+	let service = useRef<SetTimeouService>(new SetTimeouService());
+	if (props.error)
+		service.current.setTimeoutIfNotCalledAgain(() =>
+		{
+			props.clearError();
+		}, 5000);
+	return <>
+		{
+			props.error && (
+				<div id={props.id} className="d-flex justify-content-start align-items-center gap-2 ms-2">
+					<img
+						className={""}
+						src="https://static.namirasoft.com/image/concept/danger/red.svg"
+						alt="Error Icon"
+						width={13}
+						height={13}
+					/>
+					<span className={Styles.ns_label_error_notifier_text}>{props.error}</span>
+				</div >
+			)
+		}
+	</>;
 }

package/src/components/NSLayout.module.css

@@ -1,15 +1,15 @@
-.ns_container {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-}
-
-.ns_layout_main {
-	padding: 24px;
-	display: flex;
-	flex-direction: column;
-	color: #fff;
-	background-attachment: fixed;
-	background-repeat: no-repeat;
-	background-size: cover;
+.ns_container {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+}
+
+.ns_layout_main {
+	padding: 24px;
+	display: flex;
+	flex-direction: column;
+	color: #fff;
+	background-attachment: fixed;
+	background-repeat: no-repeat;
+	background-size: cover;
 }