namirasoft-site-react 1.2.0 → 1.2.1
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/dist/App.d.ts +4 -0
- package/dist/App.js +47 -0
- package/dist/App.js.map +1 -0
- package/dist/components/NSButtonGreen.d.ts +11 -0
- package/dist/components/NSButtonGreen.js +9 -0
- package/dist/components/NSButtonGreen.js.map +1 -0
- package/dist/components/NSButtonRed.d.ts +11 -0
- package/dist/components/NSButtonRed.js +9 -0
- package/dist/components/NSButtonRed.js.map +1 -0
- package/dist/components/NSFooter.d.ts +19 -0
- package/dist/components/NSFooter.js +45 -0
- package/dist/components/NSFooter.js.map +1 -0
- package/dist/components/NSHeader.d.ts +22 -0
- package/dist/components/NSHeader.js +63 -0
- package/dist/components/NSHeader.js.map +1 -0
- package/dist/components/NSInputDate.d.ts +15 -0
- package/dist/components/NSInputDate.js +27 -0
- package/dist/components/NSInputDate.js.map +1 -0
- package/dist/components/NSInputDuration.d.ts +15 -0
- package/dist/components/NSInputDuration.js +28 -0
- package/dist/components/NSInputDuration.js.map +1 -0
- package/dist/components/NSInputEmail.d.ts +16 -0
- package/dist/components/NSInputEmail.js +36 -0
- package/dist/components/NSInputEmail.js.map +1 -0
- package/dist/components/NSInputFloat.d.ts +15 -0
- package/dist/components/NSInputFloat.js +28 -0
- package/dist/components/NSInputFloat.js.map +1 -0
- package/dist/components/NSInputIP.d.ts +15 -0
- package/dist/components/NSInputIP.js +28 -0
- package/dist/components/NSInputIP.js.map +1 -0
- package/dist/components/NSInputInteger.d.ts +15 -0
- package/dist/components/NSInputInteger.js +28 -0
- package/dist/components/NSInputInteger.js.map +1 -0
- package/dist/components/NSInputPhone.d.ts +16 -0
- package/dist/components/NSInputPhone.js +30 -0
- package/dist/components/NSInputPhone.js.map +1 -0
- package/dist/components/NSInputPrice.d.ts +15 -0
- package/dist/components/NSInputPrice.js +28 -0
- package/dist/components/NSInputPrice.js.map +1 -0
- package/dist/components/NSInputSearch.d.ts +17 -0
- package/dist/components/NSInputSearch.js +37 -0
- package/dist/components/NSInputSearch.js.map +1 -0
- package/dist/components/NSInputString.d.ts +15 -0
- package/dist/components/NSInputString.js +28 -0
- package/dist/components/NSInputString.js.map +1 -0
- package/dist/components/NSInputText.d.ts +15 -0
- package/dist/components/NSInputText.js +28 -0
- package/dist/components/NSInputText.js.map +1 -0
- package/dist/components/NSInputTime.d.ts +15 -0
- package/dist/components/NSInputTime.js +28 -0
- package/dist/components/NSInputTime.js.map +1 -0
- package/dist/components/NSSelectBox.d.ts +16 -0
- package/dist/components/NSSelectBox.js +24 -0
- package/dist/components/NSSelectBox.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +7 -0
- package/dist/index.js.map +1 -0
- package/dist/main.d.ts +17 -0
- package/dist/main.js +18 -0
- package/dist/main.js.map +1 -0
- package/package.json +18 -10
- package/src/App.tsx +48 -49
- package/src/components/NSButtonGreen.tsx +3 -6
- package/src/components/NSButtonRed.tsx +3 -6
- package/src/components/NSHeader.tsx +14 -28
- package/src/main.ts +17 -0
- package/tsconfig.json +32 -32
package/dist/App.d.ts
ADDED
package/dist/App.js
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import './App.css';
|
|
3
|
+
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
4
|
+
import NSHeader from './components/NSHeader';
|
|
5
|
+
import NSFooter from './components/NSFooter';
|
|
6
|
+
import NSInputText from './components/NSInputText';
|
|
7
|
+
import NSInputInteger from './components/NSInputInteger';
|
|
8
|
+
import NSInputFloat from './components/NSInputFloat';
|
|
9
|
+
import NSInputPrice from './components/NSInputPrice';
|
|
10
|
+
import NSInputDate from './components/NSInputDate';
|
|
11
|
+
import NSInputTime from './components/NSInputTime';
|
|
12
|
+
import NSInputDuration from './components/NSInputDuration';
|
|
13
|
+
import NSInputString from './components/NSInputString';
|
|
14
|
+
import NSInputIP from './components/NSInputIP';
|
|
15
|
+
import NSInputEmail from './components/NSInputEmail';
|
|
16
|
+
import NSInputSearch from './components/NSInputSearch';
|
|
17
|
+
import NSInputPhone from './components/NSInputPhone';
|
|
18
|
+
import { NSButtonGreen } from './components/NSButtonGreen';
|
|
19
|
+
import { NSButtonRed } from './components/NSButtonRed';
|
|
20
|
+
import NSSelectBox from './components/NSSelectBox';
|
|
21
|
+
function App() {
|
|
22
|
+
const options = [
|
|
23
|
+
{
|
|
24
|
+
label: 'Test1',
|
|
25
|
+
value: 'test1',
|
|
26
|
+
desc: 'Test1',
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
label: 'Test2',
|
|
30
|
+
value: 'test2',
|
|
31
|
+
desc: 'Test2',
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
label: 'Test3',
|
|
35
|
+
value: 'test3',
|
|
36
|
+
desc: 'Test3',
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
label: 'Test4',
|
|
40
|
+
value: 'test4',
|
|
41
|
+
desc: 'Test4',
|
|
42
|
+
},
|
|
43
|
+
];
|
|
44
|
+
return (_jsxs("div", { className: "App", children: [_jsx(NSHeader, { scope: 'test', name: 'test' }), _jsxs("div", { className: 'my-4', children: [_jsx(NSInputText, { title: 'Text' }), _jsx(NSInputInteger, { title: 'Integer' }), _jsx(NSInputFloat, { title: 'Floating Point' }), _jsx(NSInputPrice, { title: 'Price' }), _jsx(NSInputDate, { title: 'Date' }), _jsx(NSInputTime, { title: 'Time' }), _jsx(NSInputDuration, { title: 'Duration' }), _jsx(NSInputString, { title: 'String' }), _jsx(NSInputIP, { title: 'IP' }), _jsx(NSInputEmail, { title: 'Email' }), _jsx(NSInputSearch, { title: 'Search' }), _jsx(NSInputPhone, { title: 'Phone' }), _jsx(NSSelectBox, { title: "t", options: options }), _jsx(NSButtonGreen, { title: 'Save', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Delete', onClick: () => { } })] }), _jsx(NSFooter, { scope: 'test', name: 'test' })] }));
|
|
45
|
+
}
|
|
46
|
+
export default App;
|
|
47
|
+
//# sourceMappingURL=App.js.map
|
package/dist/App.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD,SAAS,GAAG;IACR,MAAM,OAAO,GAA2B;QACpC;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;KACJ,CAAC;IACF,OAAO,CACH,eAAK,SAAS,EAAC,KAAK,aAChB,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,GAAG,EACrC,eAAK,SAAS,EAAC,MAAM,aACjB,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,GAAG,EAClC,KAAC,YAAY,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACvC,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,EAC9B,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,eAAe,IAAC,KAAK,EAAC,UAAU,GAAG,EACpC,KAAC,aAAa,IAAC,KAAK,EAAC,QAAQ,GAAG,EAChC,KAAC,SAAS,IAAC,KAAK,EAAC,IAAI,GAAG,EACxB,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,EAC9B,KAAC,aAAa,IAAC,KAAK,EAAC,QAAQ,GAAG,EAChC,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,EAC9B,KAAC,WAAW,IAAC,KAAK,EAAC,GAAG,EAAC,OAAO,EAAE,OAAO,GAAI,EAC3C,KAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,EAClD,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,IAChD,EACN,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,GAAG,IACnC,CACT,CAAC;AACN,CAAC;AAED,eAAe,GAAG,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
onClick: () => void;
|
|
5
|
+
}
|
|
6
|
+
interface IState {
|
|
7
|
+
}
|
|
8
|
+
export declare class NSButtonGreen extends React.Component<IProps, IState> {
|
|
9
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
}
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import Style from "./NSButtonGreen.module.css";
|
|
4
|
+
export class NSButtonGreen extends React.Component {
|
|
5
|
+
render() {
|
|
6
|
+
return _jsx("button", { onClick: this.props.onClick, className: Style.ns_button_green, children: this.props.title });
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=NSButtonGreen.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSButtonGreen.js","sourceRoot":"","sources":["../../src/components/NSButtonGreen.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,4BAA4B,CAAC;AAQ/C,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAyB;IAErD,MAAM;QACX,OAAO,iBAAQ,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,eAAe,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAU,CAAC;IAC9G,CAAC;CACJ"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
onClick: () => void;
|
|
5
|
+
}
|
|
6
|
+
interface IState {
|
|
7
|
+
}
|
|
8
|
+
export declare class NSButtonRed extends React.Component<IProps, IState> {
|
|
9
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
}
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import Style from "./NSButtonRed.module.css";
|
|
4
|
+
export class NSButtonRed extends React.Component {
|
|
5
|
+
render() {
|
|
6
|
+
return _jsx("button", { onClick: this.props.onClick, className: Style.ns_button_red, children: this.props.title });
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=NSButtonRed.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSButtonRed.js","sourceRoot":"","sources":["../../src/components/NSButtonRed.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAQ7C,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAEnD,MAAM;QACX,OAAO,iBAAQ,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,aAAa,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAU,CAAC;IAC5G,CAAC;CACJ"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { FilterLinkRow } from 'namirasoft-api-link';
|
|
3
|
+
interface IProps {
|
|
4
|
+
scope: string;
|
|
5
|
+
name: string;
|
|
6
|
+
}
|
|
7
|
+
interface IState {
|
|
8
|
+
filters: FilterLinkRow[];
|
|
9
|
+
selected: FilterLinkRow | null;
|
|
10
|
+
}
|
|
11
|
+
export default class NSFooter extends React.Component<IProps, IState> {
|
|
12
|
+
constructor(props: IProps);
|
|
13
|
+
componentDidMount(): void;
|
|
14
|
+
private hasChild;
|
|
15
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
private render_menu;
|
|
17
|
+
private render_menuItem;
|
|
18
|
+
}
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import Styles from "./NSFooter.module.css";
|
|
4
|
+
import { NamirasoftAPILinkServer } from 'namirasoft-api-link';
|
|
5
|
+
export default class NSFooter extends React.Component {
|
|
6
|
+
constructor(props) {
|
|
7
|
+
super(props);
|
|
8
|
+
this.state = {
|
|
9
|
+
filters: [],
|
|
10
|
+
selected: null
|
|
11
|
+
};
|
|
12
|
+
this.hasChild = this.hasChild.bind(this);
|
|
13
|
+
this.render_menu = this.render_menu.bind(this);
|
|
14
|
+
this.render_menuItem = this.render_menuItem.bind(this);
|
|
15
|
+
}
|
|
16
|
+
componentDidMount() {
|
|
17
|
+
let server = new NamirasoftAPILinkServer(console.error);
|
|
18
|
+
server.filter.GetFilters(this.props.scope, this.props.name).then(filters => {
|
|
19
|
+
this.setState({ filters });
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
hasChild(id) {
|
|
23
|
+
return this.state.filters.filter(f => f.parent_id === id).length > 0;
|
|
24
|
+
}
|
|
25
|
+
render() {
|
|
26
|
+
return (_jsx("div", { className: Styles.ns_footer, children: _jsxs("div", { className: "container", children: [_jsxs("div", { className: `d-flex justify-content-between ${Styles.ns_footer_parent_items}`, children: [_jsx("div", { className: "d-none d-md-block", children: _jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: "https://static.namirasoft.com/logo/account/base.png", alt: 'footer', width: 48, height: 48 }) }) }) }), _jsx("div", { className: "d-flex flex-wrap w-100 gap-5", children: this.render_menu(0, null) }), _jsx("div", { className: "justify-content-end d-none d-md-flex", children: _jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/name.png", alt: 'footer', width: 48, height: 48 }) }) }) })] }), _jsxs("div", { className: "d-flex justify-content-center gap-4 mb-3 d-block d-md-none", children: [_jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: "https://static.namirasoft.com/logo/account/base.png", alt: 'footer', width: 48, height: 48 }) }) }), _jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/name.png", alt: 'footer', width: 48, height: 48 }) }) })] }), _jsx("div", { className: `row ${Styles.ns_footer_copyright}`, children: "\u00A9Copyright 2010 - 2023 Namira Software Corporation. All rights reserved." })] }) }));
|
|
27
|
+
}
|
|
28
|
+
render_menu(level, parent_id) {
|
|
29
|
+
var _a;
|
|
30
|
+
let fs = (_a = this.state.filters) === null || _a === void 0 ? void 0 : _a.filter(f => f.parent_id === parent_id);
|
|
31
|
+
return (_jsx(_Fragment, { children: (fs === null || fs === void 0 ? void 0 : fs.map(f => this.render_menuItem(level, f))) }));
|
|
32
|
+
}
|
|
33
|
+
render_menuItem(level, filter) {
|
|
34
|
+
if (this.hasChild(filter.id)) {
|
|
35
|
+
return (_jsx(_Fragment, { children: _jsxs("ul", { id: `dropdown_parent${filter.id}`, children: [filter.name, this.render_menu(1, filter.id)] }) }));
|
|
36
|
+
}
|
|
37
|
+
else if (level == 0) {
|
|
38
|
+
return (_jsx(_Fragment, { children: _jsx("ul", { id: `dropdown_parent${filter.id}`, children: filter.name }) }));
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
return (_jsx("li", { className: "mb-2", children: filter.name }));
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=NSFooter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSFooter.js","sourceRoot":"","sources":["../../src/components/NSFooter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { FilterLinkRow } from 'namirasoft-api-link';
|
|
3
|
+
interface IProps {
|
|
4
|
+
scope: string;
|
|
5
|
+
name: string;
|
|
6
|
+
}
|
|
7
|
+
interface IState {
|
|
8
|
+
filters: FilterLinkRow[];
|
|
9
|
+
selected: FilterLinkRow | null;
|
|
10
|
+
showNavbar: boolean;
|
|
11
|
+
}
|
|
12
|
+
export default class NSHeader extends React.Component<IProps, IState> {
|
|
13
|
+
constructor(props: IProps);
|
|
14
|
+
componentDidMount(): void;
|
|
15
|
+
private onMenuItemToggled;
|
|
16
|
+
private hasChild;
|
|
17
|
+
handleShowNavbar(): void;
|
|
18
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
private render_menu;
|
|
20
|
+
private render_menuItem;
|
|
21
|
+
}
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import Styles from "./NSHeader.module.css";
|
|
4
|
+
import Nav from 'react-bootstrap/Nav';
|
|
5
|
+
import Menu from '../assets/images/menu.svg';
|
|
6
|
+
import Exit from '../assets/images/exit.svg';
|
|
7
|
+
import NavDropdown from 'react-bootstrap/NavDropdown';
|
|
8
|
+
import { NamirasoftAPILinkServer } from 'namirasoft-api-link';
|
|
9
|
+
export default class NSHeader extends React.Component {
|
|
10
|
+
constructor(props) {
|
|
11
|
+
super(props);
|
|
12
|
+
this.state = {
|
|
13
|
+
filters: [],
|
|
14
|
+
selected: null,
|
|
15
|
+
showNavbar: false
|
|
16
|
+
};
|
|
17
|
+
this.hasChild = this.hasChild.bind(this);
|
|
18
|
+
this.onMenuItemToggled = this.onMenuItemToggled.bind(this);
|
|
19
|
+
this.render_menu = this.render_menu.bind(this);
|
|
20
|
+
this.render_menuItem = this.render_menuItem.bind(this);
|
|
21
|
+
this.handleShowNavbar = this.handleShowNavbar.bind(this);
|
|
22
|
+
}
|
|
23
|
+
componentDidMount() {
|
|
24
|
+
let server = new NamirasoftAPILinkServer(console.error);
|
|
25
|
+
server.filter.GetFilters(this.props.scope, this.props.name).then(filters => {
|
|
26
|
+
this.setState({ filters });
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
onMenuItemToggled(checked, selected) {
|
|
30
|
+
if (checked)
|
|
31
|
+
this.setState({ selected });
|
|
32
|
+
}
|
|
33
|
+
hasChild(id) {
|
|
34
|
+
return this.state.filters.filter(f => f.parent_id === id).length > 0;
|
|
35
|
+
}
|
|
36
|
+
handleShowNavbar() {
|
|
37
|
+
this.setState({ showNavbar: !this.state.showNavbar });
|
|
38
|
+
}
|
|
39
|
+
render() {
|
|
40
|
+
return (_jsx("nav", { className: Styles.ns_navbar, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [_jsx("img", { src: "https://static.namirasoft.com/logo/account/base.png", alt: "logo", width: 48, height: 48 }), _jsxs("div", { className: `${Styles.ns_navbar_content} gap-2 d-flex justify-content-between`, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), _jsxs("div", { className: "d-flex justify-content-center align-items-center", children: [_jsx("span", { className: `me-2 ${Styles.ns_navbar_usersname}`, children: "name" }), _jsx("img", { src: Exit, alt: "exit", width: 20, height: 20 })] }), _jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: Menu, alt: "menu", width: 19, height: 17 }) })] })] }) }));
|
|
41
|
+
}
|
|
42
|
+
render_menu(level, parent_id) {
|
|
43
|
+
var _a;
|
|
44
|
+
let fs = (_a = this.state.filters) === null || _a === void 0 ? void 0 : _a.filter(f => f.parent_id === parent_id);
|
|
45
|
+
return (_jsx(Nav, { className: "me-auto", children: (fs === null || fs === void 0 ? void 0 : fs.map(f => this.render_menuItem(level, f))) }));
|
|
46
|
+
}
|
|
47
|
+
render_menuItem(level, filter) {
|
|
48
|
+
var _a;
|
|
49
|
+
if (this.hasChild(filter.id)) {
|
|
50
|
+
let sub_menus = _jsx(_Fragment, {});
|
|
51
|
+
if (level === 0)
|
|
52
|
+
if (this.state.selected) {
|
|
53
|
+
sub_menus =
|
|
54
|
+
_jsx("div", { id: `dropdown_items${filter.id}`, children: this.render_menu(1, this.state.selected.id) });
|
|
55
|
+
}
|
|
56
|
+
return (_jsx(_Fragment, { children: _jsx(NavDropdown, { onToggle: (checked) => this.onMenuItemToggled(checked, filter), className: level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item, title: filter.name, id: `dropdown_parent${filter.id}`, children: sub_menus }) }));
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
return (_jsxs(Nav.Link, { className: level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item, href: (_a = filter.link) === null || _a === void 0 ? void 0 : _a.url, children: [filter.name, "li"] }));
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
//# sourceMappingURL=NSHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
}
|
|
5
|
+
interface IState {
|
|
6
|
+
value: string;
|
|
7
|
+
}
|
|
8
|
+
export default class NSInputDate extends React.Component<IProps, IState> {
|
|
9
|
+
constructor(props: IProps);
|
|
10
|
+
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
11
|
+
setDefaultValue(value: string): void;
|
|
12
|
+
getValue(): string;
|
|
13
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import Styles from "./NSInputDate.module.css";
|
|
4
|
+
export default class NSInputDate extends React.Component {
|
|
5
|
+
constructor(props) {
|
|
6
|
+
super(props);
|
|
7
|
+
this.state = {
|
|
8
|
+
value: "",
|
|
9
|
+
};
|
|
10
|
+
this.setValue = this.setValue.bind(this);
|
|
11
|
+
this.getValue = this.getValue.bind(this);
|
|
12
|
+
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
13
|
+
}
|
|
14
|
+
setValue(e) {
|
|
15
|
+
this.setState({ value: e.target.value });
|
|
16
|
+
}
|
|
17
|
+
setDefaultValue(value) {
|
|
18
|
+
this.setState({ value });
|
|
19
|
+
}
|
|
20
|
+
getValue() {
|
|
21
|
+
return this.state.value;
|
|
22
|
+
}
|
|
23
|
+
render() {
|
|
24
|
+
return (_jsxs("div", { className: `${Styles.ns_parent_input} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "date", className: Styles.ns_input, placeholder: "YYYY/MM/DD" })] }));
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=NSInputDate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSInputDate.js","sourceRoot":"","sources":["../../src/components/NSInputDate.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAY9C,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IACpE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,YAAY,GAC1B,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
}
|
|
5
|
+
interface IState {
|
|
6
|
+
value: string;
|
|
7
|
+
}
|
|
8
|
+
export default class NSInputDuration extends React.Component<IProps, IState> {
|
|
9
|
+
constructor(props: IProps);
|
|
10
|
+
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
11
|
+
setDefaultValue(value: string): void;
|
|
12
|
+
getValue(): string;
|
|
13
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import Styles from "./NSInputDuration.module.css";
|
|
4
|
+
import IconInputDuration from '../assets/images/icon-input-duration.svg';
|
|
5
|
+
export default class NSInputDuration extends React.Component {
|
|
6
|
+
constructor(props) {
|
|
7
|
+
super(props);
|
|
8
|
+
this.state = {
|
|
9
|
+
value: "",
|
|
10
|
+
};
|
|
11
|
+
this.setValue = this.setValue.bind(this);
|
|
12
|
+
this.getValue = this.getValue.bind(this);
|
|
13
|
+
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
14
|
+
}
|
|
15
|
+
setValue(e) {
|
|
16
|
+
this.setState({ value: e.target.value });
|
|
17
|
+
}
|
|
18
|
+
setDefaultValue(value) {
|
|
19
|
+
this.setState({ value });
|
|
20
|
+
}
|
|
21
|
+
getValue() {
|
|
22
|
+
return this.state.value;
|
|
23
|
+
}
|
|
24
|
+
render() {
|
|
25
|
+
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputDuration, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "time", className: Styles.ns_input, placeholder: "21:44:06", step: "2" })] }));
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=NSInputDuration.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSInputDuration.js","sourceRoot":"","sources":["../../src/components/NSInputDuration.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAClD,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AAYzE,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAyB;IACxE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,iBAAiB,EACtB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,GAAG,GACV,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
}
|
|
5
|
+
interface IState {
|
|
6
|
+
value: string;
|
|
7
|
+
error: boolean;
|
|
8
|
+
}
|
|
9
|
+
export default class NSInputEmail extends React.Component<IProps, IState> {
|
|
10
|
+
constructor(props: IProps);
|
|
11
|
+
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
12
|
+
setDefaultValue(value: string): void;
|
|
13
|
+
getValue(): string;
|
|
14
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import Styles from "./NSInputEmail.module.css";
|
|
4
|
+
import IconInputEmail from '../assets/images/icon-input-email.svg';
|
|
5
|
+
import Danger from '../assets/images/danger.svg';
|
|
6
|
+
export default class NSInputEmail extends React.Component {
|
|
7
|
+
constructor(props) {
|
|
8
|
+
super(props);
|
|
9
|
+
this.state = {
|
|
10
|
+
value: "",
|
|
11
|
+
error: false,
|
|
12
|
+
};
|
|
13
|
+
this.setValue = this.setValue.bind(this);
|
|
14
|
+
this.getValue = this.getValue.bind(this);
|
|
15
|
+
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
16
|
+
}
|
|
17
|
+
setValue(e) {
|
|
18
|
+
let email = /^(([^<>()[]\\.,;:\s@"]+(\.[^<>()[]\\.,;:\s@"]+)*)|(".+"))@(([[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
|
19
|
+
if (!email.test(e.target.value)) {
|
|
20
|
+
this.setState({ error: true, value: e.target.value });
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
this.setState({ error: false, value: e.target.value });
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
setDefaultValue(value) {
|
|
27
|
+
this.setState({ value });
|
|
28
|
+
}
|
|
29
|
+
getValue() {
|
|
30
|
+
return this.state.value;
|
|
31
|
+
}
|
|
32
|
+
render() {
|
|
33
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputEmail, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "email", className: `${this.state.error === true ? Styles.ns_input_red : ""} ${Styles.ns_input}`, placeholder: "Sample@gmail.com" })] }), this.state.error === true ? (_jsx(_Fragment, { children: _jsxs("div", { className: "d-flex justify-content-start align-items-center gap-2 ms-2 ", children: [_jsx("img", { className: "", src: Danger, alt: "icon", width: 13, height: 13 }), _jsx("span", { className: Styles.ns_input_error, children: "Enter a valid email. " })] }) })) : null] }));
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=NSInputEmail.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSInputEmail.js","sourceRoot":"","sources":["../../src/components/NSInputEmail.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAajD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAyB;IACrE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,KAAK;SACf,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,KAAK,GAAG,mJAAmJ,CAAC;QAChK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/B;YACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;SACzD;aAED;YACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;SAC1D;IACL,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,8BACI,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,QAAQ,EAAE,EACvF,WAAW,EAAC,kBAAkB,GAChC,IACA,EAEL,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CACzB,4BACI,eAAK,SAAS,EAAC,6DAA6D,aACxE,cACI,SAAS,EAAE,EAAE,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,sCAA8B,IAClE,GACP,CAAC,CAAC,CAAC,CAAC,IAAI,IAEhB,CACN,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
}
|
|
5
|
+
interface IState {
|
|
6
|
+
value: string;
|
|
7
|
+
}
|
|
8
|
+
export default class NSInputFloat extends React.Component<IProps, IState> {
|
|
9
|
+
constructor(props: IProps);
|
|
10
|
+
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
11
|
+
setDefaultValue(value: string): void;
|
|
12
|
+
getValue(): string;
|
|
13
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import Styles from "./NSInputFloat.module.css";
|
|
4
|
+
import IconInputFloat from '../assets/images/icon-input-float.svg';
|
|
5
|
+
export default class NSInputFloat extends React.Component {
|
|
6
|
+
constructor(props) {
|
|
7
|
+
super(props);
|
|
8
|
+
this.state = {
|
|
9
|
+
value: "",
|
|
10
|
+
};
|
|
11
|
+
this.setValue = this.setValue.bind(this);
|
|
12
|
+
this.getValue = this.getValue.bind(this);
|
|
13
|
+
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
14
|
+
}
|
|
15
|
+
setValue(e) {
|
|
16
|
+
this.setState({ value: e.target.value });
|
|
17
|
+
}
|
|
18
|
+
setDefaultValue(value) {
|
|
19
|
+
this.setState({ value });
|
|
20
|
+
}
|
|
21
|
+
getValue() {
|
|
22
|
+
return this.state.value;
|
|
23
|
+
}
|
|
24
|
+
render() {
|
|
25
|
+
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputFloat, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "1.2" })] }));
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=NSInputFloat.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSInputFloat.js","sourceRoot":"","sources":["../../src/components/NSInputFloat.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAYnE,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAyB;IACrE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,KAAK,GACnB,IAEA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
}
|
|
5
|
+
interface IState {
|
|
6
|
+
value: string;
|
|
7
|
+
}
|
|
8
|
+
export default class NSInputIP extends React.Component<IProps, IState> {
|
|
9
|
+
constructor(props: IProps);
|
|
10
|
+
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
11
|
+
setDefaultValue(value: string): void;
|
|
12
|
+
getValue(): string;
|
|
13
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import Styles from "./NSInputIP.module.css";
|
|
4
|
+
import IconInputId from '../assets/images/icon-input-id.svg';
|
|
5
|
+
export default class NSInputIP extends React.Component {
|
|
6
|
+
constructor(props) {
|
|
7
|
+
super(props);
|
|
8
|
+
this.state = {
|
|
9
|
+
value: "",
|
|
10
|
+
};
|
|
11
|
+
this.setValue = this.setValue.bind(this);
|
|
12
|
+
this.getValue = this.getValue.bind(this);
|
|
13
|
+
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
14
|
+
}
|
|
15
|
+
setValue(e) {
|
|
16
|
+
this.setState({ value: e.target.value });
|
|
17
|
+
}
|
|
18
|
+
setDefaultValue(value) {
|
|
19
|
+
this.setState({ value });
|
|
20
|
+
}
|
|
21
|
+
getValue() {
|
|
22
|
+
return this.state.value;
|
|
23
|
+
}
|
|
24
|
+
render() {
|
|
25
|
+
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputId, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "192.158.1.38" })] }));
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=NSInputIP.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSInputIP.js","sourceRoot":"","sources":["../../src/components/NSInputIP.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAY7D,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAClE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,WAAW,EAChB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,cAAc,GAC5B,IAEA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
}
|
|
5
|
+
interface IState {
|
|
6
|
+
value: string;
|
|
7
|
+
}
|
|
8
|
+
export default class NSInputInteger extends React.Component<IProps, IState> {
|
|
9
|
+
constructor(props: IProps);
|
|
10
|
+
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
11
|
+
setDefaultValue(value: string): void;
|
|
12
|
+
getValue(): string;
|
|
13
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import Styles from "./NSInputInteger.module.css";
|
|
4
|
+
import IconInputInteger from '../assets/images/icon-input-integer.svg';
|
|
5
|
+
export default class NSInputInteger extends React.Component {
|
|
6
|
+
constructor(props) {
|
|
7
|
+
super(props);
|
|
8
|
+
this.state = {
|
|
9
|
+
value: "",
|
|
10
|
+
};
|
|
11
|
+
this.setValue = this.setValue.bind(this);
|
|
12
|
+
this.getValue = this.getValue.bind(this);
|
|
13
|
+
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
14
|
+
}
|
|
15
|
+
setValue(e) {
|
|
16
|
+
this.setState({ value: e.target.value });
|
|
17
|
+
}
|
|
18
|
+
setDefaultValue(value) {
|
|
19
|
+
this.setState({ value });
|
|
20
|
+
}
|
|
21
|
+
getValue() {
|
|
22
|
+
return this.state.value;
|
|
23
|
+
}
|
|
24
|
+
render() {
|
|
25
|
+
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputInteger, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "1234" })] }));
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=NSInputInteger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSInputInteger.js","sourceRoot":"","sources":["../../src/components/NSInputInteger.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AAYvE,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAyB;IACvE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,gBAAgB,EACrB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,MAAM,GACpB,IAEA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import 'react-phone-input-2/lib/style.css';
|
|
3
|
+
interface IProps {
|
|
4
|
+
title: string;
|
|
5
|
+
}
|
|
6
|
+
interface IState {
|
|
7
|
+
value: string;
|
|
8
|
+
}
|
|
9
|
+
export default class NSInputPhone extends React.Component<IProps, IState> {
|
|
10
|
+
constructor(props: IProps);
|
|
11
|
+
setValue(value: string): void;
|
|
12
|
+
setDefaultValue(value: string): void;
|
|
13
|
+
getValue(): string;
|
|
14
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
}
|
|
16
|
+
export {};
|