namirasoft-site-react 1.4.339 → 1.4.340
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.dockerignore +86 -86
- package/.env.template +10 -10
- package/Dockerfile +18 -18
- package/config-overrides.js +72 -72
- package/dist/App.css +34 -0
- package/dist/components/NSBanner.module.css +47 -47
- package/dist/components/NSBarAction.module.css +84 -84
- package/dist/components/NSBarAlert.module.css +79 -79
- package/dist/components/NSBarNotification.module.css +34 -34
- package/dist/components/NSBarTitle.module.css +9 -9
- package/dist/components/NSBox.module.css +50 -50
- package/dist/components/NSBoxBaseCombo.module.css +6 -6
- package/dist/components/NSBoxBoolean.module.css +67 -67
- package/dist/components/NSBoxDate.module.css +4 -4
- package/dist/components/NSBoxDateTime.module.css +4 -4
- package/dist/components/NSBoxDuration.module.css +4 -4
- package/dist/components/NSBoxFile.module.css +10 -10
- package/dist/components/NSBoxPhone.module.css +35 -35
- package/dist/components/NSBoxRadio.module.css +33 -33
- package/dist/components/NSBoxSchemaBase.module.css +17 -17
- package/dist/components/NSBoxSchemaVariable.module.css +16 -16
- package/dist/components/NSBoxTextArea.module.css +12 -12
- package/dist/components/NSBoxTime.module.css +4 -4
- package/dist/components/NSButton.module.css +57 -57
- package/dist/components/NSButtonBlue.module.css +4 -4
- package/dist/components/NSButtonGreen.module.css +4 -4
- package/dist/components/NSButtonRed.module.css +4 -4
- package/dist/components/NSCard.module.css +114 -114
- package/dist/components/NSCardScreenshot.module.css +41 -41
- package/dist/components/NSChartColumn.module.css +7 -7
- package/dist/components/NSChartTable.module.css +21 -21
- package/dist/components/NSColumn.module.css +16 -16
- package/dist/components/NSCopyBox.module.css +39 -39
- package/dist/components/NSDialog.module.css +112 -112
- package/dist/components/NSDialogPageSelection.module.css +103 -103
- package/dist/components/NSDownTimer.module.css +55 -55
- package/dist/components/NSDownload.module.css +46 -46
- package/dist/components/NSElectronicCard.module.css +60 -60
- package/dist/components/NSEntityCardBackground.module.css +27 -27
- package/dist/components/NSFilterBox.module.css +56 -56
- package/dist/components/NSFilterItem.module.css +24 -24
- package/dist/components/NSFooter.module.css +134 -134
- package/dist/components/NSHeader.module.css +291 -291
- package/dist/components/NSHeaderScreenshot.module.css +35 -35
- package/dist/components/NSID.js +2 -0
- package/dist/components/NSID.js.map +1 -1
- package/dist/components/NSLabel.module.css +25 -25
- package/dist/components/NSLabelErrorNotifier.module.css +2 -2
- package/dist/components/NSLayout.module.css +14 -14
- package/dist/components/NSLine.module.css +15 -15
- package/dist/components/NSLink.module.css +36 -36
- package/dist/components/NSListGrouped.module.css +69 -69
- package/dist/components/NSLoading.module.css +30 -30
- package/dist/components/NSMenuAction.js +2 -2
- package/dist/components/NSMenuAction.module.css +88 -88
- package/dist/components/NSMenuButton.module.css +44 -44
- package/dist/components/NSNoData.module.css +9 -9
- package/dist/components/NSPagination.module.css +85 -85
- package/dist/components/NSPanel.module.css +19 -19
- package/dist/components/NSPanelAccordion.module.css +4 -4
- package/dist/components/NSRange.module.css +66 -66
- package/dist/components/NSRow.module.css +17 -17
- package/dist/components/NSSection.module.css +4 -4
- package/dist/components/NSSectionCards.module.css +38 -38
- package/dist/components/NSSectionTiles.module.css +10 -10
- package/dist/components/NSTabPage.module.css +59 -59
- package/dist/components/NSTable.module.css +263 -263
- package/dist/components/NSTile.module.css +76 -76
- package/dist/components/NSTimelineMonthly.module.css +71 -71
- package/dist/components/NSTitle.module.css +15 -15
- package/dist/index.css +6 -0
- package/dist/pages/NSNotFoundPage.module.css +18 -18
- package/dist/pages/NSUpdating.module.css +35 -35
- package/package.json +80 -80
- package/public/index.html +38 -38
- package/src/App.css +33 -33
- package/src/App.tsx +131 -131
- package/src/Color.tsx +10 -10
- package/src/CopyToClipboard.ts +6 -6
- package/src/NSBoxBuilder.tsx +914 -914
- package/src/Validator.ts +163 -163
- package/src/components/INSBox.tsx +6 -6
- package/src/components/NSBanner.module.css +47 -47
- package/src/components/NSBanner.tsx +80 -80
- package/src/components/NSBarAction.module.css +84 -84
- package/src/components/NSBarAction.tsx +90 -90
- package/src/components/NSBarAlert.module.css +79 -79
- package/src/components/NSBarAlert.tsx +35 -35
- package/src/components/NSBarNotification.module.css +34 -34
- package/src/components/NSBarNotification.tsx +85 -85
- package/src/components/NSBarTitle.module.css +9 -9
- package/src/components/NSBarTitle.tsx +23 -23
- package/src/components/NSBox.module.css +50 -50
- package/src/components/NSBox.tsx +19 -19
- package/src/components/NSBoxBaseCombo.module.css +6 -6
- package/src/components/NSBoxBaseCombo.tsx +314 -314
- package/src/components/NSBoxBaseLayout.tsx +88 -88
- package/src/components/NSBoxBaseLayoutRecursive.tsx +54 -54
- package/src/components/NSBoxBoolean.module.css +67 -67
- package/src/components/NSBoxBoolean.tsx +119 -119
- package/src/components/NSBoxBooleans.tsx +161 -161
- package/src/components/NSBoxColor.tsx +95 -95
- package/src/components/NSBoxCombo.tsx +91 -91
- package/src/components/NSBoxDate.module.css +4 -4
- package/src/components/NSBoxDate.tsx +90 -90
- package/src/components/NSBoxDateTime.module.css +4 -4
- package/src/components/NSBoxDateTime.tsx +105 -105
- package/src/components/NSBoxDouble.tsx +94 -94
- package/src/components/NSBoxDuration.module.css +4 -4
- package/src/components/NSBoxDuration.tsx +95 -95
- package/src/components/NSBoxDynamic.tsx +67 -67
- package/src/components/NSBoxDynamics.tsx +68 -68
- package/src/components/NSBoxEmail.tsx +98 -98
- package/src/components/NSBoxEntity.tsx +101 -101
- package/src/components/NSBoxEnum.tsx +108 -108
- package/src/components/NSBoxFile.module.css +10 -10
- package/src/components/NSBoxFile.tsx +101 -101
- package/src/components/NSBoxFilePath.tsx +95 -95
- package/src/components/NSBoxFont.tsx +95 -95
- package/src/components/NSBoxIPV4.tsx +95 -95
- package/src/components/NSBoxIPV4Range.tsx +95 -95
- package/src/components/NSBoxIPV6.tsx +92 -92
- package/src/components/NSBoxIPV6Range.tsx +95 -95
- package/src/components/NSBoxInteger.tsx +91 -91
- package/src/components/NSBoxMoney.tsx +95 -95
- package/src/components/NSBoxPassword.tsx +106 -106
- package/src/components/NSBoxPhone.module.css +35 -35
- package/src/components/NSBoxPhone.tsx +107 -107
- package/src/components/NSBoxRadio.module.css +33 -33
- package/src/components/NSBoxRadio.tsx +91 -91
- package/src/components/NSBoxSchemaBase.module.css +17 -17
- package/src/components/NSBoxSchemaBase.tsx +540 -540
- package/src/components/NSBoxSchemaVariable.module.css +16 -16
- package/src/components/NSBoxSchemaVariable.tsx +250 -250
- package/src/components/NSBoxSearch.tsx +97 -97
- package/src/components/NSBoxString.tsx +91 -91
- package/src/components/NSBoxTextArea.module.css +12 -12
- package/src/components/NSBoxTextArea.tsx +98 -98
- package/src/components/NSBoxTime.module.css +4 -4
- package/src/components/NSBoxTime.tsx +93 -93
- package/src/components/NSBoxTimeZone.tsx +95 -95
- package/src/components/NSBoxURL.tsx +104 -104
- package/src/components/NSBoxVersion.tsx +95 -95
- package/src/components/NSButton.module.css +57 -57
- package/src/components/NSButton.tsx +25 -25
- package/src/components/NSButtonBlue.module.css +4 -4
- package/src/components/NSButtonBlue.tsx +19 -19
- package/src/components/NSButtonGreen.module.css +4 -4
- package/src/components/NSButtonGreen.tsx +19 -19
- package/src/components/NSButtonRed.module.css +4 -4
- package/src/components/NSButtonRed.tsx +19 -19
- package/src/components/NSCard.module.css +114 -114
- package/src/components/NSCard.tsx +63 -63
- package/src/components/NSCardScreenshot.module.css +41 -41
- package/src/components/NSCardScreenshot.tsx +31 -31
- package/src/components/NSChartColumn.module.css +7 -7
- package/src/components/NSChartColumn.tsx +106 -106
- package/src/components/NSChartDoughnut.tsx +112 -112
- package/src/components/NSChartPie.tsx +105 -105
- package/src/components/NSChartRange.tsx +14 -14
- package/src/components/NSChartTable.module.css +21 -21
- package/src/components/NSChartTable.tsx +94 -94
- package/src/components/NSColumn.module.css +16 -16
- package/src/components/NSColumn.tsx +24 -24
- package/src/components/NSCopy.tsx +58 -58
- package/src/components/NSCopyBox.module.css +39 -39
- package/src/components/NSCopyBox.tsx +53 -53
- package/src/components/NSDialog.module.css +112 -112
- package/src/components/NSDialog.tsx +61 -61
- package/src/components/NSDialogDelete.tsx +26 -26
- package/src/components/NSDialogInfo.tsx +32 -32
- package/src/components/NSDialogPageSelection.module.css +103 -103
- package/src/components/NSDialogPageSelection.tsx +227 -227
- package/src/components/NSDownTimer.module.css +55 -55
- package/src/components/NSDownTimer.tsx +91 -91
- package/src/components/NSDownload.module.css +46 -46
- package/src/components/NSDownload.tsx +66 -66
- package/src/components/NSElectronicCard.module.css +60 -60
- package/src/components/NSElectronicCard.tsx +46 -46
- package/src/components/NSEntityCardBackground.module.css +27 -27
- package/src/components/NSEntityCardBackground.tsx +36 -36
- package/src/components/NSFilterBox.module.css +56 -56
- package/src/components/NSFilterBox.tsx +506 -506
- package/src/components/NSFilterItem.module.css +24 -24
- package/src/components/NSFilterItem.tsx +27 -27
- package/src/components/NSFooter.module.css +134 -134
- package/src/components/NSFooter.tsx +321 -321
- package/src/components/NSHeader.module.css +291 -291
- package/src/components/NSHeader.tsx +261 -261
- package/src/components/NSHeaderScreenshot.module.css +35 -35
- package/src/components/NSHeaderScreenshot.tsx +39 -39
- package/src/components/NSID.tsx +133 -131
- package/src/components/NSLabel.module.css +25 -25
- package/src/components/NSLabel.tsx +46 -46
- package/src/components/NSLabelErrorNotifier.module.css +2 -2
- package/src/components/NSLabelErrorNotifier.tsx +35 -35
- package/src/components/NSLayout.module.css +14 -14
- package/src/components/NSLayout.tsx +126 -126
- package/src/components/NSLine.module.css +15 -15
- package/src/components/NSLine.tsx +13 -13
- package/src/components/NSLink.module.css +36 -36
- package/src/components/NSLink.tsx +25 -25
- package/src/components/NSLinkBlue.tsx +21 -21
- package/src/components/NSLinkGreen.tsx +12 -12
- package/src/components/NSLinkRed.tsx +12 -12
- package/src/components/NSListGrouped.module.css +69 -69
- package/src/components/NSListGrouped.tsx +106 -106
- package/src/components/NSListProduct.tsx +44 -44
- package/src/components/NSLoading.module.css +30 -30
- package/src/components/NSLoading.tsx +21 -21
- package/src/components/NSMenuAction.module.css +88 -88
- package/src/components/NSMenuAction.tsx +90 -90
- package/src/components/NSMenuButton.module.css +44 -44
- package/src/components/NSMenuButton.tsx +206 -206
- package/src/components/NSNoData.module.css +9 -9
- package/src/components/NSNoData.tsx +24 -24
- package/src/components/NSPagination.module.css +85 -85
- package/src/components/NSPagination.tsx +182 -182
- package/src/components/NSPanel.module.css +19 -19
- package/src/components/NSPanel.tsx +24 -24
- package/src/components/NSPanelAccordion.module.css +4 -4
- package/src/components/NSPanelAccordion.tsx +51 -51
- package/src/components/NSRange.module.css +66 -66
- package/src/components/NSRange.tsx +83 -83
- package/src/components/NSRepeater.tsx +256 -256
- package/src/components/NSRepeaterNSBoxSchemaVariable.tsx +90 -90
- package/src/components/NSRepeaterNSTag.tsx +81 -81
- package/src/components/NSRow.module.css +17 -17
- package/src/components/NSRow.tsx +24 -24
- package/src/components/NSSection.module.css +4 -4
- package/src/components/NSSection.tsx +26 -26
- package/src/components/NSSectionCards.module.css +38 -38
- package/src/components/NSSectionCards.tsx +51 -51
- package/src/components/NSSectionTiles.module.css +10 -10
- package/src/components/NSSectionTiles.tsx +25 -25
- package/src/components/NSSectionTitle.tsx +21 -21
- package/src/components/NSSpace.tsx +28 -28
- package/src/components/NSTabPage.module.css +59 -59
- package/src/components/NSTabPage.tsx +91 -91
- package/src/components/NSTable.module.css +263 -263
- package/src/components/NSTable.tsx +482 -482
- package/src/components/NSTag.tsx +74 -74
- package/src/components/NSTile.module.css +76 -76
- package/src/components/NSTile.tsx +27 -27
- package/src/components/NSTimelineMonthly.module.css +71 -71
- package/src/components/NSTimelineMonthly.tsx +44 -44
- package/src/components/NSTitle.module.css +15 -15
- package/src/components/NSTitle.tsx +19 -19
- package/src/formatter/BackColorFormatter.tsx +23 -23
- package/src/formatter/BaseColumnFormatter.ts +16 -16
- package/src/formatter/BaseURLImageFormatter.tsx +33 -33
- package/src/formatter/BooleanFormatter.ts +22 -22
- package/src/formatter/DateFormatter.ts +21 -21
- package/src/formatter/DateTimeFormatter.ts +21 -21
- package/src/formatter/DurationFormatter.ts +13 -13
- package/src/formatter/EmailFormatter.tsx +21 -21
- package/src/formatter/EnumFormatter.ts +13 -13
- package/src/formatter/FloatFormatter.ts +23 -23
- package/src/formatter/ForeColorFormatter.tsx +24 -24
- package/src/formatter/IDFormatter.tsx +30 -30
- package/src/formatter/IPFormatter.ts +13 -13
- package/src/formatter/IntegerFormatter.ts +23 -23
- package/src/formatter/JsonFormatter.ts +21 -21
- package/src/formatter/MoneyFormatter.ts +30 -30
- package/src/formatter/PhoneFormatter.tsx +21 -21
- package/src/formatter/StringFormatter.tsx +43 -43
- package/src/formatter/TimeFormatter.ts +21 -21
- package/src/formatter/URLFormatter.tsx +21 -21
- package/src/formatter/UnknowFormatter.ts +18 -18
- package/src/index.tsx +7 -7
- package/src/main.ts +222 -222
- package/src/pages/NSNotFoundPage.module.css +18 -18
- package/src/pages/NSNotFoundPage.tsx +11 -11
- package/src/pages/NSUpdating.module.css +35 -35
- package/src/pages/NSUpdating.tsx +32 -32
- package/src/props/IBackgroundPropps.ts +5 -5
- package/src/props/IBaseComponentProps.ts +8 -8
- package/src/props/IHeaderIconProps.ts +10 -10
- package/src/props/IHeaderProps.ts +7 -7
- package/src/props/IImageProps.ts +4 -4
- package/src/props/ILinkProps.ts +5 -5
- package/src/props/IValidationNumberProps.ts +4 -4
- package/src/props/IValidationPrecisionProps.ts +3 -3
- package/src/props/IValidationProps.ts +9 -9
- package/src/props/IValidationRegexProps.ts +4 -4
- package/src/props/IValidationStringProps.ts +4 -4
- package/src/routing/NSNotifier.ts +114 -114
- package/src/routing/NSRouterMaker.tsx +20 -20
- package/src/routing/NSRouterMakerComponent.ts +5 -5
- package/src/routing/NSRouterMakerProps.ts +5 -5
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
|
|
3
|
-
export interface IBaseComponentProps
|
|
4
|
-
{
|
|
5
|
-
id?: string;
|
|
6
|
-
name?: string;
|
|
7
|
-
classList?: string[]
|
|
8
|
-
style?: React.CSSProperties
|
|
1
|
+
import React from "react";
|
|
2
|
+
|
|
3
|
+
export interface IBaseComponentProps
|
|
4
|
+
{
|
|
5
|
+
id?: string;
|
|
6
|
+
name?: string;
|
|
7
|
+
classList?: string[]
|
|
8
|
+
style?: React.CSSProperties
|
|
9
9
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
|
|
3
|
-
export interface IHeaderIconProps
|
|
4
|
-
{
|
|
5
|
-
count?: number
|
|
6
|
-
src: string,
|
|
7
|
-
alt?: string,
|
|
8
|
-
tooltip?:string,
|
|
9
|
-
onClicked: (icon: IHeaderIconProps) => void
|
|
10
|
-
children?: React.ReactNode
|
|
1
|
+
import React from "react";
|
|
2
|
+
|
|
3
|
+
export interface IHeaderIconProps
|
|
4
|
+
{
|
|
5
|
+
count?: number
|
|
6
|
+
src: string,
|
|
7
|
+
alt?: string,
|
|
8
|
+
tooltip?:string,
|
|
9
|
+
onClicked: (icon: IHeaderIconProps) => void
|
|
10
|
+
children?: React.ReactNode
|
|
11
11
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { IHeaderIconProps } from "./IHeaderIconProps";
|
|
2
|
-
|
|
3
|
-
export interface IHeaderProps
|
|
4
|
-
{
|
|
5
|
-
title: string;
|
|
6
|
-
logo_title?: string;
|
|
7
|
-
icons: IHeaderIconProps[];
|
|
1
|
+
import { IHeaderIconProps } from "./IHeaderIconProps";
|
|
2
|
+
|
|
3
|
+
export interface IHeaderProps
|
|
4
|
+
{
|
|
5
|
+
title: string;
|
|
6
|
+
logo_title?: string;
|
|
7
|
+
icons: IHeaderIconProps[];
|
|
8
8
|
}
|
package/src/props/IImageProps.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export interface IImageProps
|
|
2
|
-
{
|
|
3
|
-
src: string;
|
|
4
|
-
alt?: string;
|
|
1
|
+
export interface IImageProps
|
|
2
|
+
{
|
|
3
|
+
src: string;
|
|
4
|
+
alt?: string;
|
|
5
5
|
}
|
package/src/props/ILinkProps.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export interface ILinkProps
|
|
2
|
-
{
|
|
3
|
-
title?: string;
|
|
4
|
-
href: string;
|
|
5
|
-
target?: string;
|
|
1
|
+
export interface ILinkProps
|
|
2
|
+
{
|
|
3
|
+
title?: string;
|
|
4
|
+
href: string;
|
|
5
|
+
target?: string;
|
|
6
6
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export interface IValidationNumberProps
|
|
2
|
-
{
|
|
3
|
-
min?: number;
|
|
4
|
-
max?: number;
|
|
1
|
+
export interface IValidationNumberProps
|
|
2
|
+
{
|
|
3
|
+
min?: number;
|
|
4
|
+
max?: number;
|
|
5
5
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export interface IValidationPrecisionProps
|
|
2
|
-
{
|
|
3
|
-
precision?: number;
|
|
1
|
+
export interface IValidationPrecisionProps
|
|
2
|
+
{
|
|
3
|
+
precision?: number;
|
|
4
4
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { IValidationRegexProps } from "./IValidationRegexProps";
|
|
2
|
-
|
|
3
|
-
export interface IValidationProps
|
|
4
|
-
{
|
|
5
|
-
required: boolean;
|
|
6
|
-
valids?: string[];
|
|
7
|
-
invalids?: string[];
|
|
8
|
-
regex?: IValidationRegexProps;
|
|
9
|
-
validator?: (name: string, value: any | null | undefined) => string | null;
|
|
1
|
+
import { IValidationRegexProps } from "./IValidationRegexProps";
|
|
2
|
+
|
|
3
|
+
export interface IValidationProps
|
|
4
|
+
{
|
|
5
|
+
required: boolean;
|
|
6
|
+
valids?: string[];
|
|
7
|
+
invalids?: string[];
|
|
8
|
+
regex?: IValidationRegexProps;
|
|
9
|
+
validator?: (name: string, value: any | null | undefined) => string | null;
|
|
10
10
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export interface IValidationRegexProps
|
|
2
|
-
{
|
|
3
|
-
name: string
|
|
4
|
-
regex: RegExp;
|
|
1
|
+
export interface IValidationRegexProps
|
|
2
|
+
{
|
|
3
|
+
name: string
|
|
4
|
+
regex: RegExp;
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export interface IValidationStringProps
|
|
2
|
-
{
|
|
3
|
-
min_length?: number;
|
|
4
|
-
max_length?: number;
|
|
1
|
+
export interface IValidationStringProps
|
|
2
|
+
{
|
|
3
|
+
min_length?: number;
|
|
4
|
+
max_length?: number;
|
|
5
5
|
}
|
|
@@ -1,115 +1,115 @@
|
|
|
1
|
-
import axios from "axios";
|
|
2
|
-
import { NSBarNotificationColor, NSBarNotificationProps, NotificationType } from "../components/NSBarNotification";
|
|
3
|
-
import { BaseUUID, IStorage, TimeOperation } from "namirasoft-core";
|
|
4
|
-
import { Mutex } from 'async-mutex';
|
|
5
|
-
|
|
6
|
-
export class NSNotifier
|
|
7
|
-
{
|
|
8
|
-
private static mutex_mofify: Mutex = new Mutex();
|
|
9
|
-
private static mutex_set: Mutex = new Mutex();
|
|
10
|
-
private storage: IStorage;
|
|
11
|
-
private changeState: () => void;
|
|
12
|
-
public timeout: number = 5000;
|
|
13
|
-
constructor(storage: IStorage, changeState: () => void)
|
|
14
|
-
{
|
|
15
|
-
this.storage = storage;
|
|
16
|
-
this.changeState = changeState;
|
|
17
|
-
this.onChangeState = this.onChangeState.bind(this);
|
|
18
|
-
this.getNotifications = this.getNotifications.bind(this);
|
|
19
|
-
this.setNotifications = this.setNotifications.bind(this);
|
|
20
|
-
this.delNotification = this.delNotification.bind(this);
|
|
21
|
-
this.notify = this.notify.bind(this);
|
|
22
|
-
this.onInformation = this.onInformation.bind(this);
|
|
23
|
-
this.onSuccess = this.onSuccess.bind(this);
|
|
24
|
-
this.onWarning = this.onWarning.bind(this);
|
|
25
|
-
this.onError = this.onError.bind(this);
|
|
26
|
-
}
|
|
27
|
-
onChangeState()
|
|
28
|
-
{
|
|
29
|
-
this.changeState();
|
|
30
|
-
}
|
|
31
|
-
getNotifications(): NSBarNotificationProps[]
|
|
32
|
-
{
|
|
33
|
-
let ans: NSBarNotificationProps[] = [];
|
|
34
|
-
let value = this.storage.get("ns-notifications", "");
|
|
35
|
-
if (value)
|
|
36
|
-
ans = JSON.parse(value);
|
|
37
|
-
let now = new Date();
|
|
38
|
-
ans = ans.filter(x =>
|
|
39
|
-
{
|
|
40
|
-
if (x.expired_at)
|
|
41
|
-
{
|
|
42
|
-
let expired_at = new Date(x.expired_at);
|
|
43
|
-
return expired_at >= now;
|
|
44
|
-
}
|
|
45
|
-
return false;
|
|
46
|
-
})
|
|
47
|
-
return ans;
|
|
48
|
-
}
|
|
49
|
-
setNotifications(notifications: NSBarNotificationProps[], timout?: number): void
|
|
50
|
-
{
|
|
51
|
-
NSNotifier.mutex_set.runExclusive(() =>
|
|
52
|
-
{
|
|
53
|
-
notifications.forEach(n =>
|
|
54
|
-
{
|
|
55
|
-
if (!n.expired_at)
|
|
56
|
-
n.expired_at = TimeOperation.millisecondsLater(timout ?? this.timeout, new Date());
|
|
57
|
-
});
|
|
58
|
-
this.storage.set("ns-notifications", JSON.stringify(notifications));
|
|
59
|
-
this.onChangeState();
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
delNotification(id: string): void
|
|
63
|
-
{
|
|
64
|
-
NSNotifier.mutex_mofify.runExclusive(() =>
|
|
65
|
-
{
|
|
66
|
-
let notifications: NSBarNotificationProps[] = this.getNotifications();
|
|
67
|
-
notifications = notifications.filter(x => x.id !== id);
|
|
68
|
-
this.setNotifications(notifications);
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
private notify(message: NSBarNotificationProps, timout?: number)
|
|
72
|
-
{
|
|
73
|
-
NSNotifier.mutex_mofify.runExclusive(() =>
|
|
74
|
-
{
|
|
75
|
-
let notifications: NSBarNotificationProps[] = this.getNotifications();
|
|
76
|
-
notifications.push(message);
|
|
77
|
-
this.setNotifications(notifications, timout);
|
|
78
|
-
window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
|
|
79
|
-
});
|
|
80
|
-
setTimeout(() =>
|
|
81
|
-
{
|
|
82
|
-
this.delNotification(message.id);
|
|
83
|
-
}, timout ?? this.timeout);
|
|
84
|
-
}
|
|
85
|
-
onInformation(text: string, timout?: number)
|
|
86
|
-
{
|
|
87
|
-
let id = BaseUUID.uuid();
|
|
88
|
-
this.notify({ id, text, type: NotificationType.Information, color: NSBarNotificationColor.GRAY }, timout);
|
|
89
|
-
}
|
|
90
|
-
onSuccess(text: string, timout?: number)
|
|
91
|
-
{
|
|
92
|
-
let id = BaseUUID.uuid();
|
|
93
|
-
this.notify({ id, text, type: NotificationType.Success, color: NSBarNotificationColor.GREEN }, timout);
|
|
94
|
-
}
|
|
95
|
-
onWarning(text: string, timout?: number)
|
|
96
|
-
{
|
|
97
|
-
let id = BaseUUID.uuid();
|
|
98
|
-
this.notify({ id, text, type: NotificationType.Warning, color: NSBarNotificationColor.YELLOW }, timout);
|
|
99
|
-
}
|
|
100
|
-
onError(error: Error | string, timout?: number)
|
|
101
|
-
{
|
|
102
|
-
let id = BaseUUID.uuid();
|
|
103
|
-
let text: string = "";
|
|
104
|
-
if (error instanceof Error)
|
|
105
|
-
{
|
|
106
|
-
text = error.message;
|
|
107
|
-
if (axios.isAxiosError(error))
|
|
108
|
-
if (error.response?.data)
|
|
109
|
-
text = error.response.data;
|
|
110
|
-
}
|
|
111
|
-
else
|
|
112
|
-
text = error;
|
|
113
|
-
this.notify({ id, text, type: NotificationType.Error, color: NSBarNotificationColor.RED }, timout);
|
|
114
|
-
}
|
|
1
|
+
import axios from "axios";
|
|
2
|
+
import { NSBarNotificationColor, NSBarNotificationProps, NotificationType } from "../components/NSBarNotification";
|
|
3
|
+
import { BaseUUID, IStorage, TimeOperation } from "namirasoft-core";
|
|
4
|
+
import { Mutex } from 'async-mutex';
|
|
5
|
+
|
|
6
|
+
export class NSNotifier
|
|
7
|
+
{
|
|
8
|
+
private static mutex_mofify: Mutex = new Mutex();
|
|
9
|
+
private static mutex_set: Mutex = new Mutex();
|
|
10
|
+
private storage: IStorage;
|
|
11
|
+
private changeState: () => void;
|
|
12
|
+
public timeout: number = 5000;
|
|
13
|
+
constructor(storage: IStorage, changeState: () => void)
|
|
14
|
+
{
|
|
15
|
+
this.storage = storage;
|
|
16
|
+
this.changeState = changeState;
|
|
17
|
+
this.onChangeState = this.onChangeState.bind(this);
|
|
18
|
+
this.getNotifications = this.getNotifications.bind(this);
|
|
19
|
+
this.setNotifications = this.setNotifications.bind(this);
|
|
20
|
+
this.delNotification = this.delNotification.bind(this);
|
|
21
|
+
this.notify = this.notify.bind(this);
|
|
22
|
+
this.onInformation = this.onInformation.bind(this);
|
|
23
|
+
this.onSuccess = this.onSuccess.bind(this);
|
|
24
|
+
this.onWarning = this.onWarning.bind(this);
|
|
25
|
+
this.onError = this.onError.bind(this);
|
|
26
|
+
}
|
|
27
|
+
onChangeState()
|
|
28
|
+
{
|
|
29
|
+
this.changeState();
|
|
30
|
+
}
|
|
31
|
+
getNotifications(): NSBarNotificationProps[]
|
|
32
|
+
{
|
|
33
|
+
let ans: NSBarNotificationProps[] = [];
|
|
34
|
+
let value = this.storage.get("ns-notifications", "");
|
|
35
|
+
if (value)
|
|
36
|
+
ans = JSON.parse(value);
|
|
37
|
+
let now = new Date();
|
|
38
|
+
ans = ans.filter(x =>
|
|
39
|
+
{
|
|
40
|
+
if (x.expired_at)
|
|
41
|
+
{
|
|
42
|
+
let expired_at = new Date(x.expired_at);
|
|
43
|
+
return expired_at >= now;
|
|
44
|
+
}
|
|
45
|
+
return false;
|
|
46
|
+
})
|
|
47
|
+
return ans;
|
|
48
|
+
}
|
|
49
|
+
setNotifications(notifications: NSBarNotificationProps[], timout?: number): void
|
|
50
|
+
{
|
|
51
|
+
NSNotifier.mutex_set.runExclusive(() =>
|
|
52
|
+
{
|
|
53
|
+
notifications.forEach(n =>
|
|
54
|
+
{
|
|
55
|
+
if (!n.expired_at)
|
|
56
|
+
n.expired_at = TimeOperation.millisecondsLater(timout ?? this.timeout, new Date());
|
|
57
|
+
});
|
|
58
|
+
this.storage.set("ns-notifications", JSON.stringify(notifications));
|
|
59
|
+
this.onChangeState();
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
delNotification(id: string): void
|
|
63
|
+
{
|
|
64
|
+
NSNotifier.mutex_mofify.runExclusive(() =>
|
|
65
|
+
{
|
|
66
|
+
let notifications: NSBarNotificationProps[] = this.getNotifications();
|
|
67
|
+
notifications = notifications.filter(x => x.id !== id);
|
|
68
|
+
this.setNotifications(notifications);
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
private notify(message: NSBarNotificationProps, timout?: number)
|
|
72
|
+
{
|
|
73
|
+
NSNotifier.mutex_mofify.runExclusive(() =>
|
|
74
|
+
{
|
|
75
|
+
let notifications: NSBarNotificationProps[] = this.getNotifications();
|
|
76
|
+
notifications.push(message);
|
|
77
|
+
this.setNotifications(notifications, timout);
|
|
78
|
+
window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
|
|
79
|
+
});
|
|
80
|
+
setTimeout(() =>
|
|
81
|
+
{
|
|
82
|
+
this.delNotification(message.id);
|
|
83
|
+
}, timout ?? this.timeout);
|
|
84
|
+
}
|
|
85
|
+
onInformation(text: string, timout?: number)
|
|
86
|
+
{
|
|
87
|
+
let id = BaseUUID.uuid();
|
|
88
|
+
this.notify({ id, text, type: NotificationType.Information, color: NSBarNotificationColor.GRAY }, timout);
|
|
89
|
+
}
|
|
90
|
+
onSuccess(text: string, timout?: number)
|
|
91
|
+
{
|
|
92
|
+
let id = BaseUUID.uuid();
|
|
93
|
+
this.notify({ id, text, type: NotificationType.Success, color: NSBarNotificationColor.GREEN }, timout);
|
|
94
|
+
}
|
|
95
|
+
onWarning(text: string, timout?: number)
|
|
96
|
+
{
|
|
97
|
+
let id = BaseUUID.uuid();
|
|
98
|
+
this.notify({ id, text, type: NotificationType.Warning, color: NSBarNotificationColor.YELLOW }, timout);
|
|
99
|
+
}
|
|
100
|
+
onError(error: Error | string, timout?: number)
|
|
101
|
+
{
|
|
102
|
+
let id = BaseUUID.uuid();
|
|
103
|
+
let text: string = "";
|
|
104
|
+
if (error instanceof Error)
|
|
105
|
+
{
|
|
106
|
+
text = error.message;
|
|
107
|
+
if (axios.isAxiosError(error))
|
|
108
|
+
if (error.response?.data)
|
|
109
|
+
text = error.response.data;
|
|
110
|
+
}
|
|
111
|
+
else
|
|
112
|
+
text = error;
|
|
113
|
+
this.notify({ id, text, type: NotificationType.Error, color: NSBarNotificationColor.RED }, timout);
|
|
114
|
+
}
|
|
115
115
|
}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { NSNotifier } from './NSNotifier';
|
|
2
|
-
import { IStorage } from 'namirasoft-core';
|
|
3
|
-
import { NSRouterMakerComponent } from './NSRouterMakerComponent';
|
|
4
|
-
|
|
5
|
-
export class NSRouterMaker
|
|
6
|
-
{
|
|
7
|
-
private storage: IStorage;
|
|
8
|
-
private setState: () => void;
|
|
9
|
-
private component: NSRouterMakerComponent;
|
|
10
|
-
constructor(storage: IStorage, setState: () => void, component: NSRouterMakerComponent)
|
|
11
|
-
{
|
|
12
|
-
this.storage = storage;
|
|
13
|
-
this.setState = setState;
|
|
14
|
-
this.component = component;
|
|
15
|
-
this.onRender = this.onRender.bind(this);
|
|
16
|
-
}
|
|
17
|
-
onRender(): React.JSX.Element
|
|
18
|
-
{
|
|
19
|
-
return this.component.onRender({ notifier: new NSNotifier(this.storage, this.setState) });
|
|
20
|
-
}
|
|
1
|
+
import { NSNotifier } from './NSNotifier';
|
|
2
|
+
import { IStorage } from 'namirasoft-core';
|
|
3
|
+
import { NSRouterMakerComponent } from './NSRouterMakerComponent';
|
|
4
|
+
|
|
5
|
+
export class NSRouterMaker
|
|
6
|
+
{
|
|
7
|
+
private storage: IStorage;
|
|
8
|
+
private setState: () => void;
|
|
9
|
+
private component: NSRouterMakerComponent;
|
|
10
|
+
constructor(storage: IStorage, setState: () => void, component: NSRouterMakerComponent)
|
|
11
|
+
{
|
|
12
|
+
this.storage = storage;
|
|
13
|
+
this.setState = setState;
|
|
14
|
+
this.component = component;
|
|
15
|
+
this.onRender = this.onRender.bind(this);
|
|
16
|
+
}
|
|
17
|
+
onRender(): React.JSX.Element
|
|
18
|
+
{
|
|
19
|
+
return this.component.onRender({ notifier: new NSNotifier(this.storage, this.setState) });
|
|
20
|
+
}
|
|
21
21
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { NSRouterMakerProps } from "./NSRouterMakerProps";
|
|
2
|
-
|
|
3
|
-
export interface NSRouterMakerComponent
|
|
4
|
-
{
|
|
5
|
-
onRender: (props: NSRouterMakerProps) => React.JSX.Element
|
|
1
|
+
import { NSRouterMakerProps } from "./NSRouterMakerProps";
|
|
2
|
+
|
|
3
|
+
export interface NSRouterMakerComponent
|
|
4
|
+
{
|
|
5
|
+
onRender: (props: NSRouterMakerProps) => React.JSX.Element
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { NSNotifier } from "./NSNotifier";
|
|
2
|
-
|
|
3
|
-
export interface NSRouterMakerProps
|
|
4
|
-
{
|
|
5
|
-
notifier: NSNotifier;
|
|
1
|
+
import { NSNotifier } from "./NSNotifier";
|
|
2
|
+
|
|
3
|
+
export interface NSRouterMakerProps
|
|
4
|
+
{
|
|
5
|
+
notifier: NSNotifier;
|
|
6
6
|
}
|