namirasoft-site-react 1.4.518 → 1.4.520
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/components/NSHeader.d.ts +1 -0
- package/dist/components/NSHeader.js +2 -1
- package/dist/components/NSHeader.js.map +1 -1
- package/dist/components/NSHeader.module.css +13 -0
- package/dist/components/NSLayout.d.ts +1 -0
- package/dist/components/NSLayout.js +1 -1
- package/dist/components/NSLayout.js.map +1 -1
- package/dist/components/NSLayout.module.css +19 -20
- package/dist/components/NSProgressBar.d.ts +10 -0
- package/dist/components/NSProgressBar.js +11 -0
- package/dist/components/NSProgressBar.js.map +1 -0
- package/dist/components/NSProgressBar.module.css +39 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.js +1 -0
- package/dist/main.js.map +1 -1
- package/package.json +1 -1
- package/src/components/NSHeader.module.css +13 -0
- package/src/components/NSHeader.tsx +7 -0
- package/src/components/NSLayout.module.css +19 -20
- package/src/components/NSLayout.tsx +117 -115
- package/src/components/NSProgressBar.module.css +39 -0
- package/src/components/NSProgressBar.tsx +29 -0
- package/src/main.ts +3 -0
|
@@ -94,7 +94,8 @@ export class NSHeader extends Component {
|
|
|
94
94
|
nav.style = {};
|
|
95
95
|
if (!((_a = nav.style) === null || _a === void 0 ? void 0 : _a.backgroundColor))
|
|
96
96
|
nav.style.backgroundColor = "rgba(20, 27, 92, 1)";
|
|
97
|
-
return (_jsxs("header", { id: this.props.id, className: `${Styles.ns_header} ${(_c = (_b = this.props.classList) === null || _b === void 0 ? void 0 : _b.join(" ")) !== null && _c !== void 0 ? _c : ""}`, style: this.props.style, children: [_jsx("nav", { id: (_d = this.props.nav) === null || _d === void 0 ? void 0 : _d.id, className: `${Styles.ns_navbar} ${(_g = (_f = (_e = this.props.nav) === null || _e === void 0 ? void 0 : _e.classList) === null || _f === void 0 ? void 0 : _f.join(" ")) !== null && _g !== void 0 ? _g : ""}`, style: nav === null || nav === void 0 ? void 0 : nav.style, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [
|
|
97
|
+
return (_jsxs("header", { id: this.props.id, className: `${Styles.ns_header} ${(_c = (_b = this.props.classList) === null || _b === void 0 ? void 0 : _b.join(" ")) !== null && _c !== void 0 ? _c : ""}`, style: this.props.style, children: [_jsx("nav", { id: (_d = this.props.nav) === null || _d === void 0 ? void 0 : _d.id, className: `${Styles.ns_navbar} ${(_g = (_f = (_e = this.props.nav) === null || _e === void 0 ? void 0 : _e.classList) === null || _f === void 0 ? void 0 : _f.join(" ")) !== null && _g !== void 0 ? _g : ""}`, style: nav === null || nav === void 0 ? void 0 : nav.style, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [this.props.onCollapse &&
|
|
98
|
+
_jsx("button", { className: Styles.ns_collapse_btn, onClick: () => { var _a, _b; return (_b = (_a = this.props).onCollapse) === null || _b === void 0 ? void 0 : _b.call(_a); }, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/arrow/left/white-blue.svg", alt: "collapse", width: 20, height: 20 }) }), _jsx("a", { className: "me-2", href: "/", children: _jsx("img", { src: this.props.left.logo, alt: "Logo", width: 48, height: 48 }) }), this.props.left.title &&
|
|
98
99
|
_jsx("h2", { className: `${Styles.ns_navbar_title} mb-0 flex-shrink-0`, children: this.props.left.title }), _jsxs("div", { className: `${Styles.ns_navbar_content} `, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.show_navbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), _jsx(NSBoxSearch, { ref: this.NSBoxSearch_Ref, required: false, title: "", hideHeader: true, placeholder: "Search", autoComplete: "one-time-code", style: { flex: 0.8, minWidth: "15rem" }, input: {
|
|
99
100
|
style: { zIndex: 800 },
|
|
100
101
|
name: "search",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;AAEb,OAAO,EAAE,SAAS,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AACxD,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAqB,MAAM,qBAAqB,CAAC;AAIjF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,UAAU,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -146,6 +146,19 @@
|
|
|
146
146
|
margin-right: auto;
|
|
147
147
|
}
|
|
148
148
|
|
|
149
|
+
.ns_collapse_btn {
|
|
150
|
+
width: 1.75rem;
|
|
151
|
+
min-width: 1.75rem;
|
|
152
|
+
height: 2rem;
|
|
153
|
+
margin-right: 0.25rem;
|
|
154
|
+
border: none;
|
|
155
|
+
padding: 0;
|
|
156
|
+
display: flex;
|
|
157
|
+
align-items: center;
|
|
158
|
+
justify-content: center;
|
|
159
|
+
background-color: transparent;
|
|
160
|
+
}
|
|
161
|
+
|
|
149
162
|
@media only screen and (min-width: 1023px) {
|
|
150
163
|
.ns_navbar_content {
|
|
151
164
|
justify-content: space-between;
|
|
@@ -31,7 +31,7 @@ export function NSLayout(props) {
|
|
|
31
31
|
name: "Header",
|
|
32
32
|
logo: props.logo,
|
|
33
33
|
title: (_k = props.header.left) === null || _k === void 0 ? void 0 : _k.title
|
|
34
|
-
}, right: props.header.right, isLoggedIn: props.isLoggedIn, notifier: props.notifier, mega_menu: props.header.mega_menu, children: [props.notifications.length !== 0 &&
|
|
34
|
+
}, right: props.header.right, isLoggedIn: props.isLoggedIn, notifier: props.notifier, mega_menu: props.header.mega_menu, onCollapse: props.header.onCollapse, children: [props.notifications.length !== 0 &&
|
|
35
35
|
_jsx(_Fragment, { children: props.notifications.map((notification, index) => _jsx(Fragment, { children: _jsx(NSBarNotification, Object.assign({}, notification, { onClose: () => {
|
|
36
36
|
props.notifier.delNotification(notification.id);
|
|
37
37
|
}, onChangeState: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAC;AAEhF,OAAO,EAAoB,WAAW,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAmB,UAAU,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAmB,UAAU,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +1,24 @@
|
|
|
1
|
-
.ns_container
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
.ns_container {
|
|
2
|
+
width: 100%;
|
|
3
|
+
min-height: 100vh;
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
overflow: hidden;
|
|
6
8
|
}
|
|
7
9
|
|
|
8
|
-
.ns_layout_main
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
background-size: cover;
|
|
10
|
+
.ns_layout_main {
|
|
11
|
+
padding: 1rem;
|
|
12
|
+
display: flex;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
color: #fff;
|
|
15
|
+
background-attachment: fixed;
|
|
16
|
+
background-repeat: no-repeat;
|
|
17
|
+
background-size: cover;
|
|
17
18
|
}
|
|
18
19
|
|
|
19
|
-
@media only screen and (min-width: 992px)
|
|
20
|
-
{
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
padding: 1.5rem;
|
|
24
|
-
}
|
|
20
|
+
@media only screen and (min-width: 992px) {
|
|
21
|
+
.ns_layout_main {
|
|
22
|
+
padding: 1.5rem;
|
|
23
|
+
}
|
|
25
24
|
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
+
export interface NSProgressBarProps extends IBaseComponentProps {
|
|
4
|
+
progress: number;
|
|
5
|
+
title?: string;
|
|
6
|
+
}
|
|
7
|
+
declare class NSProgressBar extends Component<NSProgressBarProps> {
|
|
8
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
}
|
|
10
|
+
export default NSProgressBar;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Component } from 'react';
|
|
3
|
+
import Styles from "./NSProgressBar.module.css";
|
|
4
|
+
class NSProgressBar extends Component {
|
|
5
|
+
render() {
|
|
6
|
+
let progress = Math.max(0, Math.min(this.props.progress, 100));
|
|
7
|
+
return (_jsxs("div", { className: `${Styles.ns_progress_bar_wrapper} ${this.props.classList}`, children: [_jsx("span", { className: Styles.ns_progress_bar_title, children: this.props.title }), _jsxs("div", { className: Styles.ns_progress_bar, style: this.props.style, children: [_jsx("div", { className: Styles.ns_progress, style: { width: this.props.progress + "%" } }), _jsxs("div", { className: Styles.ns_progress_percent, children: [progress, "%"] })] })] }));
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
export default NSProgressBar;
|
|
11
|
+
//# sourceMappingURL=NSProgressBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSProgressBar.js","sourceRoot":"","sources":["../../src/components/NSProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAQhD,MAAM,aAAc,SAAQ,SAA6B;IAE5C,MAAM;QAEX,IAAI,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;QAE/D,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,uBAAuB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,aACvE,eAAM,SAAS,EAAE,MAAM,CAAC,qBAAqB,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACxE,eAAK,SAAS,EAAE,MAAM,CAAC,eAAe,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aAC3D,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,EAAE,GAAQ,EACvF,eAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,aAAG,QAAQ,SAAQ,IAC3D,IACJ,CACT,CAAA;IACL,CAAC;CACJ;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
.ns_progress_bar_wrapper {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
gap: 0.5rem;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.ns_progress_bar {
|
|
8
|
+
position: relative;
|
|
9
|
+
display: flex;
|
|
10
|
+
width: 17rem;
|
|
11
|
+
height: 1.5rem;
|
|
12
|
+
border: 1px solid #e1e1e1;
|
|
13
|
+
border-radius: 0.25rem;
|
|
14
|
+
background-color: #fff;
|
|
15
|
+
overflow: hidden;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.ns_progress_bar_title {
|
|
19
|
+
font-size: 0.875rem;
|
|
20
|
+
line-height: 1rem;
|
|
21
|
+
color: #141b5c;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.ns_progress {
|
|
25
|
+
background-color: rgba(0, 128, 0, 0.8);
|
|
26
|
+
width: 50%;
|
|
27
|
+
transition: width 0.3s ease;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.ns_progress_percent {
|
|
31
|
+
position: absolute;
|
|
32
|
+
top: 50%;
|
|
33
|
+
left: 50%;
|
|
34
|
+
transform: translate(-50%, -50%);
|
|
35
|
+
color: #141b5c;
|
|
36
|
+
font-size: 0.875rem;
|
|
37
|
+
font-weight: 500;
|
|
38
|
+
line-height: 1rem;
|
|
39
|
+
}
|
package/dist/main.d.ts
CHANGED
|
@@ -88,6 +88,7 @@ export * from "./components/NSNoData";
|
|
|
88
88
|
export * from "./components/NSPagination";
|
|
89
89
|
export * from "./components/NSPanel";
|
|
90
90
|
export * from "./components/NSPanelAccordion";
|
|
91
|
+
export * from "./components/NSProgressBar";
|
|
91
92
|
export * from "./components/NSRepeater";
|
|
92
93
|
export * from "./components/NSRepeaterNSBoxSchemaVariable";
|
|
93
94
|
export * from "./components/NSRepeaterNSTag";
|
package/dist/main.js
CHANGED
|
@@ -90,6 +90,7 @@ export * from "./components/NSNoData";
|
|
|
90
90
|
export * from "./components/NSPagination";
|
|
91
91
|
export * from "./components/NSPanel";
|
|
92
92
|
export * from "./components/NSPanelAccordion";
|
|
93
|
+
export * from "./components/NSProgressBar";
|
|
93
94
|
export * from "./components/NSRepeater";
|
|
94
95
|
export * from "./components/NSRepeaterNSBoxSchemaVariable";
|
|
95
96
|
export * from "./components/NSRepeaterNSTag";
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -146,6 +146,19 @@
|
|
|
146
146
|
margin-right: auto;
|
|
147
147
|
}
|
|
148
148
|
|
|
149
|
+
.ns_collapse_btn {
|
|
150
|
+
width: 1.75rem;
|
|
151
|
+
min-width: 1.75rem;
|
|
152
|
+
height: 2rem;
|
|
153
|
+
margin-right: 0.25rem;
|
|
154
|
+
border: none;
|
|
155
|
+
padding: 0;
|
|
156
|
+
display: flex;
|
|
157
|
+
align-items: center;
|
|
158
|
+
justify-content: center;
|
|
159
|
+
background-color: transparent;
|
|
160
|
+
}
|
|
161
|
+
|
|
149
162
|
@media only screen and (min-width: 1023px) {
|
|
150
163
|
.ns_navbar_content {
|
|
151
164
|
justify-content: space-between;
|
|
@@ -22,6 +22,7 @@ export interface NSHeaderProps extends IBaseComponentProps, NSRouterMakerProps
|
|
|
22
22
|
left: IHeaderLeftProps;
|
|
23
23
|
mega_menu?: boolean;
|
|
24
24
|
children?: ReactNode;
|
|
25
|
+
onCollapse?: () => void;
|
|
25
26
|
isLoggedIn: () => boolean;
|
|
26
27
|
}
|
|
27
28
|
|
|
@@ -140,6 +141,12 @@ export class NSHeader extends Component<NSHeaderProps, NSHeaderState>
|
|
|
140
141
|
style={nav?.style}
|
|
141
142
|
>
|
|
142
143
|
<div className={`${Styles.ns_navbar_parent_content} container`}>
|
|
144
|
+
{
|
|
145
|
+
this.props.onCollapse &&
|
|
146
|
+
<button className={Styles.ns_collapse_btn} onClick={() => this.props.onCollapse?.()}>
|
|
147
|
+
<img src="https://static.namirasoft.com/image/concept/arrow/left/white-blue.svg" alt={"collapse"} width={20} height={20} />
|
|
148
|
+
</button>
|
|
149
|
+
}
|
|
143
150
|
<a className="me-2" href="/">
|
|
144
151
|
<img
|
|
145
152
|
src={this.props.left.logo}
|
|
@@ -1,25 +1,24 @@
|
|
|
1
|
-
.ns_container
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
.ns_container {
|
|
2
|
+
width: 100%;
|
|
3
|
+
min-height: 100vh;
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
overflow: hidden;
|
|
6
8
|
}
|
|
7
9
|
|
|
8
|
-
.ns_layout_main
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
background-size: cover;
|
|
10
|
+
.ns_layout_main {
|
|
11
|
+
padding: 1rem;
|
|
12
|
+
display: flex;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
color: #fff;
|
|
15
|
+
background-attachment: fixed;
|
|
16
|
+
background-repeat: no-repeat;
|
|
17
|
+
background-size: cover;
|
|
17
18
|
}
|
|
18
19
|
|
|
19
|
-
@media only screen and (min-width: 992px)
|
|
20
|
-
{
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
padding: 1.5rem;
|
|
24
|
-
}
|
|
20
|
+
@media only screen and (min-width: 992px) {
|
|
21
|
+
.ns_layout_main {
|
|
22
|
+
padding: 1.5rem;
|
|
23
|
+
}
|
|
25
24
|
}
|
|
@@ -14,126 +14,128 @@ import { IBackgroundProps } from '../props/IBackgroundProps';
|
|
|
14
14
|
|
|
15
15
|
export interface NSLayoutProps extends IBaseComponentProps, NSRouterMakerProps
|
|
16
16
|
{
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
17
|
+
scope: string;
|
|
18
|
+
logo: string;
|
|
19
|
+
header: {
|
|
20
|
+
enabled?: boolean;
|
|
21
|
+
right: IHeaderRightProps;
|
|
22
|
+
left?: { title?: string }
|
|
23
23
|
mega_menu?: boolean;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
24
|
+
onCollapse?: () => void;
|
|
25
|
+
};
|
|
26
|
+
background?: IBackgroundProps;
|
|
27
|
+
notifications: NSBarNotificationProps[];
|
|
28
|
+
action?: NSBarActionProps;
|
|
29
|
+
alerts?: NSBarAlertProps[];
|
|
30
|
+
title?: NSBarTitleProps;
|
|
31
|
+
children: ReactNode;
|
|
32
|
+
isLoggedIn: () => boolean;
|
|
33
|
+
onEnterPressed?: () => void;
|
|
33
34
|
}
|
|
34
35
|
|
|
35
36
|
export function NSLayout(props: NSLayoutProps)
|
|
36
37
|
{
|
|
37
|
-
|
|
38
|
-
|
|
38
|
+
let alerts = props.alerts ?? [];
|
|
39
|
+
alerts = alerts.filter((a) => a.isVisible());
|
|
39
40
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
41
|
+
return (
|
|
42
|
+
<div id={props.id}
|
|
43
|
+
className={`${Styles.ns_container} ${props.classList?.join(" ") ?? ""}`}
|
|
44
|
+
style={{
|
|
45
|
+
minHeight: "100vh",
|
|
46
|
+
width: "100%",
|
|
47
|
+
display: "flex",
|
|
48
|
+
flexDirection: "column",
|
|
49
|
+
justifyContent: "center",
|
|
50
|
+
background: props.background?.image ? `url(${props.background?.image})` : "",
|
|
51
|
+
backgroundSize: props.background?.size ?? "cover",
|
|
52
|
+
backgroundAttachment: props.background?.attachment ?? "fixed"
|
|
53
|
+
}}
|
|
54
|
+
onKeyUp={e =>
|
|
55
|
+
{
|
|
56
|
+
if (e.key === "Enter")
|
|
57
|
+
props.onEnterPressed?.();
|
|
58
|
+
}}
|
|
59
|
+
>
|
|
60
|
+
{
|
|
61
|
+
props.header.enabled !== false &&
|
|
62
|
+
<NSHeader
|
|
63
|
+
left={{
|
|
64
|
+
scope: props.scope,
|
|
65
|
+
name: "Header",
|
|
66
|
+
logo: props.logo,
|
|
67
|
+
title: props.header.left?.title
|
|
68
|
+
}}
|
|
69
|
+
right={props.header.right}
|
|
70
|
+
isLoggedIn={props.isLoggedIn}
|
|
71
|
+
notifier={props.notifier}
|
|
71
72
|
mega_menu={props.header.mega_menu}
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
73
|
+
onCollapse={props.header.onCollapse}
|
|
74
|
+
>
|
|
75
|
+
{
|
|
76
|
+
props.notifications.length !== 0 &&
|
|
77
|
+
<>
|
|
78
|
+
{
|
|
79
|
+
props.notifications.map((notification, index) =>
|
|
80
|
+
<Fragment key={`NSLayout_fragment_key_${index}`}>
|
|
81
|
+
<NSBarNotification
|
|
82
|
+
{...notification}
|
|
83
|
+
onClose={() =>
|
|
84
|
+
{
|
|
85
|
+
props.notifier.delNotification(notification.id);
|
|
86
|
+
}}
|
|
87
|
+
onChangeState={() =>
|
|
88
|
+
{
|
|
89
|
+
props.notifier.onChangeState();
|
|
90
|
+
}}
|
|
91
|
+
/>
|
|
92
|
+
</Fragment>
|
|
93
|
+
)
|
|
94
|
+
}
|
|
95
|
+
</>
|
|
96
|
+
}
|
|
97
|
+
{/* Desktop */}
|
|
98
|
+
<div className='d-none d-lg-block'>
|
|
99
|
+
{
|
|
100
|
+
alerts.length !== 0 && alerts.map((alert, index) => <NSBarAlert key={`NSLayout_NSBarAlert_key_${index}`} {...alert} />)
|
|
101
|
+
}
|
|
102
|
+
{
|
|
103
|
+
isValidAction(props.action) &&
|
|
104
|
+
<NSBarAction
|
|
105
|
+
{...props.action}
|
|
106
|
+
/>
|
|
107
|
+
}
|
|
108
|
+
</div>
|
|
109
|
+
{/* Desktop */}
|
|
110
|
+
</NSHeader>
|
|
111
|
+
}
|
|
112
|
+
<div className='d-block d-lg-none'>
|
|
113
|
+
{/* Mobile */}
|
|
114
|
+
{
|
|
115
|
+
alerts.length !== 0 && alerts.map((alert, index) => <NSBarAlert key={`NSLayout_NSBarAlert_key_${index}`} {...alert} />)
|
|
116
|
+
}
|
|
117
|
+
{
|
|
118
|
+
isValidAction(props.action) && <NSBarAction {...props.action} />
|
|
119
|
+
}
|
|
120
|
+
</div>
|
|
121
|
+
{/* Mobile */}
|
|
122
|
+
{
|
|
123
|
+
props.title &&
|
|
124
|
+
<>
|
|
125
|
+
<NSSpace size={NSSpaceSizeType.MINI}
|
|
126
|
+
></NSSpace>
|
|
127
|
+
<NSBarTitle {...props.title} ></NSBarTitle >
|
|
128
|
+
</>
|
|
129
|
+
}
|
|
130
|
+
<main className={`d-flex flex-column text-white ${Styles.ns_layout_main}`}>
|
|
131
|
+
{props.children}
|
|
132
|
+
</main>
|
|
133
|
+
<NSFooter
|
|
134
|
+
scope={props.scope}
|
|
135
|
+
name="Footer"
|
|
136
|
+
logo={props.logo}
|
|
137
|
+
isLoggedIn={props.isLoggedIn}
|
|
138
|
+
/>
|
|
139
|
+
</div >
|
|
140
|
+
);
|
|
139
141
|
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
.ns_progress_bar_wrapper {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
gap: 0.5rem;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.ns_progress_bar {
|
|
8
|
+
position: relative;
|
|
9
|
+
display: flex;
|
|
10
|
+
width: 17rem;
|
|
11
|
+
height: 1.5rem;
|
|
12
|
+
border: 1px solid #e1e1e1;
|
|
13
|
+
border-radius: 0.25rem;
|
|
14
|
+
background-color: #fff;
|
|
15
|
+
overflow: hidden;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.ns_progress_bar_title {
|
|
19
|
+
font-size: 0.875rem;
|
|
20
|
+
line-height: 1rem;
|
|
21
|
+
color: #141b5c;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.ns_progress {
|
|
25
|
+
background-color: rgba(0, 128, 0, 0.8);
|
|
26
|
+
width: 50%;
|
|
27
|
+
transition: width 0.3s ease;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.ns_progress_percent {
|
|
31
|
+
position: absolute;
|
|
32
|
+
top: 50%;
|
|
33
|
+
left: 50%;
|
|
34
|
+
transform: translate(-50%, -50%);
|
|
35
|
+
color: #141b5c;
|
|
36
|
+
font-size: 0.875rem;
|
|
37
|
+
font-weight: 500;
|
|
38
|
+
line-height: 1rem;
|
|
39
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
+
import Styles from "./NSProgressBar.module.css";
|
|
4
|
+
|
|
5
|
+
export interface NSProgressBarProps extends IBaseComponentProps
|
|
6
|
+
{
|
|
7
|
+
progress: number;
|
|
8
|
+
title?: string;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
class NSProgressBar extends Component<NSProgressBarProps>
|
|
12
|
+
{
|
|
13
|
+
override render()
|
|
14
|
+
{
|
|
15
|
+
let progress = Math.max(0, Math.min(this.props.progress, 100));
|
|
16
|
+
|
|
17
|
+
return (
|
|
18
|
+
<div className={`${Styles.ns_progress_bar_wrapper} ${this.props.classList}`}>
|
|
19
|
+
<span className={Styles.ns_progress_bar_title}>{this.props.title}</span>
|
|
20
|
+
<div className={Styles.ns_progress_bar} style={this.props.style}>
|
|
21
|
+
<div className={Styles.ns_progress} style={{ width: this.props.progress + "%" }}></div>
|
|
22
|
+
<div className={Styles.ns_progress_percent}>{progress}%</div>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
)
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
export default NSProgressBar;
|
package/src/main.ts
CHANGED
|
@@ -145,6 +145,9 @@ export * from "./components/NSPagination";
|
|
|
145
145
|
export * from "./components/NSPanel";
|
|
146
146
|
export * from "./components/NSPanelAccordion";
|
|
147
147
|
|
|
148
|
+
// Progress Bar
|
|
149
|
+
export * from "./components/NSProgressBar";
|
|
150
|
+
|
|
148
151
|
// Repeater
|
|
149
152
|
export * from "./components/NSRepeater";
|
|
150
153
|
export * from "./components/NSRepeaterNSBoxSchemaVariable";
|