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
|
@@ -6,22 +6,19 @@ import Exit from '../assets/images/exit.svg';
|
|
|
6
6
|
import NavDropdown from 'react-bootstrap/NavDropdown';
|
|
7
7
|
import { NamirasoftAPILinkServer, FilterLinkRow } from 'namirasoft-api-link';
|
|
8
8
|
|
|
9
|
-
interface IProps
|
|
10
|
-
{
|
|
9
|
+
interface IProps {
|
|
11
10
|
scope: string;
|
|
12
11
|
name: string;
|
|
13
12
|
}
|
|
14
13
|
|
|
15
|
-
interface IState
|
|
16
|
-
{
|
|
14
|
+
interface IState {
|
|
17
15
|
filters: FilterLinkRow[];
|
|
18
16
|
selected: FilterLinkRow | null;
|
|
19
17
|
showNavbar: boolean;
|
|
20
18
|
}
|
|
21
19
|
|
|
22
20
|
export default class NSHeader extends React.Component<IProps, IState> {
|
|
23
|
-
constructor(props: IProps)
|
|
24
|
-
{
|
|
21
|
+
constructor(props: IProps) {
|
|
25
22
|
super(props);
|
|
26
23
|
this.state = {
|
|
27
24
|
filters: [],
|
|
@@ -34,29 +31,23 @@ export default class NSHeader extends React.Component<IProps, IState> {
|
|
|
34
31
|
this.render_menuItem = this.render_menuItem.bind(this);
|
|
35
32
|
this.handleShowNavbar = this.handleShowNavbar.bind(this);
|
|
36
33
|
}
|
|
37
|
-
override componentDidMount(): void
|
|
38
|
-
{
|
|
34
|
+
override componentDidMount(): void {
|
|
39
35
|
let server = new NamirasoftAPILinkServer(console.error);
|
|
40
|
-
server.filter.GetFilters(this.props.scope, this.props.name).then(filters =>
|
|
41
|
-
{
|
|
36
|
+
server.filter.GetFilters(this.props.scope, this.props.name).then(filters => {
|
|
42
37
|
this.setState({ filters });
|
|
43
38
|
});
|
|
44
39
|
}
|
|
45
|
-
private onMenuItemToggled(checked: boolean, selected: FilterLinkRow)
|
|
46
|
-
{
|
|
40
|
+
private onMenuItemToggled(checked: boolean, selected: FilterLinkRow) {
|
|
47
41
|
if (checked)
|
|
48
42
|
this.setState({ selected });
|
|
49
43
|
}
|
|
50
|
-
private hasChild(id: number): boolean
|
|
51
|
-
{
|
|
44
|
+
private hasChild(id: number): boolean {
|
|
52
45
|
return this.state.filters.filter(f => f.parent_id === id).length > 0;
|
|
53
46
|
}
|
|
54
|
-
handleShowNavbar(): void
|
|
55
|
-
{
|
|
47
|
+
handleShowNavbar(): void {
|
|
56
48
|
this.setState({ showNavbar: !this.state.showNavbar });
|
|
57
49
|
}
|
|
58
|
-
override render()
|
|
59
|
-
{
|
|
50
|
+
override render() {
|
|
60
51
|
return (
|
|
61
52
|
<nav className={Styles.ns_navbar}>
|
|
62
53
|
<div className={`${Styles.ns_navbar_parent_content} container`}>
|
|
@@ -91,8 +82,7 @@ export default class NSHeader extends React.Component<IProps, IState> {
|
|
|
91
82
|
</nav>
|
|
92
83
|
);
|
|
93
84
|
}
|
|
94
|
-
private render_menu(level: number, parent_id: number | null)
|
|
95
|
-
{
|
|
85
|
+
private render_menu(level: number, parent_id: number | null) {
|
|
96
86
|
let fs: FilterLinkRow[] = this.state.filters?.filter(f => f.parent_id === parent_id);
|
|
97
87
|
return (
|
|
98
88
|
<Nav className="me-auto" >
|
|
@@ -100,14 +90,11 @@ export default class NSHeader extends React.Component<IProps, IState> {
|
|
|
100
90
|
</Nav>
|
|
101
91
|
);
|
|
102
92
|
}
|
|
103
|
-
private render_menuItem(level: number, filter: FilterLinkRow)
|
|
104
|
-
|
|
105
|
-
if (this.hasChild(filter.id))
|
|
106
|
-
{
|
|
93
|
+
private render_menuItem(level: number, filter: FilterLinkRow) {
|
|
94
|
+
if (this.hasChild(filter.id)) {
|
|
107
95
|
let sub_menus = <></>;
|
|
108
96
|
if (level === 0)
|
|
109
|
-
if (this.state.selected)
|
|
110
|
-
{
|
|
97
|
+
if (this.state.selected) {
|
|
111
98
|
sub_menus =
|
|
112
99
|
<div
|
|
113
100
|
id={`dropdown_items${filter.id}`}>
|
|
@@ -124,8 +111,7 @@ export default class NSHeader extends React.Component<IProps, IState> {
|
|
|
124
111
|
</NavDropdown >
|
|
125
112
|
</>
|
|
126
113
|
);
|
|
127
|
-
} else
|
|
128
|
-
{
|
|
114
|
+
} else {
|
|
129
115
|
return (
|
|
130
116
|
<Nav.Link className={level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item} href={filter.link?.url}>{filter.name}li</Nav.Link>
|
|
131
117
|
);
|
package/src/main.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export * from "./components/NSButtonGreen";
|
|
2
|
+
export * from "./components/NSButtonRed";
|
|
3
|
+
export * from "./components/NSFooter";
|
|
4
|
+
export * from "./components/NSHeader";
|
|
5
|
+
export * from "./components/NSInputDate";
|
|
6
|
+
export * from "./components/NSInputDuration";
|
|
7
|
+
export * from "./components/NSInputEmail";
|
|
8
|
+
export * from "./components/NSInputFloat";
|
|
9
|
+
export * from "./components/NSInputIP";
|
|
10
|
+
export * from "./components/NSInputInteger";
|
|
11
|
+
export * from "./components/NSInputPhone";
|
|
12
|
+
export * from "./components/NSInputPrice";
|
|
13
|
+
export * from "./components/NSInputSearch";
|
|
14
|
+
export * from "./components/NSInputString";
|
|
15
|
+
export * from "./components/NSInputText";
|
|
16
|
+
export * from "./components/NSInputTime";
|
|
17
|
+
export * from "./components/NSSelectBox";
|
package/tsconfig.json
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
{
|
|
2
2
|
"compilerOptions": {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
3
|
+
"target": "ES6",
|
|
4
|
+
"module": "esnext",
|
|
5
|
+
"rootDir": "./src",
|
|
6
|
+
"outDir": "./dist",
|
|
7
|
+
"lib": [
|
|
8
|
+
"dom",
|
|
9
|
+
"dom.iterable",
|
|
10
|
+
"esnext"
|
|
11
|
+
],
|
|
12
|
+
"allowJs": false,
|
|
13
|
+
"checkJs": false,
|
|
14
|
+
"strict": true,
|
|
15
|
+
"esModuleInterop": true,
|
|
16
|
+
"sourceMap": true,
|
|
17
|
+
"resolveJsonModule": true,
|
|
18
|
+
"declaration": true,
|
|
19
|
+
"noUnusedLocals": true,
|
|
20
|
+
"noUnusedParameters": true,
|
|
21
|
+
"noImplicitAny": true,
|
|
22
|
+
"noImplicitOverride": true,
|
|
23
|
+
"noImplicitReturns": true,
|
|
24
|
+
"noImplicitThis": true,
|
|
25
|
+
"skipLibCheck": true,
|
|
26
|
+
"allowSyntheticDefaultImports": true,
|
|
27
|
+
"forceConsistentCasingInFileNames": true,
|
|
28
|
+
"noFallthroughCasesInSwitch": true,
|
|
29
|
+
"isolatedModules": true,
|
|
30
|
+
"removeComments": true,
|
|
31
|
+
"noEmit": false,
|
|
32
|
+
"moduleResolution": "node",
|
|
33
|
+
"jsx": "react-jsx"
|
|
34
34
|
},
|
|
35
35
|
"include": [
|
|
36
|
-
|
|
36
|
+
"src"
|
|
37
37
|
]
|
|
38
38
|
}
|