namirasoft-site-react 1.2.41 → 1.2.42
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/.gitlab-ci.yml +14 -14
- package/config-overrides.js +65 -65
- package/dist/App.d.ts +3 -3
- package/dist/App.js +8 -8
- package/dist/assets/images/arrow.svg +3 -3
- package/dist/assets/images/danger.svg +3 -3
- package/dist/assets/images/exit.svg +3 -3
- package/dist/assets/images/icon-input-date.svg +9 -9
- package/dist/assets/images/icon-input-duration.svg +9 -9
- package/dist/assets/images/icon-input-email.svg +9 -9
- package/dist/assets/images/icon-input-float.svg +9 -9
- package/dist/assets/images/icon-input-id.svg +9 -9
- package/dist/assets/images/icon-input-integer.svg +9 -9
- package/dist/assets/images/icon-input-phone.svg +9 -9
- package/dist/assets/images/icon-input-price.svg +9 -9
- package/dist/assets/images/icon-input-search.svg +4 -4
- package/dist/assets/images/icon-input-string.svg +9 -9
- package/dist/assets/images/icon-input-text.svg +9 -9
- package/dist/assets/images/icon-input-time.svg +9 -9
- package/dist/assets/images/logo.svg +9 -9
- package/dist/assets/images/menu.svg +3 -3
- package/dist/assets/images/namira.svg +9 -9
- package/dist/assets/images/rectangle.svg +3 -3
- package/dist/components/NSButtonGreen.d.ts +16 -16
- package/dist/components/NSButtonGreen.js +16 -16
- package/dist/components/NSButtonRed.d.ts +16 -16
- package/dist/components/NSButtonRed.js +16 -16
- package/dist/components/NSCard.d.ts +20 -20
- package/dist/components/NSCard.js +12 -12
- package/dist/components/NSFooter.d.ts +20 -20
- package/dist/components/NSFooter.js +46 -46
- package/dist/components/NSHeader.d.ts +23 -23
- package/dist/components/NSHeader.js +60 -60
- package/dist/components/NSInputDate.d.ts +15 -15
- package/dist/components/NSInputDate.js +27 -27
- package/dist/components/NSInputDuration.d.ts +15 -15
- package/dist/components/NSInputDuration.js +28 -28
- package/dist/components/NSInputEmail.d.ts +16 -16
- package/dist/components/NSInputEmail.js +36 -36
- package/dist/components/NSInputEmail.module.css +37 -37
- package/dist/components/NSInputFloat.d.ts +15 -15
- package/dist/components/NSInputFloat.js +28 -28
- package/dist/components/NSInputFloat.module.css +25 -25
- package/dist/components/NSInputIP.d.ts +15 -15
- package/dist/components/NSInputIP.js +28 -28
- package/dist/components/NSInputIP.module.css +25 -25
- package/dist/components/NSInputInteger.d.ts +15 -15
- package/dist/components/NSInputInteger.js +28 -28
- package/dist/components/NSInputInteger.module.css +25 -25
- package/dist/components/NSInputPhone.d.ts +16 -16
- package/dist/components/NSInputPhone.js +30 -30
- package/dist/components/NSInputPhone.module.css +32 -32
- package/dist/components/NSInputPrice.d.ts +17 -17
- package/dist/components/NSInputPrice.js +31 -31
- package/dist/components/NSInputPrice.module.css +26 -26
- package/dist/components/NSInputSearch.d.ts +17 -17
- package/dist/components/NSInputSearch.js +37 -37
- package/dist/components/NSInputSearch.module.css +25 -25
- package/dist/components/NSInputString.d.ts +17 -17
- package/dist/components/NSInputString.js +31 -31
- package/dist/components/NSInputString.module.css +26 -26
- package/dist/components/NSInputText.d.ts +17 -17
- package/dist/components/NSInputText.js +31 -31
- package/dist/components/NSInputText.module.css +27 -27
- package/dist/components/NSInputTime.d.ts +15 -15
- package/dist/components/NSInputTime.js +28 -28
- package/dist/components/NSInputTime.module.css +26 -26
- package/dist/components/NSLayout.d.ts +8 -8
- package/dist/components/NSLayout.js +8 -8
- package/dist/components/NSLayout.module.css +16 -16
- package/dist/components/NSLayoutHeroBanner.d.ts +12 -12
- package/dist/components/NSLayoutHeroBanner.js +8 -8
- package/dist/components/NSLayoutHeroBanner.module.css +43 -43
- package/dist/components/NSLayoutTitle.d.ts +10 -10
- package/dist/components/NSLayoutTitle.js +6 -6
- package/dist/components/NSLinkGreen.d.ts +16 -16
- package/dist/components/NSLinkGreen.js +20 -20
- package/dist/components/NSLinkGreen.module.css +15 -15
- package/dist/components/NSLinkRed.d.ts +16 -16
- package/dist/components/NSLinkRed.js +20 -20
- package/dist/components/NSLinkRed.module.css +15 -15
- package/dist/components/NSPagination.d.ts +15 -15
- package/dist/components/NSPagination.js +35 -35
- package/dist/components/NSPagination.module.css +24 -24
- package/dist/components/NSParentCard.module.css +34 -34
- package/dist/components/NSSelectBox.d.ts +16 -16
- package/dist/components/NSSelectBox.js +24 -24
- package/dist/components/NSSelectBox.module.css +28 -28
- package/dist/components/NSTable.d.ts +28 -28
- package/dist/components/NSTable.js +20 -20
- package/dist/components/NSTable.modules.css +76 -76
- package/dist/index.d.ts +1 -1
- package/dist/index.js +6 -6
- package/dist/main.d.ts +26 -26
- package/dist/main.js +26 -26
- package/dist/pages/NSLoginPage.d.ts +13 -13
- package/dist/pages/NSLoginPage.js +17 -17
- package/package.json +52 -52
- package/public/index.html +42 -42
- package/public/manifest.json +25 -25
- package/public/robots.txt +3 -3
- package/src/App.tsx +70 -70
- package/src/assets/images/arrow.svg +3 -3
- package/src/assets/images/danger.svg +3 -3
- package/src/assets/images/exit.svg +3 -3
- package/src/assets/images/icon-input-date.svg +9 -9
- package/src/assets/images/icon-input-duration.svg +9 -9
- package/src/assets/images/icon-input-email.svg +9 -9
- package/src/assets/images/icon-input-float.svg +9 -9
- package/src/assets/images/icon-input-id.svg +9 -9
- package/src/assets/images/icon-input-integer.svg +9 -9
- package/src/assets/images/icon-input-phone.svg +9 -9
- package/src/assets/images/icon-input-price.svg +9 -9
- package/src/assets/images/icon-input-search.svg +4 -4
- package/src/assets/images/icon-input-string.svg +9 -9
- package/src/assets/images/icon-input-text.svg +9 -9
- package/src/assets/images/icon-input-time.svg +9 -9
- package/src/assets/images/logo.svg +9 -9
- package/src/assets/images/menu.svg +3 -3
- package/src/assets/images/namira.svg +9 -9
- package/src/assets/images/rectangle.svg +3 -3
- package/src/components/NSButtonGreen.tsx +33 -33
- package/src/components/NSButtonRed.tsx +33 -33
- package/src/components/NSCard.tsx +54 -54
- package/src/components/NSFooter.tsx +123 -123
- package/src/components/NSHeader.tsx +134 -134
- package/src/components/NSInputDate.tsx +57 -57
- package/src/components/NSInputDuration.tsx +65 -65
- package/src/components/NSInputEmail.module.css +37 -37
- package/src/components/NSInputEmail.tsx +92 -92
- package/src/components/NSInputFloat.module.css +25 -25
- package/src/components/NSInputFloat.tsx +61 -61
- package/src/components/NSInputIP.module.css +25 -25
- package/src/components/NSInputIP.tsx +65 -65
- package/src/components/NSInputInteger.module.css +25 -25
- package/src/components/NSInputInteger.tsx +65 -65
- package/src/components/NSInputPhone.module.css +32 -32
- package/src/components/NSInputPhone.tsx +65 -65
- package/src/components/NSInputPrice.module.css +26 -26
- package/src/components/NSInputPrice.tsx +68 -68
- package/src/components/NSInputSearch.module.css +25 -25
- package/src/components/NSInputSearch.tsx +78 -78
- package/src/components/NSInputString.module.css +26 -26
- package/src/components/NSInputString.tsx +66 -66
- package/src/components/NSInputText.module.css +27 -27
- package/src/components/NSInputText.tsx +69 -69
- package/src/components/NSInputTime.module.css +26 -26
- package/src/components/NSInputTime.tsx +65 -65
- package/src/components/NSLayout.module.css +16 -16
- package/src/components/NSLayout.tsx +30 -30
- package/src/components/NSLayoutHeroBanner.module.css +43 -43
- package/src/components/NSLayoutHeroBanner.tsx +85 -85
- package/src/components/NSLayoutTitle.tsx +25 -25
- package/src/components/NSLinkGreen.module.css +15 -15
- package/src/components/NSLinkGreen.tsx +43 -43
- package/src/components/NSLinkRed.module.css +15 -15
- package/src/components/NSLinkRed.tsx +43 -43
- package/src/components/NSPagination.module.css +24 -24
- package/src/components/NSPagination.tsx +54 -54
- package/src/components/NSParentCard.module.css +34 -34
- package/src/components/NSParentCard.tsx.temp +58 -58
- package/src/components/NSSelectBox.module.css +28 -28
- package/src/components/NSSelectBox.tsx +62 -62
- package/src/components/NSTable.modules.css +76 -76
- package/src/components/NSTable.tsx +64 -64
- package/src/index.tsx +7 -7
- package/src/main.ts +25 -25
- package/src/pages/NSLoginPage.tsx +39 -39
- package/src/react-app-env.d.ts +1 -1
- package/tsconfig.json +37 -37
- package/dist/App.css +0 -0
- package/dist/assets/images/background.svg +0 -9
- package/dist/assets/images/left-vector.png +0 -0
- package/dist/assets/images/left_vector.png +0 -0
- package/dist/assets/images/right-vector.png +0 -0
- package/dist/assets/images/right_vector.png +0 -0
- package/dist/components/NSParentCard.d.ts +0 -0
- package/dist/components/NSParentCard.js +0 -2
- package/dist/components/NSParentCard.js.map +0 -1
- package/dist/index.css +0 -6
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import Style from "./NSLinkGreen.module.css";
|
|
4
|
-
import React from "react";
|
|
5
|
-
import { Link } from "react-router-dom";
|
|
6
|
-
export class NSLinkGreen extends React.Component {
|
|
7
|
-
constructor(props) {
|
|
8
|
-
super(props);
|
|
9
|
-
this.state = { title: props.title, href: props.href };
|
|
10
|
-
}
|
|
11
|
-
setTitle(title) {
|
|
12
|
-
this.setState({ title });
|
|
13
|
-
}
|
|
14
|
-
setHRef(href) {
|
|
15
|
-
this.setState({ href });
|
|
16
|
-
}
|
|
17
|
-
render() {
|
|
18
|
-
return (_jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_green }, { children: this.state.title })) })));
|
|
19
|
-
}
|
|
20
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import Style from "./NSLinkGreen.module.css";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { Link } from "react-router-dom";
|
|
6
|
+
export class NSLinkGreen extends React.Component {
|
|
7
|
+
constructor(props) {
|
|
8
|
+
super(props);
|
|
9
|
+
this.state = { title: props.title, href: props.href };
|
|
10
|
+
}
|
|
11
|
+
setTitle(title) {
|
|
12
|
+
this.setState({ title });
|
|
13
|
+
}
|
|
14
|
+
setHRef(href) {
|
|
15
|
+
this.setState({ href });
|
|
16
|
+
}
|
|
17
|
+
render() {
|
|
18
|
+
return (_jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_green }, { children: this.state.title })) })));
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
21
|
//# sourceMappingURL=NSLinkGreen.js.map
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
.ns_link_green {
|
|
2
|
-
display: flex;
|
|
3
|
-
border-radius: 8px;
|
|
4
|
-
background-color: #06D182;
|
|
5
|
-
color: #ffffff;
|
|
6
|
-
border: 0;
|
|
7
|
-
box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
|
|
8
|
-
font-size: 16px;
|
|
9
|
-
text-decoration: none;
|
|
10
|
-
width: 358px;
|
|
11
|
-
height: 48px;
|
|
12
|
-
text-align: center;
|
|
13
|
-
align-items: center;
|
|
14
|
-
justify-content: center;
|
|
15
|
-
font-weight: 400;
|
|
1
|
+
.ns_link_green {
|
|
2
|
+
display: flex;
|
|
3
|
+
border-radius: 8px;
|
|
4
|
+
background-color: #06D182;
|
|
5
|
+
color: #ffffff;
|
|
6
|
+
border: 0;
|
|
7
|
+
box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
|
|
8
|
+
font-size: 16px;
|
|
9
|
+
text-decoration: none;
|
|
10
|
+
width: 358px;
|
|
11
|
+
height: 48px;
|
|
12
|
+
text-align: center;
|
|
13
|
+
align-items: center;
|
|
14
|
+
justify-content: center;
|
|
15
|
+
font-weight: 400;
|
|
16
16
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface IProps {
|
|
3
|
-
title: string;
|
|
4
|
-
href: string;
|
|
5
|
-
}
|
|
6
|
-
interface IState {
|
|
7
|
-
title: string;
|
|
8
|
-
href: string;
|
|
9
|
-
}
|
|
10
|
-
export declare class NSLinkRed extends React.Component<IProps, IState> {
|
|
11
|
-
constructor(props: IProps);
|
|
12
|
-
setTitle(title: string): void;
|
|
13
|
-
setHRef(href: string): void;
|
|
14
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
}
|
|
16
|
-
export {};
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
href: string;
|
|
5
|
+
}
|
|
6
|
+
interface IState {
|
|
7
|
+
title: string;
|
|
8
|
+
href: string;
|
|
9
|
+
}
|
|
10
|
+
export declare class NSLinkRed extends React.Component<IProps, IState> {
|
|
11
|
+
constructor(props: IProps);
|
|
12
|
+
setTitle(title: string): void;
|
|
13
|
+
setHRef(href: string): void;
|
|
14
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import Style from "./NSLinkRed.module.css";
|
|
4
|
-
import React from "react";
|
|
5
|
-
import { Link } from "react-router-dom";
|
|
6
|
-
export class NSLinkRed extends React.Component {
|
|
7
|
-
constructor(props) {
|
|
8
|
-
super(props);
|
|
9
|
-
this.state = { title: props.title, href: props.href };
|
|
10
|
-
}
|
|
11
|
-
setTitle(title) {
|
|
12
|
-
this.setState({ title });
|
|
13
|
-
}
|
|
14
|
-
setHRef(href) {
|
|
15
|
-
this.setState({ href });
|
|
16
|
-
}
|
|
17
|
-
render() {
|
|
18
|
-
return (_jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_red }, { children: this.state.title })) })));
|
|
19
|
-
}
|
|
20
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import Style from "./NSLinkRed.module.css";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { Link } from "react-router-dom";
|
|
6
|
+
export class NSLinkRed extends React.Component {
|
|
7
|
+
constructor(props) {
|
|
8
|
+
super(props);
|
|
9
|
+
this.state = { title: props.title, href: props.href };
|
|
10
|
+
}
|
|
11
|
+
setTitle(title) {
|
|
12
|
+
this.setState({ title });
|
|
13
|
+
}
|
|
14
|
+
setHRef(href) {
|
|
15
|
+
this.setState({ href });
|
|
16
|
+
}
|
|
17
|
+
render() {
|
|
18
|
+
return (_jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_red }, { children: this.state.title })) })));
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
21
|
//# sourceMappingURL=NSLinkRed.js.map
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
.ns_link_red {
|
|
2
|
-
display: flex;
|
|
3
|
-
border-radius: 8px;
|
|
4
|
-
background-color: rgb(265, 63, 63, 1);
|
|
5
|
-
color: #ffffff;
|
|
6
|
-
border: 0;
|
|
7
|
-
box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
|
|
8
|
-
font-size: 16px;
|
|
9
|
-
text-decoration: none;
|
|
10
|
-
width: 358px;
|
|
11
|
-
height: 48px;
|
|
12
|
-
text-align: center;
|
|
13
|
-
align-items: center;
|
|
14
|
-
justify-content: center;
|
|
15
|
-
font-weight: 400;
|
|
1
|
+
.ns_link_red {
|
|
2
|
+
display: flex;
|
|
3
|
+
border-radius: 8px;
|
|
4
|
+
background-color: rgb(265, 63, 63, 1);
|
|
5
|
+
color: #ffffff;
|
|
6
|
+
border: 0;
|
|
7
|
+
box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
|
|
8
|
+
font-size: 16px;
|
|
9
|
+
text-decoration: none;
|
|
10
|
+
width: 358px;
|
|
11
|
+
height: 48px;
|
|
12
|
+
text-align: center;
|
|
13
|
+
align-items: center;
|
|
14
|
+
justify-content: center;
|
|
15
|
+
font-weight: 400;
|
|
16
16
|
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import './NSPagination.module.css';
|
|
2
|
-
import { Component } from 'react';
|
|
3
|
-
interface IProps {
|
|
4
|
-
size: number;
|
|
5
|
-
page: number;
|
|
6
|
-
}
|
|
7
|
-
interface IState {
|
|
8
|
-
size: number;
|
|
9
|
-
page: number;
|
|
10
|
-
}
|
|
11
|
-
export declare class NSPagination extends Component<IState, IProps> {
|
|
12
|
-
constructor(props: IProps);
|
|
13
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
}
|
|
15
|
-
export {};
|
|
1
|
+
import './NSPagination.module.css';
|
|
2
|
+
import { Component } from 'react';
|
|
3
|
+
interface IProps {
|
|
4
|
+
size: number;
|
|
5
|
+
page: number;
|
|
6
|
+
}
|
|
7
|
+
interface IState {
|
|
8
|
+
size: number;
|
|
9
|
+
page: number;
|
|
10
|
+
}
|
|
11
|
+
export declare class NSPagination extends Component<IState, IProps> {
|
|
12
|
+
constructor(props: IProps);
|
|
13
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import './NSPagination.module.css';
|
|
4
|
-
import { Component } from 'react';
|
|
5
|
-
export class NSPagination extends Component {
|
|
6
|
-
constructor(props) {
|
|
7
|
-
super(props);
|
|
8
|
-
this.state = { size: props.size, page: props.page };
|
|
9
|
-
}
|
|
10
|
-
render() {
|
|
11
|
-
let page = this.props.page;
|
|
12
|
-
let size = this.props.size;
|
|
13
|
-
let window = 2;
|
|
14
|
-
let min = Math.max(2, page - window);
|
|
15
|
-
let max = Math.min(page + window, size - 1);
|
|
16
|
-
let arr = [];
|
|
17
|
-
let pushPage = (index) => {
|
|
18
|
-
if (index == page)
|
|
19
|
-
arr.push(_jsx("div", Object.assign({ className: 'center_number' }, { children: _jsx("a", Object.assign({ href: '#', className: 'center_number text-decoration-none text-light' }, { children: index })) })));
|
|
20
|
-
else
|
|
21
|
-
arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: index })) }));
|
|
22
|
-
};
|
|
23
|
-
arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#' }, { children: _jsx("img", { src: '/assets/images/left-vector.png', alt: 'left_vector' }) })) }));
|
|
24
|
-
pushPage(1);
|
|
25
|
-
if (page > window * 2)
|
|
26
|
-
arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }));
|
|
27
|
-
for (let i = min; i <= max; i++)
|
|
28
|
-
pushPage(i);
|
|
29
|
-
if (page <= size - window * 2)
|
|
30
|
-
arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }));
|
|
31
|
-
pushPage(size);
|
|
32
|
-
arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#' }, { children: _jsx("img", { src: '/assets/images/right-vector.png', alt: 'right_vector' }) })) }));
|
|
33
|
-
return (_jsx("div", Object.assign({ className: "ns_pagination_container d-flex flex-row gap-3 mt-3" }, { children: arr.map(x => (x)) })));
|
|
34
|
-
}
|
|
35
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import './NSPagination.module.css';
|
|
4
|
+
import { Component } from 'react';
|
|
5
|
+
export class NSPagination extends Component {
|
|
6
|
+
constructor(props) {
|
|
7
|
+
super(props);
|
|
8
|
+
this.state = { size: props.size, page: props.page };
|
|
9
|
+
}
|
|
10
|
+
render() {
|
|
11
|
+
let page = this.props.page;
|
|
12
|
+
let size = this.props.size;
|
|
13
|
+
let window = 2;
|
|
14
|
+
let min = Math.max(2, page - window);
|
|
15
|
+
let max = Math.min(page + window, size - 1);
|
|
16
|
+
let arr = [];
|
|
17
|
+
let pushPage = (index) => {
|
|
18
|
+
if (index == page)
|
|
19
|
+
arr.push(_jsx("div", Object.assign({ className: 'center_number' }, { children: _jsx("a", Object.assign({ href: '#', className: 'center_number text-decoration-none text-light' }, { children: index })) })));
|
|
20
|
+
else
|
|
21
|
+
arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: index })) }));
|
|
22
|
+
};
|
|
23
|
+
arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#' }, { children: _jsx("img", { src: '/assets/images/left-vector.png', alt: 'left_vector' }) })) }));
|
|
24
|
+
pushPage(1);
|
|
25
|
+
if (page > window * 2)
|
|
26
|
+
arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }));
|
|
27
|
+
for (let i = min; i <= max; i++)
|
|
28
|
+
pushPage(i);
|
|
29
|
+
if (page <= size - window * 2)
|
|
30
|
+
arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }));
|
|
31
|
+
pushPage(size);
|
|
32
|
+
arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#' }, { children: _jsx("img", { src: '/assets/images/right-vector.png', alt: 'right_vector' }) })) }));
|
|
33
|
+
return (_jsx("div", Object.assign({ className: "ns_pagination_container d-flex flex-row gap-3 mt-3" }, { children: arr.map(x => (x)) })));
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
36
|
//# sourceMappingURL=NSPagination.js.map
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
.ns_pagination_container {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: row;
|
|
4
|
-
gap: 18px;
|
|
5
|
-
text-align: left;
|
|
6
|
-
padding-left: 48px;
|
|
7
|
-
font-size: 14px;
|
|
8
|
-
justify-items: center;
|
|
9
|
-
line-height: 35px;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
@media only screen and (max-width: 600px) {
|
|
13
|
-
.ns_paginationl_container {
|
|
14
|
-
padding-left: 36px;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.center_number {
|
|
19
|
-
background-color: rgba(6, 209, 130, 1);
|
|
20
|
-
border-radius: 50px;
|
|
21
|
-
height: 32px;
|
|
22
|
-
width: 32px;
|
|
23
|
-
text-align: center;
|
|
24
|
-
align-items: center;
|
|
1
|
+
.ns_pagination_container {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: row;
|
|
4
|
+
gap: 18px;
|
|
5
|
+
text-align: left;
|
|
6
|
+
padding-left: 48px;
|
|
7
|
+
font-size: 14px;
|
|
8
|
+
justify-items: center;
|
|
9
|
+
line-height: 35px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
@media only screen and (max-width: 600px) {
|
|
13
|
+
.ns_paginationl_container {
|
|
14
|
+
padding-left: 36px;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.center_number {
|
|
19
|
+
background-color: rgba(6, 209, 130, 1);
|
|
20
|
+
border-radius: 50px;
|
|
21
|
+
height: 32px;
|
|
22
|
+
width: 32px;
|
|
23
|
+
text-align: center;
|
|
24
|
+
align-items: center;
|
|
25
25
|
}
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
/* .section_card_container {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
justify-content: center;
|
|
5
|
-
align-items: center;
|
|
6
|
-
padding: 48px 0;
|
|
7
|
-
gap: 48px;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.section_card_details>h2 {
|
|
11
|
-
color: inherit;
|
|
12
|
-
font-size: 32px;
|
|
13
|
-
font-weight: 700;
|
|
14
|
-
line-height: normal;
|
|
15
|
-
font-style: normal;
|
|
16
|
-
text-align: center;
|
|
17
|
-
margin-bottom: 16px;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.section_card_details>p {
|
|
21
|
-
color: inherit;
|
|
22
|
-
font-size: 16px;
|
|
23
|
-
font-weight: 400;
|
|
24
|
-
line-height: normal;
|
|
25
|
-
font-style: normal;
|
|
26
|
-
margin-bottom: 0;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.ns_card_container {
|
|
30
|
-
display: flex;
|
|
31
|
-
flex-direction: row;
|
|
32
|
-
flex-wrap: wrap;
|
|
33
|
-
justify-content: space-between;
|
|
34
|
-
gap: 24px;
|
|
1
|
+
/* .section_card_container {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
align-items: center;
|
|
6
|
+
padding: 48px 0;
|
|
7
|
+
gap: 48px;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.section_card_details>h2 {
|
|
11
|
+
color: inherit;
|
|
12
|
+
font-size: 32px;
|
|
13
|
+
font-weight: 700;
|
|
14
|
+
line-height: normal;
|
|
15
|
+
font-style: normal;
|
|
16
|
+
text-align: center;
|
|
17
|
+
margin-bottom: 16px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.section_card_details>p {
|
|
21
|
+
color: inherit;
|
|
22
|
+
font-size: 16px;
|
|
23
|
+
font-weight: 400;
|
|
24
|
+
line-height: normal;
|
|
25
|
+
font-style: normal;
|
|
26
|
+
margin-bottom: 0;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.ns_card_container {
|
|
30
|
+
display: flex;
|
|
31
|
+
flex-direction: row;
|
|
32
|
+
flex-wrap: wrap;
|
|
33
|
+
justify-content: space-between;
|
|
34
|
+
gap: 24px;
|
|
35
35
|
} */
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import type { SelectProps } from 'antd';
|
|
3
|
-
interface IProps {
|
|
4
|
-
title: string;
|
|
5
|
-
options: SelectProps['options'];
|
|
6
|
-
}
|
|
7
|
-
interface IState {
|
|
8
|
-
value: string[];
|
|
9
|
-
}
|
|
10
|
-
export declare class NSSelectBox extends React.Component<IProps, IState> {
|
|
11
|
-
constructor(props: IProps);
|
|
12
|
-
setValue(value: string[]): void;
|
|
13
|
-
getValue(): string[];
|
|
14
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
}
|
|
16
|
-
export {};
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { SelectProps } from 'antd';
|
|
3
|
+
interface IProps {
|
|
4
|
+
title: string;
|
|
5
|
+
options: SelectProps['options'];
|
|
6
|
+
}
|
|
7
|
+
interface IState {
|
|
8
|
+
value: string[];
|
|
9
|
+
}
|
|
10
|
+
export declare class NSSelectBox extends React.Component<IProps, IState> {
|
|
11
|
+
constructor(props: IProps);
|
|
12
|
+
setValue(value: string[]): void;
|
|
13
|
+
getValue(): string[];
|
|
14
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Styles from "./NSSelectBox.module.css";
|
|
5
|
-
import { Select, Space } from 'antd';
|
|
6
|
-
import { CaretDownOutlined } from '@ant-design/icons';
|
|
7
|
-
export class NSSelectBox extends React.Component {
|
|
8
|
-
constructor(props) {
|
|
9
|
-
super(props);
|
|
10
|
-
this.state = {
|
|
11
|
-
value: [],
|
|
12
|
-
};
|
|
13
|
-
this.setValue = this.setValue.bind(this);
|
|
14
|
-
}
|
|
15
|
-
setValue(value) {
|
|
16
|
-
this.setState({ value });
|
|
17
|
-
}
|
|
18
|
-
getValue() {
|
|
19
|
-
return this.state.value;
|
|
20
|
-
}
|
|
21
|
-
render() {
|
|
22
|
-
return (_jsx("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: _jsx(Select, { suffixIcon: _jsx(CaretDownOutlined, {}), mode: "multiple", style: { width: '100%' }, className: Styles.ns_input_select, placeholder: "Combo Box", onChange: this.setValue, optionLabelProp: "label", options: this.props.options, optionRender: (option) => (_jsx(Space, Object.assign({ className: Styles.ns_input_select_option }, { children: option.data.desc }))) }) })));
|
|
23
|
-
}
|
|
24
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Styles from "./NSSelectBox.module.css";
|
|
5
|
+
import { Select, Space } from 'antd';
|
|
6
|
+
import { CaretDownOutlined } from '@ant-design/icons';
|
|
7
|
+
export class NSSelectBox extends React.Component {
|
|
8
|
+
constructor(props) {
|
|
9
|
+
super(props);
|
|
10
|
+
this.state = {
|
|
11
|
+
value: [],
|
|
12
|
+
};
|
|
13
|
+
this.setValue = this.setValue.bind(this);
|
|
14
|
+
}
|
|
15
|
+
setValue(value) {
|
|
16
|
+
this.setState({ value });
|
|
17
|
+
}
|
|
18
|
+
getValue() {
|
|
19
|
+
return this.state.value;
|
|
20
|
+
}
|
|
21
|
+
render() {
|
|
22
|
+
return (_jsx("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: _jsx(Select, { suffixIcon: _jsx(CaretDownOutlined, {}), mode: "multiple", style: { width: '100%' }, className: Styles.ns_input_select, placeholder: "Combo Box", onChange: this.setValue, optionLabelProp: "label", options: this.props.options, optionRender: (option) => (_jsx(Space, Object.assign({ className: Styles.ns_input_select_option }, { children: option.data.desc }))) }) })));
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
25
|
//# sourceMappingURL=NSSelectBox.js.map
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
.ns_input_parent {
|
|
2
|
-
width: 326px;
|
|
3
|
-
max-width: 100%;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.ns_input_select {
|
|
7
|
-
height: 48px;
|
|
8
|
-
width: 304px !important;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.ns_input_select span span svg path {
|
|
12
|
-
height: 24px !important;
|
|
13
|
-
width: 24px !important;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.ns_input_select span span svg {
|
|
17
|
-
height: 24px !important;
|
|
18
|
-
width: 24px !important;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.ns_input_select span span span svg path {
|
|
22
|
-
height: 12px !important;
|
|
23
|
-
width: 12px !important;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.ns_input_select span span span svg {
|
|
27
|
-
height: 12px !important;
|
|
28
|
-
width: 12px !important;
|
|
1
|
+
.ns_input_parent {
|
|
2
|
+
width: 326px;
|
|
3
|
+
max-width: 100%;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.ns_input_select {
|
|
7
|
+
height: 48px;
|
|
8
|
+
width: 304px !important;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.ns_input_select span span svg path {
|
|
12
|
+
height: 24px !important;
|
|
13
|
+
width: 24px !important;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.ns_input_select span span svg {
|
|
17
|
+
height: 24px !important;
|
|
18
|
+
width: 24px !important;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.ns_input_select span span span svg path {
|
|
22
|
+
height: 12px !important;
|
|
23
|
+
width: 12px !important;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.ns_input_select span span span svg {
|
|
27
|
+
height: 12px !important;
|
|
28
|
+
width: 12px !important;
|
|
29
29
|
}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import "./NSTable.modules.css";
|
|
2
|
-
import { Component } from 'react';
|
|
3
|
-
interface IProps<RowType> {
|
|
4
|
-
columns: {
|
|
5
|
-
[key: string]: string;
|
|
6
|
-
};
|
|
7
|
-
rows: RowType[];
|
|
8
|
-
getRowKey: (row: RowType, rowIndex: number) => string;
|
|
9
|
-
getColumnAttributes: (column: string, columnIndex: number) => {
|
|
10
|
-
[key: string]: string;
|
|
11
|
-
};
|
|
12
|
-
getCell: (row: RowType, column: string, rowIndex: number, columnIndex: number) => any;
|
|
13
|
-
}
|
|
14
|
-
interface IState<RowType> {
|
|
15
|
-
columns: {
|
|
16
|
-
[key: string]: string;
|
|
17
|
-
};
|
|
18
|
-
rows: RowType[];
|
|
19
|
-
}
|
|
20
|
-
export declare class NSTable<RowType> extends Component<IProps<RowType>, IState<RowType>> {
|
|
21
|
-
constructor(props: IProps<RowType>);
|
|
22
|
-
setColumns(columns: {
|
|
23
|
-
[key: string]: string;
|
|
24
|
-
}): void;
|
|
25
|
-
setRows(rows: RowType[]): void;
|
|
26
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
27
|
-
}
|
|
28
|
-
export {};
|
|
1
|
+
import "./NSTable.modules.css";
|
|
2
|
+
import { Component } from 'react';
|
|
3
|
+
interface IProps<RowType> {
|
|
4
|
+
columns: {
|
|
5
|
+
[key: string]: string;
|
|
6
|
+
};
|
|
7
|
+
rows: RowType[];
|
|
8
|
+
getRowKey: (row: RowType, rowIndex: number) => string;
|
|
9
|
+
getColumnAttributes: (column: string, columnIndex: number) => {
|
|
10
|
+
[key: string]: string;
|
|
11
|
+
};
|
|
12
|
+
getCell: (row: RowType, column: string, rowIndex: number, columnIndex: number) => any;
|
|
13
|
+
}
|
|
14
|
+
interface IState<RowType> {
|
|
15
|
+
columns: {
|
|
16
|
+
[key: string]: string;
|
|
17
|
+
};
|
|
18
|
+
rows: RowType[];
|
|
19
|
+
}
|
|
20
|
+
export declare class NSTable<RowType> extends Component<IProps<RowType>, IState<RowType>> {
|
|
21
|
+
constructor(props: IProps<RowType>);
|
|
22
|
+
setColumns(columns: {
|
|
23
|
+
[key: string]: string;
|
|
24
|
+
}): void;
|
|
25
|
+
setRows(rows: RowType[]): void;
|
|
26
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
}
|
|
28
|
+
export {};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import "./NSTable.modules.css";
|
|
4
|
-
import { Component } from 'react';
|
|
5
|
-
export class NSTable extends Component {
|
|
6
|
-
constructor(props) {
|
|
7
|
-
super(props);
|
|
8
|
-
this.state = { columns: props.columns, rows: props.rows };
|
|
9
|
-
}
|
|
10
|
-
setColumns(columns) {
|
|
11
|
-
this.setState({ columns });
|
|
12
|
-
}
|
|
13
|
-
setRows(rows) {
|
|
14
|
-
this.setState({ rows });
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
let column_keys = Object.keys(this.state.columns);
|
|
18
|
-
return (_jsx("div", Object.assign({ className: "project_list_container" }, { children: _jsxs("table", Object.assign({ className: "table" }, { children: [_jsx("thead", Object.assign({ className: "thead" }, { children: _jsx("tr", { children: column_keys.map(column_key => _jsx("th", Object.assign({ scope: "col" }, { children: this.state.columns[column_key] }), column_key)) }) })), _jsx("tbody", Object.assign({ className: "tbody" }, { children: this.state.rows.map((row, rowIndex) => _jsx("tr", { children: column_keys.map((column, columnIndex) => (_jsx("td", Object.assign({}, this.props.getColumnAttributes(column, columnIndex), { children: this.props.getCell(row, column, rowIndex, columnIndex) })))) }, this.props.getRowKey(row, rowIndex))) }))] })) })));
|
|
19
|
-
}
|
|
20
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import "./NSTable.modules.css";
|
|
4
|
+
import { Component } from 'react';
|
|
5
|
+
export class NSTable extends Component {
|
|
6
|
+
constructor(props) {
|
|
7
|
+
super(props);
|
|
8
|
+
this.state = { columns: props.columns, rows: props.rows };
|
|
9
|
+
}
|
|
10
|
+
setColumns(columns) {
|
|
11
|
+
this.setState({ columns });
|
|
12
|
+
}
|
|
13
|
+
setRows(rows) {
|
|
14
|
+
this.setState({ rows });
|
|
15
|
+
}
|
|
16
|
+
render() {
|
|
17
|
+
let column_keys = Object.keys(this.state.columns);
|
|
18
|
+
return (_jsx("div", Object.assign({ className: "project_list_container" }, { children: _jsxs("table", Object.assign({ className: "table" }, { children: [_jsx("thead", Object.assign({ className: "thead" }, { children: _jsx("tr", { children: column_keys.map(column_key => _jsx("th", Object.assign({ scope: "col" }, { children: this.state.columns[column_key] }), column_key)) }) })), _jsx("tbody", Object.assign({ className: "tbody" }, { children: this.state.rows.map((row, rowIndex) => _jsx("tr", { children: column_keys.map((column, columnIndex) => (_jsx("td", Object.assign({}, this.props.getColumnAttributes(column, columnIndex), { children: this.props.getCell(row, column, rowIndex, columnIndex) })))) }, this.props.getRowKey(row, rowIndex))) }))] })) })));
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
21
|
//# sourceMappingURL=NSTable.js.map
|