namirasoft-site-react 1.4.165 → 1.4.166

package/src/components/NSTimelineMonthly.tsx

@@ -1,45 +1,45 @@
-// todo move to its own probject: this is Timify
-
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { Color } from "../Color"
-import Styles from './NSTimelineMonthly.module.css';
-export interface NSdata
-{
-	title: string;
-	value: number;
-	percentage: number;
-}
-export interface NSTimelineMonthlyProps extends IBaseComponentProps
-{
-	data: NSdata[];
-	title?: string;
-}
-
-export function NSTimelineMonthly(props: NSTimelineMonthlyProps)
-{
-	function getPercentage(value: number): string
-	{
-		let percentage = (value * 100) / 24;
-		return percentage.toString() + "%";
-	}
-	return (
-		<>
-			<div className={`${Styles.ns_parent}  ${props.classList?.join(" ")} `} style={props.style}>
-				<h5 className={Styles.ns_time_line_title}>{props.title}</h5>
-				<div className={Styles.ns_time_line_monthly}>
-					{
-						props.data.map((card, index) => (
-							<div className={Styles.ns_time_line_monthly_card} key={`NSTimelineMonthly_div_key_${index}`}>
-								<h5 className={Styles.ns_time_line_monthly_card_week_day}>{card.title}</h5>
-								<span className={Styles.ns_time_line_cards_hour}>{card.value}</span>
-								<div className={Styles.ns_time_line_monthly_card_parent_chart}>
-									<div className={Styles.ns_time_line_monthly_card_bar} style={{ width: getPercentage(card.value), background: Color.getColor(card.percentage) }}>bar</div>
-								</div>
-							</div>
-						))
-					}
-				</div>
-			</div>
-		</>
-	);
+// todo move to its own probject: this is Timify
+
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { Color } from "../Color"
+import Styles from './NSTimelineMonthly.module.css';
+export interface NSdata
+{
+	title: string;
+	value: number;
+	percentage: number;
+}
+export interface NSTimelineMonthlyProps extends IBaseComponentProps
+{
+	data: NSdata[];
+	title?: string;
+}
+
+export function NSTimelineMonthly(props: NSTimelineMonthlyProps)
+{
+	function getPercentage(value: number): string
+	{
+		let percentage = (value * 100) / 24;
+		return percentage.toString() + "%";
+	}
+	return (
+		<>
+			<div className={`${Styles.ns_parent}  ${props.classList?.join(" ")} `} style={props.style}>
+				<h5 className={Styles.ns_time_line_title}>{props.title}</h5>
+				<div className={Styles.ns_time_line_monthly}>
+					{
+						props.data.map((card, index) => (
+							<div className={Styles.ns_time_line_monthly_card} key={`NSTimelineMonthly_div_key_${index}`}>
+								<h5 className={Styles.ns_time_line_monthly_card_week_day}>{card.title}</h5>
+								<span className={Styles.ns_time_line_cards_hour}>{card.value}</span>
+								<div className={Styles.ns_time_line_monthly_card_parent_chart}>
+									<div className={Styles.ns_time_line_monthly_card_bar} style={{ width: getPercentage(card.value), background: Color.getColor(card.percentage) }}>bar</div>
+								</div>
+							</div>
+						))
+					}
+				</div>
+			</div>
+		</>
+	);
 }

package/src/components/NSTitle.module.css

@@ -1,16 +1,16 @@
-.ns_title {
-	color: rgba(20, 27, 92, 1);
-	font-size: 24px;
-	font-weight: 700;
-	line-height: normal;
-	margin-bottom: 16px;
-	width: 100%;
-	text-align: center;
-	font-family: inherit;
-}
-
-@media only screen and (min-width: 1024px) {
-	.ns_title {
-		font-size: 32px;
-	}
+.ns_title {
+	color: rgba(20, 27, 92, 1);
+	font-size: 24px;
+	font-weight: 700;
+	line-height: normal;
+	margin-bottom: 16px;
+	width: 100%;
+	text-align: center;
+	font-family: inherit;
+}
+
+@media only screen and (min-width: 1024px) {
+	.ns_title {
+		font-size: 32px;
+	}
 }

package/src/components/NSTitle.tsx

@@ -1,20 +1,20 @@
-import Styles from './NSTitle.module.css';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-
-export interface NSTitleProps extends IBaseComponentProps
-{
-	title: string;
-}
-
-export function NSTitle(props: NSTitleProps)
-{
-	return (
-		<h2
-			id={props.id}
-			className={`${Styles.ns_title} ${props.classList?.join(" ")}`}
-			style={props.style}
-		>
-			{props.title}
-		</h2>
-	);
+import Styles from './NSTitle.module.css';
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+
+export interface NSTitleProps extends IBaseComponentProps
+{
+	title: string;
+}
+
+export function NSTitle(props: NSTitleProps)
+{
+	return (
+		<h2
+			id={props.id}
+			className={`${Styles.ns_title} ${props.classList?.join(" ")}`}
+			style={props.style}
+		>
+			{props.title}
+		</h2>
+	);
 }

package/src/formatter/BackColorFormatter.tsx

@@ -1,24 +1,24 @@
-import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class BackColorFormatter extends BaseColumnFormatter
-{
-    private formatter: BaseColumnFormatter;
-    private colors: { [value: string]: string }
-    constructor(formatter: BaseColumnFormatter, colors: { [value: string]: string }, width?: string)
-    {
-        super();
-        this.formatter = formatter;
-        this.colors = colors;
-        if (width)
-            this.width = width;
-    }
-    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean)
-    {
-        let formatted = this.formatter.format(value, column, row, printable);
-        if (!printable)
-            if (this.colors[value])
-                return <span style={{ background: this.colors[value], borderRadius: "16px", width: "100px", textAlign: "center" }}> {formatted} </span>;
-        return formatted;
-    }
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class BackColorFormatter extends BaseColumnFormatter
+{
+    private formatter: BaseColumnFormatter;
+    private colors: { [value: string]: string }
+    constructor(formatter: BaseColumnFormatter, colors: { [value: string]: string }, width?: string)
+    {
+        super();
+        this.formatter = formatter;
+        this.colors = colors;
+        if (width)
+            this.width = width;
+    }
+    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean)
+    {
+        let formatted = this.formatter.format(value, column, row, printable);
+        if (!printable)
+            if (this.colors[value])
+                return <span style={{ background: this.colors[value], borderRadius: "16px", width: "100px", textAlign: "center" }}> {formatted} </span>;
+        return formatted;
+    }
 }

package/src/formatter/BaseColumnFormatter.ts

@@ -1,17 +1,17 @@
-import { BaseMetaColumn } from "namirasoft-core";
-import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
-
-export abstract class BaseColumnFormatter
-{
-    public width: string = "100px";
-    public onclick_overrided: boolean = false;
-    abstract format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any;
-    static getColumn(column: BaseMetaColumn, formatter: BaseColumnFormatter): TableColumnInfo
-    {
-        return {
-            index: 0,
-            ...column,
-            formatter
-        };
-    }
+import { BaseMetaColumn } from "namirasoft-core";
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
+
+export abstract class BaseColumnFormatter
+{
+    public width: string = "100px";
+    public onclick_overrided: boolean = false;
+    abstract format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any;
+    static getColumn(column: BaseMetaColumn, formatter: BaseColumnFormatter): TableColumnInfo
+    {
+        return {
+            index: 0,
+            ...column,
+            formatter
+        };
+    }
 }

package/src/formatter/BooleanFormatter.ts

@@ -1,23 +1,23 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class BooleanFormatter extends BaseColumnFormatter
-{
-    private true_value: string;
-    private false_value: string;
-    constructor(true_value: string, false_value: string, width: string = "80px")
-    {
-        super();
-        this.true_value = true_value;
-        this.false_value = false_value;
-        if (width)
-            this.width = width;
-    }
-    override format(value: any): any
-    {
-        if (value === true)
-            return this.true_value;
-        if (value === false)
-            return this.false_value;
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class BooleanFormatter extends BaseColumnFormatter
+{
+    private true_value: string;
+    private false_value: string;
+    constructor(true_value: string, false_value: string, width: string = "80px")
+    {
+        super();
+        this.true_value = true_value;
+        this.false_value = false_value;
+        if (width)
+            this.width = width;
+    }
+    override format(value: any): any
+    {
+        if (value === true)
+            return this.true_value;
+        if (value === false)
+            return this.false_value;
+        return value;
+    }
 }

package/src/formatter/DateFormatter.ts

@@ -1,21 +1,21 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class DateFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "130px")
-    {
-        super();
-        this.width = width;
-    }
-    override format(value: any): any
-    {
-        try
-        {
-            let date = new Date(value);
-            return date.toDateString();
-        } catch (e)
-        {
-        }
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class DateFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "130px")
+    {
+        super();
+        this.width = width;
+    }
+    override format(value: any): any
+    {
+        try
+        {
+            let date = new Date(value);
+            return date.toDateString();
+        } catch (e)
+        {
+        }
+        return value;
+    }
 }

package/src/formatter/DateTimeFormatter.ts

@@ -1,21 +1,21 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class DateTimeFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "185px")
-    {
-        super();
-        this.width = width;
-    }
-    override format(value: any): any
-    {
-        try
-        {
-            let date = new Date(value);
-            return date.toLocaleString();
-        } catch (e)
-        {
-        }
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class DateTimeFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "185px")
+    {
+        super();
+        this.width = width;
+    }
+    override format(value: any): any
+    {
+        try
+        {
+            let date = new Date(value);
+            return date.toLocaleString();
+        } catch (e)
+        {
+        }
+        return value;
+    }
 }

package/src/formatter/DurationFormatter.ts

@@ -1,14 +1,14 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class DurationFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "200px")
-    {
-        super();
-        this.width = width;
-    }
-    override format(value: any): any
-    {
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class DurationFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "200px")
+    {
+        super();
+        this.width = width;
+    }
+    override format(value: any): any
+    {
+        return value;
+    }
 }

package/src/formatter/EmailFormatter.ts

@@ -1,14 +1,14 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class EmailFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "250px")
-    {
-        super();
-        this.width = width;
-    }
-    override format(value: any): any
-    {
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class EmailFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "250px")
+    {
+        super();
+        this.width = width;
+    }
+    override format(value: any): any
+    {
+        return value;
+    }
 }

package/src/formatter/EnumFormatter.ts

@@ -1,14 +1,14 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class EnumFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "125px")
-    {
-        super();
-        this.width = width;
-    }
-    override format(value: any): any
-    {
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class EnumFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "125px")
+    {
+        super();
+        this.width = width;
+    }
+    override format(value: any): any
+    {
+        return value;
+    }
 }

package/src/formatter/FloatFormatter.ts

@@ -1,17 +1,17 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class FloatFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "125px")
-    {
-        super();
-        this.width = width;
-    }
-    override format(value: any): any
-    {
-        return (value as number).toLocaleString(undefined, {
-            minimumFractionDigits: 0,
-            maximumFractionDigits: 100
-        });
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class FloatFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "125px")
+    {
+        super();
+        this.width = width;
+    }
+    override format(value: any): any
+    {
+        return (value as number).toLocaleString(undefined, {
+            minimumFractionDigits: 0,
+            maximumFractionDigits: 100
+        });
+    }
 }

package/src/formatter/ForeColorFormatter.tsx

@@ -1,25 +1,25 @@
-import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class ForeColorFormatter extends BaseColumnFormatter
-{
-    private formatter: BaseColumnFormatter;
-    private colors: { [value: string]: string }
-    constructor(formatter: BaseColumnFormatter, colors: { [value: string]: string }, width?: string)
-    {
-        super();
-        this.formatter = formatter;
-        this.colors = colors;
-        let w = width ?? formatter.width;
-        if (w)
-            this.width = w;
-    }
-    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
-    {
-        let formatted = this.formatter.format(value, column, row, printable);
-        if (!printable)
-            if (this.colors[value])
-                return <span style={{ color: this.colors[value], fontWeight: "bold" }}> {formatted} </span>;
-        return formatted;
-    }
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class ForeColorFormatter extends BaseColumnFormatter
+{
+    private formatter: BaseColumnFormatter;
+    private colors: { [value: string]: string }
+    constructor(formatter: BaseColumnFormatter, colors: { [value: string]: string }, width?: string)
+    {
+        super();
+        this.formatter = formatter;
+        this.colors = colors;
+        let w = width ?? formatter.width;
+        if (w)
+            this.width = w;
+    }
+    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
+    {
+        let formatted = this.formatter.format(value, column, row, printable);
+        if (!printable)
+            if (this.colors[value])
+                return <span style={{ color: this.colors[value], fontWeight: "bold" }}> {formatted} </span>;
+        return formatted;
+    }
 }

package/src/formatter/IDFormatter.tsx

@@ -1,31 +1,31 @@
-import { BaseUUID } from "namirasoft-core";
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-import { Globe } from "namirasoft-site-map";
-import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
-
-export class IDFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "200px") 
-    {
-        super();
-        this.onclick_overrided = true;
-        this.width = width;
-    }
-    override format(value: any, _: TableColumnInfo, __: TableRowInfo<any>, printable: boolean): any
-    {
-        if (!printable)
-            if (BaseUUID.isValid(value))
-            {
-                let short = BaseUUID.getShort(value);
-                let info = Globe.namirasoft.getByShortName(short);
-                return (
-                    <div style={{ display: "flex", alignItems: "center" }}>
-                        <img src={info.product.logo} alt={info.product.name} style={{ width: "20px", height: "20px" }} />
-                        &nbsp;
-                        <a href={info.table.front_end.getViewLink(value + "")} target="_blank" rel="noreferrer">{value}</a >
-                    </div >
-                );
-            }
-        return value;
-    }
+import { BaseUUID } from "namirasoft-core";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+import { Globe } from "namirasoft-site-map";
+import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
+
+export class IDFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "200px") 
+    {
+        super();
+        this.onclick_overrided = true;
+        this.width = width;
+    }
+    override format(value: any, _: TableColumnInfo, __: TableRowInfo<any>, printable: boolean): any
+    {
+        if (!printable)
+            if (BaseUUID.isValid(value))
+            {
+                let short = BaseUUID.getShort(value);
+                let info = Globe.namirasoft.getByShortName(short);
+                return (
+                    <div style={{ display: "flex", alignItems: "center" }}>
+                        <img src={info.product.logo} alt={info.product.name} style={{ width: "20px", height: "20px" }} />
+                        &nbsp;
+                        <a href={info.table.front_end.getViewLink(value + "")} target="_blank" rel="noreferrer">{value}</a >
+                    </div >
+                );
+            }
+        return value;
+    }
 }

package/src/formatter/IPFormatter.ts

@@ -1,14 +1,14 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class IPFormatter extends BaseColumnFormatter
-{
-    constructor(width: string = "150px")
-    {
-        super();
-        this.width = width;
-    }
-    override format(value: any): any
-    {
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class IPFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "150px")
+    {
+        super();
+        this.width = width;
+    }
+    override format(value: any): any
+    {
+        return value;
+    }
 }