namirasoft-site-react 1.4.111 → 1.4.113

package/src/formatter/BackColorFormatter.tsx

@@ -1,21 +1,23 @@
-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 })
-    {
-        super();
-        this.formatter = formatter;
-        this.colors = colors;
-    }
-    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>): any
-    {
-        let formatted = this.formatter.format(value, column, row);
-        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 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>): any
+    {
+        let formatted = this.formatter.format(value, column, row);
+        if (this.colors[value])
+            return <span style={{ color: this.colors[value], fontWeight: "bold" }}> {formatted} </span>;
+        return formatted;
+    }
 }

package/src/formatter/BaseColumnFormatter.ts

@@ -1,15 +1,17 @@
-import { BaseMetaColumn } from "namirasoft-core";
-import { TableColumnInfo, TableRowInfo } from "../components/NSTable";
-
-export abstract class BaseColumnFormatter
-{
-    abstract format(value: any, column: TableColumnInfo, row: TableRowInfo<any>): 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>): any;
+    static getColumn(column: BaseMetaColumn, formatter: BaseColumnFormatter): TableColumnInfo
+    {
+        return {
+            index: 0,
+            ...column,
+            formatter
+        };
+    }
 }

package/src/formatter/BooleanFormatter.ts

@@ -1,21 +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)
-    {
-        super();
-        this.true_value = true_value;
-        this.false_value = false_value;
-    }
-    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)
+    {
+        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,16 +1,21 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class DateFormatter extends BaseColumnFormatter
-{
-    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 = "150px")
+    {
+        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,16 +1,21 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class DateTimeFormatter extends BaseColumnFormatter
-{
-    override format(value: any): any
-    {
-        try
-        {
-            let date = new Date(value);
-            return date.toString();
-        } catch (e)
-        {
-        }
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class DateTimeFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "200px")
+    {
+        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,9 +1,14 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class DurationFormatter extends BaseColumnFormatter
-{
-    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,9 +1,14 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class EmailFormatter extends BaseColumnFormatter
-{
-    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,9 +1,14 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class EnumFormatter extends BaseColumnFormatter
-{
-    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,9 +1,17 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class FloatFormatter extends BaseColumnFormatter
-{
-    override format(value: any): any
-    {
-        return value;
-    }
+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,21 +1,23 @@
-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 })
-    {
-        super();
-        this.formatter = formatter;
-        this.colors = colors;
-    }
-    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>): any
-    {
-        let formatted = this.formatter.format(value, column, row);
-        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 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;
+        if (width)
+            this.width = width;
+    }
+    override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>): any
+    {
+        let formatted = this.formatter.format(value, column, row);
+        if (this.colors[value])
+            return <span style={{ background: this.colors[value], borderRadius: "16px", width: "100px", textAlign: "center" }}> {formatted} </span>;
+        return formatted;
+    }
 }

package/src/formatter/IDFormatter.tsx

@@ -0,0 +1,29 @@
+import { BaseUUID } from "namirasoft-core";
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+import { Globe } from "namirasoft-site-map";
+
+export class IDFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "230px") 
+    {
+        super();
+        this.onclick_overrided = true;
+        this.width = width;
+    }
+    override format(value: any): any
+    {
+        if (BaseUUID.isValid(value))
+        {
+            let short = BaseUUID.getShort(value);
+            let info = Globe.namirasoft.getByShortName(short);
+            return (
+                <div>
+                    <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,9 +1,14 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class IPFormatter extends BaseColumnFormatter
-{
-    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;
+    }
 }

package/src/formatter/IntegerFormatter.ts

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

package/src/formatter/JsonFormatter.ts

@@ -1,9 +1,15 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class JsonFormatter extends BaseColumnFormatter
-{
-    override format(value: any): any
-    {
-        return JSON.stringify(value, undefined, 4);
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class JsonFormatter extends BaseColumnFormatter
+{
+    constructor(width?: string)
+    {
+        super();
+        if (width)
+            this.width = width;
+    }
+    override format(value: any): any
+    {
+        return JSON.stringify(value, undefined, 4);
+    }
 }

package/src/formatter/MoneyFormatter.ts

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

package/src/formatter/PhoneFormatter.ts

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

package/src/formatter/StringFormatter.ts

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

package/src/formatter/TimeFormatter.ts

@@ -1,17 +1,22 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class TimeFormatter extends BaseColumnFormatter
-{
-    override format(value: any): any
-    {
-        try
-        {
-            let date = new Date(value);
-            return date.toTimeString();
-        } catch (e)
-        {
-
-        }
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class TimeFormatter extends BaseColumnFormatter
+{
+    constructor(width: string = "110px")
+    {
+        super();
+        this.width = width;
+    }
+    override format(value: any): any
+    {
+        try
+        {
+            let date = new Date(value);
+            return date.toLocaleTimeString();
+        } catch (e)
+        {
+
+        }
+        return value;
+    }
 }

package/src/formatter/UnknowFormatter.ts

@@ -1,9 +1,15 @@
-import { BaseColumnFormatter } from "./BaseColumnFormatter";
-
-export class UnknowFormatter extends BaseColumnFormatter
-{
-    override format(value: any): any
-    {
-        return value;
-    }
+import { BaseColumnFormatter } from "./BaseColumnFormatter";
+
+export class UnknowFormatter extends BaseColumnFormatter
+{
+    constructor(width?: string)
+    {
+        super();
+        if (width)
+            this.width = width;
+    }
+    override format(value: any): any
+    {
+        return value;
+    }
 }

package/src/index.tsx

@@ -1,8 +1,8 @@
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import { App } from './App';
-
-const root = ReactDOM.createRoot(
-    document.getElementById('root') as HTMLElement
-);
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import { App } from './App';
+
+const root = ReactDOM.createRoot(
+    document.getElementById('root') as HTMLElement
+);
 root.render(<App />);