namirasoft-site-react 1.3.169 → 1.3.171
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.js +17 -1
- package/dist/App.js.map +1 -1
- package/dist/components/NSHeader.d.ts +2 -2
- package/dist/components/NSHeader.js +4 -4
- package/dist/components/NSHeader.js.map +1 -1
- package/dist/components/NSHeader.module.css +9 -16
- package/dist/components/NSLayout.d.ts +2 -1
- package/dist/components/NSLayout.js +1 -1
- package/dist/components/NSLayout.js.map +1 -1
- package/dist/components/NSModal.js +2 -2
- package/dist/components/NSModal.js.map +1 -1
- package/dist/props/IHeaderProps.d.ts +9 -0
- package/dist/props/IHeaderProps.js +2 -0
- package/dist/props/IHeaderProps.js.map +1 -0
- package/package.json +5 -5
- package/src/App.tsx +34 -1
- package/src/components/NSHeader.module.css +9 -16
- package/src/components/NSHeader.tsx +25 -28
- package/src/components/NSLayout.tsx +9 -2
- package/src/components/NSModal.tsx +3 -3
- package/src/props/IHeaderProps.ts +10 -0
package/dist/App.js
CHANGED
|
@@ -1,7 +1,23 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import './App.css';
|
|
3
3
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
4
|
+
import { NSLayoutAction } from './main';
|
|
4
5
|
export function App() {
|
|
5
|
-
|
|
6
|
+
const onClicked = () => {
|
|
7
|
+
console.log("clicked");
|
|
8
|
+
};
|
|
9
|
+
let icons = [
|
|
10
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked, count: 1 },
|
|
11
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
12
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
13
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
14
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
15
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
16
|
+
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
17
|
+
];
|
|
18
|
+
return (_jsx(_Fragment, { children: _jsx(NSLayoutAction, { scope: '', actions: [], notifications: [], header: {
|
|
19
|
+
icons: icons,
|
|
20
|
+
title: "any"
|
|
21
|
+
}, title: '', logo: '', children: _jsx(_Fragment, { children: " " }) }) }));
|
|
6
22
|
}
|
|
7
23
|
//# sourceMappingURL=App.js.map
|
package/dist/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAKxC,MAAM,UAAU,GAAG;IAGlB,MAAM,SAAS,GAAG,GAAG,EAAE;QAEtB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,IAAI,KAAK,GAAG;QACX,EAAE,GAAG,EAAC,8DAA8D,EAAG,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAC,CAAC,EAAE;QACpG,EAAE,GAAG,EAAC,8DAA8D,EAAG,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAC,8DAA8D,EAAG,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAC,8DAA8D,EAAG,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAC,8DAA8D,EAAG,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAC,8DAA8D,EAAG,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAC,8DAA8D,EAAG,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;KAC3F,CAAC;IAEF,OAAO,CACN,4BACC,KAAC,cAAc,IACd,KAAK,EAAC,EAAE,EACR,OAAO,EAAE,EAAE,EACX,aAAa,EAAE,EAAE,EACjB,MAAM,EACL;gBACC,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,KAAK;aACZ,EAEF,KAAK,EAAC,EAAE,EACR,IAAI,EAAC,EAAE,YAEP,kCAAM,GACU,GACf,CACH,CAAC;AACH,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { FilterLinkFullRow } from 'namirasoft-api-link';
|
|
3
3
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
4
|
+
import { IHeaderProps } from "../props/IHeaderProps";
|
|
4
5
|
export interface INSHeaderProps extends IBaseComponentProps {
|
|
5
6
|
scope: string;
|
|
6
7
|
name: string;
|
|
7
8
|
logo: string;
|
|
8
|
-
account?: boolean;
|
|
9
9
|
nav?: IBaseComponentProps;
|
|
10
|
-
user_name?: string;
|
|
11
10
|
logout?: () => void;
|
|
11
|
+
header: IHeaderProps;
|
|
12
12
|
}
|
|
13
13
|
export interface NSHeaderState {
|
|
14
14
|
filters: FilterLinkFullRow[];
|
|
@@ -4,7 +4,6 @@ import React from "react";
|
|
|
4
4
|
import Styles from "./NSHeader.module.css";
|
|
5
5
|
import NavDropdown from 'react-bootstrap/NavDropdown';
|
|
6
6
|
import { NamirasoftAPILinkServer } from 'namirasoft-api-link';
|
|
7
|
-
import Logout from '../assets/images/icon-logout.png';
|
|
8
7
|
export class NSHeader extends React.Component {
|
|
9
8
|
constructor(props) {
|
|
10
9
|
super(props);
|
|
@@ -36,7 +35,7 @@ export class NSHeader extends React.Component {
|
|
|
36
35
|
this.setState({ showNavbar: !this.state.showNavbar });
|
|
37
36
|
}
|
|
38
37
|
render() {
|
|
39
|
-
var _a, _b, _c, _d, _e;
|
|
38
|
+
var _a, _b, _c, _d, _e, _f;
|
|
40
39
|
let nav = this.props.nav;
|
|
41
40
|
if (!nav)
|
|
42
41
|
nav = { style: {} };
|
|
@@ -44,8 +43,9 @@ export class NSHeader extends React.Component {
|
|
|
44
43
|
nav.style = {};
|
|
45
44
|
if (!((_a = nav.style) === null || _a === void 0 ? void 0 : _a.backgroundColor))
|
|
46
45
|
nav.style.backgroundColor = "rgba(20, 27, 92, 1)";
|
|
47
|
-
return (_jsx("header", { id: this.props.id, className: `${Styles.ns_header} ${(_b = this.props.classList) === null || _b === void 0 ? void 0 : _b.join(" ")}`, style: this.props.style, children: _jsx("nav", { id: (_c = this.props.nav) === null || _c === void 0 ? void 0 : _c.id, className: `${Styles.ns_navbar} ${(_e = (_d = this.props.nav) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.join(" ")}`, style: nav === null || nav === void 0 ? void 0 : nav.style, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [_jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: "Logo", width: 48, height: 48 }) }), _jsxs("div", { className: `${Styles.ns_navbar_content} `, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), this.props.
|
|
48
|
-
_jsxs("div", { className:
|
|
46
|
+
return (_jsx("header", { id: this.props.id, className: `${Styles.ns_header} ${(_b = this.props.classList) === null || _b === void 0 ? void 0 : _b.join(" ")}`, style: this.props.style, children: _jsx("nav", { id: (_c = this.props.nav) === null || _c === void 0 ? void 0 : _c.id, className: `${Styles.ns_navbar} ${(_e = (_d = this.props.nav) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.join(" ")}`, style: nav === null || nav === void 0 ? void 0 : nav.style, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [_jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: "Logo", width: 48, height: 48 }) }), _jsxs("div", { className: `${Styles.ns_navbar_content} `, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), this.props.header &&
|
|
47
|
+
_jsxs("div", { className: "d-flex gap-3 align-items-center", children: [_jsx("span", { className: Styles.ns_navbar_title, children: (_f = this.props.header) === null || _f === void 0 ? void 0 : _f.title }), this.props.header.icons.map((icon) => _jsxs("button", { className: Styles.ns_header_icon, onClick: icon.onClicked, children: [_jsx("img", { src: icon.src, alt: icon.alt, width: 20, height: 20 }), icon.count &&
|
|
48
|
+
_jsx("span", { className: Styles.ns_navbar_notification_count, children: icon.count })] }))] }), _jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: this.state.showNavbar ?
|
|
49
49
|
"https://static.namirasoft.com/image/concept/close/white.svg"
|
|
50
50
|
: "https://static.namirasoft.com/image/concept/menu/burger-white.svg", alt: "Menu Icon", width: 24, height: 24 }) })] })] }) }) }));
|
|
51
51
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAqB,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -68,6 +68,14 @@
|
|
|
68
68
|
background-color: #574c4c;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
+
.ns_header_icon{
|
|
72
|
+
outline: none;
|
|
73
|
+
border: none;
|
|
74
|
+
background: none;
|
|
75
|
+
padding: 0;
|
|
76
|
+
position: relative;
|
|
77
|
+
}
|
|
78
|
+
|
|
71
79
|
.ns_navbar_items_container {
|
|
72
80
|
margin-right: auto;
|
|
73
81
|
margin-inline-end: auto;
|
|
@@ -183,7 +191,6 @@
|
|
|
183
191
|
}
|
|
184
192
|
|
|
185
193
|
.ns_navbar_parent_content img {
|
|
186
|
-
margin-right: 32px !important;
|
|
187
194
|
cursor: pointer;
|
|
188
195
|
}
|
|
189
196
|
|
|
@@ -195,10 +202,6 @@
|
|
|
195
202
|
margin-top: -20% !important;
|
|
196
203
|
margin-left: 100%;
|
|
197
204
|
}
|
|
198
|
-
|
|
199
|
-
.ns_navbar_content {
|
|
200
|
-
width: 100%;
|
|
201
|
-
}
|
|
202
205
|
}
|
|
203
206
|
|
|
204
207
|
.ns_navbar_first_level_item a {
|
|
@@ -220,21 +223,11 @@
|
|
|
220
223
|
padding: 10px;
|
|
221
224
|
}
|
|
222
225
|
|
|
223
|
-
.
|
|
226
|
+
.ns_navbar_title {
|
|
224
227
|
color: #fff;
|
|
225
228
|
font-size: 16px;
|
|
226
229
|
}
|
|
227
230
|
|
|
228
|
-
.ns_navbar_notification {
|
|
229
|
-
width: 24px;
|
|
230
|
-
height: 24px;
|
|
231
|
-
background: url(../assets/images/icon-notification.png) no-repeat;
|
|
232
|
-
background-size: contain;
|
|
233
|
-
background-position: center;
|
|
234
|
-
position: relative;
|
|
235
|
-
cursor: pointer;
|
|
236
|
-
}
|
|
237
|
-
|
|
238
231
|
.ns_navbar_notification:hover {
|
|
239
232
|
opacity: 0.5;
|
|
240
233
|
}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { IBaseComponentProps } from '../props/IBaseComponentProps';
|
|
3
3
|
import { INSNotificationProps } from './NSNotification';
|
|
4
|
+
import { IHeaderProps } from '../props/IHeaderProps';
|
|
4
5
|
export interface INSLayoutProps extends IBaseComponentProps {
|
|
5
6
|
scope: string;
|
|
6
7
|
logo: string;
|
|
7
8
|
background?: string;
|
|
8
9
|
notifications: INSNotificationProps[];
|
|
9
10
|
children: ReactNode;
|
|
10
|
-
user_name?: string;
|
|
11
11
|
logout?: () => void;
|
|
12
|
+
header: IHeaderProps;
|
|
12
13
|
}
|
|
13
14
|
export declare function NSLayout(props: INSLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -14,6 +14,6 @@ export function NSLayout(props) {
|
|
|
14
14
|
background: props.background,
|
|
15
15
|
backgroundSize: "cover",
|
|
16
16
|
backgroundAttachment: "fixed"
|
|
17
|
-
}, children: [_jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo,
|
|
17
|
+
}, children: [_jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo, logout: props.logout, header: props.header }), props.notifications.map(props => _jsx(NSNotification, Object.assign({}, props))), _jsx("main", { className: `d-flex flex-column text-white ${Styles.ns_layout_main}`, children: props.children }), _jsx(NSFooter, { scope: props.scope, name: "Footer", logo: props.logo })] }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=NSLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAwB,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAwB,MAAM,kBAAkB,CAAC;AAcxE,MAAM,UAAU,QAAQ,CAAC,KAAqB;;IAE7C,OAAO,CACN,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EAChB,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACjE,KAAK,EAAE;YACN,SAAS,EAAE,OAAO;YAClB,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,cAAc,EAAE,OAAO;YACvB,oBAAoB,EAAE,OAAO;SAC7B,aACD,KAAC,QAAQ,IACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,GACnB,EACD,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAC,cAAc,oBAAK,KAAK,EAAmB,CAAC,EAC/E,eAAM,SAAS,EAAE,iCAAiC,MAAM,CAAC,cAAc,EAAE,YACvE,KAAK,CAAC,QAAQ,GACT,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,IAC1D,CACP,CAAC;AACH,CAAC"}
|
|
@@ -7,8 +7,8 @@ export function NSModal(props) {
|
|
|
7
7
|
const handleModalClick = (event) => {
|
|
8
8
|
event.stopPropagation();
|
|
9
9
|
};
|
|
10
|
-
return (_jsx("div", {
|
|
10
|
+
return (_jsx("div", { onClick: props.onClose, children: _jsx("section", { id: props.id, className: `${props.show ? Styles.ns_show : Styles.ns_hide}
|
|
11
11
|
${Styles.ns_modal}
|
|
12
|
-
${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, onClick: props.onClose, children: _jsxs("div", { className: Styles.ns_modal_container, onClick: handleModalClick, children: [_jsx(NSButton, { onClick: props.onClose, icon: { src: "https://static.namirasoft.com/image/concept/close/white.svg", alt: "close modal" }, classList: [Styles.ns_close_modal] }), _jsxs("div", { className: Styles.ns_modal_content, children: [props.column && (_jsxs(_Fragment, { children: [_jsx(NSTitle, { title: props.column }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL })] })), props.title && (_jsxs(_Fragment, { children: [_jsx(NSTitle, { style: { marginBottom: "0" }
|
|
12
|
+
${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, onClick: props.onClose, children: _jsxs("div", { className: Styles.ns_modal_container, onClick: handleModalClick, children: [_jsx(NSButton, { onClick: props.onClose, icon: { src: "https://static.namirasoft.com/image/concept/close/white.svg", alt: "close modal" }, classList: [Styles.ns_close_modal] }), _jsxs("div", { className: Styles.ns_modal_content, children: [props.column && (_jsxs(_Fragment, { children: [_jsx(NSTitle, { title: props.column }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL })] })), props.title && (_jsxs(_Fragment, { children: [_jsx(NSTitle, { title: props.title, style: { marginBottom: "0" } }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL })] })), props.description && (_jsx("div", { children: _jsx("p", { style: { marginBottom: "0" }, className: Styles.ns_modal_description, children: props.description }) })), props.children && (_jsx("div", { children: props.children }))] })] }) }) }));
|
|
13
13
|
}
|
|
14
14
|
//# sourceMappingURL=NSModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSModal.js","sourceRoot":"","sources":["../../src/components/NSModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACjF,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAUlC,MAAM,UAAU,OAAO,CAAC,KAAoB;;IAE3C,MAAM,gBAAgB,GAAG,CAAC,KAAuB,EAAE,EAAE;QAEpD,KAAK,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC;IACF,OAAO,CACN,cAAK,
|
|
1
|
+
{"version":3,"file":"NSModal.js","sourceRoot":"","sources":["../../src/components/NSModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACjF,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAUlC,MAAM,UAAU,OAAO,CAAC,KAAoB;;IAE3C,MAAM,gBAAgB,GAAG,CAAC,KAAuB,EAAE,EAAE;QAEpD,KAAK,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC;IACF,OAAO,CACN,cAAK,OAAO,EAAE,KAAK,CAAC,OAAO,YAC1B,kBACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO;OACvD,MAAM,CAAC,QAAQ;OACf,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC/B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,YAEtB,eAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAE,OAAO,EAAE,gBAAgB,aACnE,KAAC,QAAQ,IACR,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,EAAE,GAAG,EAAE,6DAA6D,EAAE,GAAG,EAAE,aAAa,EAAE,EAChG,SAAS,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,GACjC,EACF,eAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,aACrC,KAAK,CAAC,MAAM,IAAI,CAChB,8BACC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,GAAI,EAChC,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,IACvC,CACH,EACA,KAAK,CAAC,KAAK,IAAI,CACf,8BACC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,EAAC,YAAY,EAAG,GAAG,EAAC,GAAG,EAC3D,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,IACvC,CACH,EACA,KAAK,CAAC,WAAW,IAAI,CACrB,wBACC,YAAG,KAAK,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAAG,KAAK,CAAC,WAAW,GAAK,GAC3F,CACN,EACA,KAAK,CAAC,QAAQ,IAAI,CAClB,wBACE,KAAK,CAAC,QAAQ,GACV,CACN,IACI,IACD,GACG,GACL,CACN,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IHeaderProps.js","sourceRoot":"","sources":["../../src/props/IHeaderProps.ts"],"names":[],"mappings":""}
|
package/package.json
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"framework": "npm",
|
|
9
9
|
"application": "package",
|
|
10
10
|
"private": false,
|
|
11
|
-
"version": "1.3.
|
|
11
|
+
"version": "1.3.171",
|
|
12
12
|
"author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -21,15 +21,15 @@
|
|
|
21
21
|
"copy": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.svg src/**/*.png src/**/*.jpg dist/"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@types/node": "^20.
|
|
24
|
+
"@types/node": "^20.14.1",
|
|
25
25
|
"@types/react": "^18.3.3",
|
|
26
26
|
"@types/react-dom": "^18.3.0",
|
|
27
|
-
"antd": "^5.
|
|
27
|
+
"antd": "^5.18.0",
|
|
28
28
|
"bootstrap": "^5.3.3",
|
|
29
29
|
"copyfiles": "^2.4.1",
|
|
30
30
|
"link-react": "^3.0.0",
|
|
31
|
-
"namirasoft-api-link": "^1.3.
|
|
32
|
-
"namirasoft-core": "^1.3.
|
|
31
|
+
"namirasoft-api-link": "^1.3.11",
|
|
32
|
+
"namirasoft-core": "^1.3.46",
|
|
33
33
|
"path-browserify": "^1.0.1",
|
|
34
34
|
"react": "^18.3.1",
|
|
35
35
|
"react-app-rewired": "^2.2.1",
|
package/src/App.tsx
CHANGED
|
@@ -1,12 +1,45 @@
|
|
|
1
1
|
import './App.css';
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
|
+
import { NSLayoutAction } from './main';
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
3
7
|
|
|
4
8
|
export function App()
|
|
5
9
|
{
|
|
6
10
|
|
|
11
|
+
const onClicked = () =>
|
|
12
|
+
{
|
|
13
|
+
console.log("clicked")
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
let icons = [
|
|
17
|
+
{ src:"https://static.namirasoft.com/image/concept/logout/white.svg" , alt: "", onClicked, count:1 },
|
|
18
|
+
{ src:"https://static.namirasoft.com/image/concept/logout/white.svg" , alt: "", onClicked },
|
|
19
|
+
{ src:"https://static.namirasoft.com/image/concept/logout/white.svg" , alt: "", onClicked },
|
|
20
|
+
{ src:"https://static.namirasoft.com/image/concept/logout/white.svg" , alt: "", onClicked },
|
|
21
|
+
{ src:"https://static.namirasoft.com/image/concept/logout/white.svg" , alt: "", onClicked },
|
|
22
|
+
{ src:"https://static.namirasoft.com/image/concept/logout/white.svg" , alt: "", onClicked },
|
|
23
|
+
{ src:"https://static.namirasoft.com/image/concept/logout/white.svg" , alt: "", onClicked },
|
|
24
|
+
];
|
|
25
|
+
|
|
7
26
|
return (
|
|
8
27
|
<>
|
|
9
|
-
|
|
28
|
+
<NSLayoutAction
|
|
29
|
+
scope=''
|
|
30
|
+
actions={[]}
|
|
31
|
+
notifications={[]}
|
|
32
|
+
header={
|
|
33
|
+
{
|
|
34
|
+
icons: icons,
|
|
35
|
+
title: "any"
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
title=''
|
|
39
|
+
logo=''
|
|
40
|
+
>
|
|
41
|
+
<> </>
|
|
42
|
+
</NSLayoutAction>
|
|
10
43
|
</>
|
|
11
44
|
);
|
|
12
45
|
}
|
|
@@ -68,6 +68,14 @@
|
|
|
68
68
|
background-color: #574c4c;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
+
.ns_header_icon{
|
|
72
|
+
outline: none;
|
|
73
|
+
border: none;
|
|
74
|
+
background: none;
|
|
75
|
+
padding: 0;
|
|
76
|
+
position: relative;
|
|
77
|
+
}
|
|
78
|
+
|
|
71
79
|
.ns_navbar_items_container {
|
|
72
80
|
margin-right: auto;
|
|
73
81
|
margin-inline-end: auto;
|
|
@@ -183,7 +191,6 @@
|
|
|
183
191
|
}
|
|
184
192
|
|
|
185
193
|
.ns_navbar_parent_content img {
|
|
186
|
-
margin-right: 32px !important;
|
|
187
194
|
cursor: pointer;
|
|
188
195
|
}
|
|
189
196
|
|
|
@@ -195,10 +202,6 @@
|
|
|
195
202
|
margin-top: -20% !important;
|
|
196
203
|
margin-left: 100%;
|
|
197
204
|
}
|
|
198
|
-
|
|
199
|
-
.ns_navbar_content {
|
|
200
|
-
width: 100%;
|
|
201
|
-
}
|
|
202
205
|
}
|
|
203
206
|
|
|
204
207
|
.ns_navbar_first_level_item a {
|
|
@@ -220,21 +223,11 @@
|
|
|
220
223
|
padding: 10px;
|
|
221
224
|
}
|
|
222
225
|
|
|
223
|
-
.
|
|
226
|
+
.ns_navbar_title {
|
|
224
227
|
color: #fff;
|
|
225
228
|
font-size: 16px;
|
|
226
229
|
}
|
|
227
230
|
|
|
228
|
-
.ns_navbar_notification {
|
|
229
|
-
width: 24px;
|
|
230
|
-
height: 24px;
|
|
231
|
-
background: url(../assets/images/icon-notification.png) no-repeat;
|
|
232
|
-
background-size: contain;
|
|
233
|
-
background-position: center;
|
|
234
|
-
position: relative;
|
|
235
|
-
cursor: pointer;
|
|
236
|
-
}
|
|
237
|
-
|
|
238
231
|
.ns_navbar_notification:hover {
|
|
239
232
|
opacity: 0.5;
|
|
240
233
|
}
|
|
@@ -5,16 +5,15 @@ import Styles from "./NSHeader.module.css";
|
|
|
5
5
|
import NavDropdown from 'react-bootstrap/NavDropdown';
|
|
6
6
|
import { NamirasoftAPILinkServer, FilterLinkFullRow } from 'namirasoft-api-link';
|
|
7
7
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
8
|
-
import
|
|
8
|
+
import { IHeaderProps } from "../props/IHeaderProps";
|
|
9
9
|
export interface INSHeaderProps extends IBaseComponentProps
|
|
10
10
|
{
|
|
11
11
|
scope: string;
|
|
12
12
|
name: string;
|
|
13
13
|
logo: string;
|
|
14
|
-
account?: boolean;
|
|
15
14
|
nav?: IBaseComponentProps;
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
logout?: () => void;
|
|
16
|
+
header: IHeaderProps;
|
|
18
17
|
}
|
|
19
18
|
|
|
20
19
|
export interface NSHeaderState
|
|
@@ -92,30 +91,28 @@ export class NSHeader extends React.Component<INSHeaderProps, NSHeaderState>
|
|
|
92
91
|
<div className={`${Styles.ns_navbar_content} `} >
|
|
93
92
|
<div className={`${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`}>
|
|
94
93
|
{this.render_menu(0, null)}
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
/>
|
|
118
|
-
</div>
|
|
94
|
+
</div>
|
|
95
|
+
{
|
|
96
|
+
this.props.header &&
|
|
97
|
+
<div className="d-flex gap-3 align-items-center">
|
|
98
|
+
<span className={Styles.ns_navbar_title}>{this.props.header?.title}</span>
|
|
99
|
+
{
|
|
100
|
+
this.props.header.icons.map((icon) =>
|
|
101
|
+
<button className={Styles.ns_header_icon} onClick={icon.onClicked}>
|
|
102
|
+
<img
|
|
103
|
+
src={icon.src}
|
|
104
|
+
alt={icon.alt}
|
|
105
|
+
width={20}
|
|
106
|
+
height={20}
|
|
107
|
+
/>
|
|
108
|
+
{icon.count &&
|
|
109
|
+
<span className={Styles.ns_navbar_notification_count}>{icon.count}</span>
|
|
110
|
+
}
|
|
111
|
+
</button>
|
|
112
|
+
)
|
|
113
|
+
}
|
|
114
|
+
</div>
|
|
115
|
+
}
|
|
119
116
|
<div className={Styles.ns_navbar_menu_icon} onClick={this.handleShowNavbar}>
|
|
120
117
|
<img
|
|
121
118
|
src=
|
|
@@ -4,6 +4,7 @@ import { NSHeader } from './NSHeader';
|
|
|
4
4
|
import { NSFooter } from './NSFooter';
|
|
5
5
|
import { IBaseComponentProps } from '../props/IBaseComponentProps';
|
|
6
6
|
import { NSNotification, INSNotificationProps } from './NSNotification';
|
|
7
|
+
import { IHeaderProps } from '../props/IHeaderProps';
|
|
7
8
|
|
|
8
9
|
export interface INSLayoutProps extends IBaseComponentProps
|
|
9
10
|
{
|
|
@@ -12,8 +13,8 @@ export interface INSLayoutProps extends IBaseComponentProps
|
|
|
12
13
|
background?: string;
|
|
13
14
|
notifications: INSNotificationProps[];
|
|
14
15
|
children: ReactNode;
|
|
15
|
-
user_name?: string;
|
|
16
16
|
logout?: () => void;
|
|
17
|
+
header: IHeaderProps;
|
|
17
18
|
}
|
|
18
19
|
|
|
19
20
|
export function NSLayout(props: INSLayoutProps)
|
|
@@ -31,7 +32,13 @@ export function NSLayout(props: INSLayoutProps)
|
|
|
31
32
|
backgroundSize: "cover",
|
|
32
33
|
backgroundAttachment: "fixed"
|
|
33
34
|
}}>
|
|
34
|
-
<NSHeader
|
|
35
|
+
<NSHeader
|
|
36
|
+
scope={props.scope}
|
|
37
|
+
name="Header"
|
|
38
|
+
logo={props.logo}
|
|
39
|
+
logout={props.logout}
|
|
40
|
+
header={props.header}
|
|
41
|
+
/>
|
|
35
42
|
{props.notifications.map(props => <NSNotification {...props}></NSNotification>)}
|
|
36
43
|
<main className={`d-flex flex-column text-white ${Styles.ns_layout_main}`}>
|
|
37
44
|
{props.children}
|
|
@@ -17,7 +17,7 @@ export function NSModal(props: INSModalProps)
|
|
|
17
17
|
event.stopPropagation();
|
|
18
18
|
};
|
|
19
19
|
return (
|
|
20
|
-
<div
|
|
20
|
+
<div onClick={props.onClose}>
|
|
21
21
|
<section
|
|
22
22
|
id={props.id}
|
|
23
23
|
className={`${props.show ? Styles.ns_show : Styles.ns_hide}
|
|
@@ -41,8 +41,8 @@ export function NSModal(props: INSModalProps)
|
|
|
41
41
|
)}
|
|
42
42
|
{props.title && (
|
|
43
43
|
<>
|
|
44
|
-
<NSTitle style={{
|
|
45
|
-
<NSSpace size={NSSpaceSizeType.
|
|
44
|
+
<NSTitle title={props.title} style={{marginBottom : "0"}}/>
|
|
45
|
+
<NSSpace size={NSSpaceSizeType.NORMAL} />
|
|
46
46
|
</>
|
|
47
47
|
)}
|
|
48
48
|
{props.description && (
|