namirasoft-site-react 1.2.11 → 1.2.14
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 +1 -1
- package/dist/App.js.map +1 -1
- package/dist/components/NSFooter.d.ts +1 -0
- package/dist/components/NSFooter.js +1 -1
- package/dist/components/NSFooter.js.map +1 -1
- package/dist/components/NSHeader.d.ts +1 -0
- package/dist/components/NSHeader.js +2 -2
- package/dist/components/NSHeader.js.map +1 -1
- package/dist/components/NSLayout.d.ts +11 -0
- package/dist/components/NSLayout.js +10 -0
- package/dist/components/NSLayout.js.map +1 -0
- package/dist/main.d.ts +2 -0
- package/dist/main.js +2 -0
- package/dist/main.js.map +1 -1
- package/dist/pages/NSLoginPage.d.ts +12 -0
- package/dist/pages/NSLoginPage.js +17 -0
- package/dist/pages/NSLoginPage.js.map +1 -0
- package/dist/pages/NSLoginPage.modules.css +0 -0
- package/package.json +1 -1
- package/src/App.tsx +2 -2
- package/src/components/NSFooter.tsx +5 -4
- package/src/components/NSHeader.tsx +3 -2
- package/src/components/NSLayout.tsx +30 -0
- package/src/main.ts +4 -1
- package/src/pages/NSLoginPage.modules.css +0 -0
- package/src/pages/NSLoginPage.tsx +37 -0
package/dist/App.js
CHANGED
|
@@ -43,6 +43,6 @@ export function App() {
|
|
|
43
43
|
desc: 'Test4',
|
|
44
44
|
},
|
|
45
45
|
];
|
|
46
|
-
return (_jsxs("div", { className: "App", children: [_jsx(NSHeader, { scope: 'test', name: 'test' }), _jsxs("div", { className: 'my-4', children: [_jsx(NSInputText, { title: 'Text' }), _jsx(NSInputInteger, { title: 'Integer' }), _jsx(NSInputFloat, { title: 'Floating Point' }), _jsx(NSInputPrice, { title: 'Price' }), _jsx(NSInputDate, { title: 'Date' }), _jsx(NSInputTime, { title: 'Time' }), _jsx(NSInputDuration, { title: 'Duration' }), _jsx(NSInputString, { title: 'String' }), _jsx(NSInputIP, { title: 'IP' }), _jsx(NSInputEmail, { title: 'Email' }), _jsx(NSInputSearch, { title: 'Search' }), _jsx(NSInputPhone, { title: 'Phone' }), _jsx(NSSelectBox, { title: "t", options: options }), _jsx(NSButtonGreen, { title: 'Save', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Delete', onClick: () => { } }), _jsx(NSLinkGreen, { title: "Add +", href: "/" }), _jsx(NSLinkRed, { title: "Delete", href: "/" })] }), _jsx(NSFooter, { scope: 'test', name: 'test' })] }));
|
|
46
|
+
return (_jsxs("div", { className: "App", children: [_jsx(NSHeader, { scope: 'test', name: 'test', logo: '' }), _jsxs("div", { className: 'my-4', children: [_jsx(NSInputText, { title: 'Text' }), _jsx(NSInputInteger, { title: 'Integer' }), _jsx(NSInputFloat, { title: 'Floating Point' }), _jsx(NSInputPrice, { title: 'Price' }), _jsx(NSInputDate, { title: 'Date' }), _jsx(NSInputTime, { title: 'Time' }), _jsx(NSInputDuration, { title: 'Duration' }), _jsx(NSInputString, { title: 'String' }), _jsx(NSInputIP, { title: 'IP' }), _jsx(NSInputEmail, { title: 'Email' }), _jsx(NSInputSearch, { title: 'Search' }), _jsx(NSInputPhone, { title: 'Phone' }), _jsx(NSSelectBox, { title: "t", options: options }), _jsx(NSButtonGreen, { title: 'Save', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Delete', onClick: () => { } }), _jsx(NSLinkGreen, { title: "Add +", href: "/" }), _jsx(NSLinkRed, { title: "Delete", href: "/" })] }), _jsx(NSFooter, { scope: 'test', name: 'test', logo: '' })] }));
|
|
47
47
|
}
|
|
48
48
|
//# 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;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,MAAM,UAAU,GAAG;IAEf,MAAM,OAAO,GAA2B;QACpC;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;KACJ,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAC,KAAK,aAChB,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,MAAM,UAAU,GAAG;IAEf,MAAM,OAAO,GAA2B;QACpC;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;KACJ,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAC,KAAK,aAChB,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,GAAG,EAC7C,eAAK,SAAS,EAAC,MAAM,aACjB,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,GAAG,EAClC,KAAC,YAAY,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACvC,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,EAC9B,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,eAAe,IAAC,KAAK,EAAC,UAAU,GAAG,EACpC,KAAC,aAAa,IAAC,KAAK,EAAC,QAAQ,GAAG,EAChC,KAAC,SAAS,IAAC,KAAK,EAAC,IAAI,GAAG,EACxB,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,EAC9B,KAAC,aAAa,IAAC,KAAK,EAAC,QAAQ,GAAG,EAChC,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,EAC9B,KAAC,WAAW,IAAC,KAAK,EAAC,GAAG,EAAC,OAAO,EAAE,OAAO,GAAI,EAC3C,KAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,EAClD,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,EAClD,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,GAAG,EACtC,KAAC,SAAS,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,GAAG,IACnC,EACN,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,GAAG,IAC3C,CACT,CAAC;AACN,CAAC"}
|
|
@@ -23,7 +23,7 @@ export class NSFooter extends React.Component {
|
|
|
23
23
|
return this.state.filters.filter(f => f.parent_id == id).length > 0;
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (_jsx("div", { className: Styles.ns_footer, children: _jsxs("div", { className: "container", children: [_jsxs("div", { className: `d-flex justify-content-between ${Styles.ns_footer_parent_items}`, children: [_jsx("div", { className: "d-none d-md-block", children: _jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src:
|
|
26
|
+
return (_jsx("div", { className: Styles.ns_footer, children: _jsxs("div", { className: "container", children: [_jsxs("div", { className: `d-flex justify-content-between ${Styles.ns_footer_parent_items}`, children: [_jsx("div", { className: "d-none d-md-block", children: _jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: 'footer', width: 80, height: 80 }) }) }) }), _jsx("div", { className: "d-flex flex-wrap w-100 gap-5", children: this.render_menu(0, null) }), _jsx("div", { className: "justify-content-end d-none d-md-flex", children: _jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/name.png", alt: 'footer', width: 80, height: 80 }) }) }) })] }), _jsxs("div", { className: "d-flex justify-content-center gap-4 mb-3 d-block d-md-none", children: [_jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: 'footer', width: 80, height: 80 }) }) }), _jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/name.png", alt: 'footer', width: 80, height: 80 }) }) })] }), _jsx("div", { className: `row ${Styles.ns_footer_copyright}`, children: "\u00A9Copyright 2010 - 2023 Namira Software Corporation. All rights reserved." })] }) }));
|
|
27
27
|
}
|
|
28
28
|
render_menu(level, parent_id) {
|
|
29
29
|
var _a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSFooter.js","sourceRoot":"","sources":["../../src/components/NSFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAiB,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSFooter.js","sourceRoot":"","sources":["../../src/components/NSFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAiB,MAAM,qBAAqB,CAAC;AAe7E,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAyB;IAEzD,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,IAAI;SACjB,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACQ,iBAAiB;QAEtB,IAAI,MAAM,GAAG,IAAI,uBAAuB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxD,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YAEvE,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACP,CAAC;IACO,QAAQ,CAAC,EAAU;QAEvB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACxE,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAC5B,eAAK,SAAS,EAAC,WAAW,aACtB,eAAK,SAAS,EAAE,kCAAkC,MAAM,CAAC,sBAAsB,EAAE,aAC7E,cAAK,SAAS,EAAC,mBAAmB,YAC9B,wBACI,YAAG,IAAI,EAAC,GAAG,YACP,cAAK,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACjE,GACF,GACJ,EACN,cAAK,SAAS,EAAC,8BAA8B,YACxC,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,GACxB,EACN,cAAK,SAAS,EAAC,sCAAsC,YACjD,wBACI,YAAG,IAAI,EAAC,GAAG,YACP,cAAK,GAAG,EAAC,wDAAwD,EAAC,GAAG,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACxG,GACF,GACJ,IACJ,EACN,eAAK,SAAS,EAAC,4DAA4D,aACvE,wBACI,YAAG,IAAI,EAAC,GAAG,YACP,cAAK,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACjE,GACF,EACN,wBACI,YAAG,IAAI,EAAC,GAAG,YACP,cAAK,GAAG,EAAC,wDAAwD,EAAC,GAAG,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACxG,GACF,IACJ,EACN,cAAK,SAAS,EAAE,OAAO,MAAM,CAAC,mBAAmB,EAAE,8FAAgF,IACjI,GACJ,CACT,CAAC;IACN,CAAC;IACO,WAAW,CAAC,KAAa,EAAE,SAAwB;;QAEvD,IAAI,EAAE,GAAoB,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,0CAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,CAAC;QACpF,OAAO,CACH,4BACK,CAAC,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,GAChD,CACN,CAAC;IACN,CAAC;IACO,eAAe,CAAC,KAAa,EAAE,MAAqB;QAExD,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAC5B;YACI,OAAO,CAAC,4BACJ,cACI,EAAE,EAAE,kBAAkB,MAAM,CAAC,EAAE,EAAE,aAChC,MAAM,CAAC,IAAI,EACX,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,IAC9B,GACN,CACF,CAAC;SACL;aACI,IAAI,KAAK,IAAI,CAAC,EACnB;YACI,OAAO,CAAC,4BACJ,aACI,EAAE,EAAE,kBAAkB,MAAM,CAAC,EAAE,EAAE,YAChC,MAAM,CAAC,IAAI,GACX,GACN,CACF,CAAC;SACL;aAED;YACI,OAAO,CACH,aAAI,SAAS,EAAC,MAAM,YAAE,MAAM,CAAC,IAAI,GAAM,CAC1C,CAAC;SACL;IACL,CAAC;CACJ"}
|
|
@@ -37,7 +37,7 @@ export class NSHeader extends React.Component {
|
|
|
37
37
|
this.setState({ showNavbar: !this.state.showNavbar });
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
return (_jsx("nav", { className: Styles.ns_navbar, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [_jsx("img", { src:
|
|
40
|
+
return (_jsx("nav", { className: Styles.ns_navbar, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [_jsx("img", { src: this.props.logo, alt: "logo", width: 48, height: 48 }), _jsxs("div", { className: `${Styles.ns_navbar_content} gap-2 d-flex justify-content-between`, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), _jsxs("div", { className: "d-flex justify-content-center align-items-center", children: [_jsx("span", { className: `me-2 ${Styles.ns_navbar_usersname}`, children: "name" }), _jsx("img", { src: Exit, alt: "exit", width: 20, height: 20 })] }), _jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: Menu, alt: "menu", width: 19, height: 17 }) })] })] }) }));
|
|
41
41
|
}
|
|
42
42
|
render_menu(level, parent_id) {
|
|
43
43
|
var _a;
|
|
@@ -56,7 +56,7 @@ export class NSHeader extends React.Component {
|
|
|
56
56
|
return (_jsx(_Fragment, { children: _jsx(NavDropdown, { onToggle: (checked) => this.onMenuItemToggled(checked, filter), className: level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item, title: filter.name, id: `dropdown_parent${filter.id}`, children: sub_menus }) }));
|
|
57
57
|
}
|
|
58
58
|
else {
|
|
59
|
-
return (
|
|
59
|
+
return (_jsx(Nav.Link, { className: level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item, href: (_a = filter.link) === null || _a === void 0 ? void 0 : _a.url, children: filter.name }));
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
62
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,GAAG,MAAM,qBAAqB,CAAC;AACtC,OAAO,IAAI,MAAM,2BAA2B,CAAC;AAC7C,OAAO,IAAI,MAAM,2BAA2B,CAAC;AAC7C,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAiB,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Component, ReactNode } from 'react';
|
|
2
|
+
interface IProps {
|
|
3
|
+
scope: string;
|
|
4
|
+
logo: string;
|
|
5
|
+
title: string;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare class NSLayout extends Component<IProps> {
|
|
9
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
}
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Component } from 'react';
|
|
3
|
+
import { NSHeader } from './NSHeader';
|
|
4
|
+
import { NSFooter } from './NSFooter';
|
|
5
|
+
export class NSLayout extends Component {
|
|
6
|
+
render() {
|
|
7
|
+
return (_jsxs("div", { className: "d-flex flex-column text-center text-white", children: [_jsx(NSHeader, { scope: this.props.scope, name: "Header", logo: this.props.logo }), _jsx("div", { children: _jsx("h1", { children: this.props.title }) }), _jsx("main", { children: this.props.children }), _jsx(NSFooter, { scope: this.props.scope, name: "Footer", logo: this.props.logo })] }));
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=NSLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAUtC,MAAM,OAAO,QAAS,SAAQ,SAAiB;IAElC,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAC,2CAA2C,aACtD,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,EAC1E,wBACI,uBAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,GACzB,EACN,yBACK,IAAI,CAAC,KAAK,CAAC,QAAQ,GACjB,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,IACvE,CACV,CAAC;IACN,CAAC;CACJ"}
|
package/dist/main.d.ts
CHANGED
|
@@ -14,7 +14,9 @@ export * from "./components/NSInputSearch";
|
|
|
14
14
|
export * from "./components/NSInputString";
|
|
15
15
|
export * from "./components/NSInputText";
|
|
16
16
|
export * from "./components/NSInputTime";
|
|
17
|
+
export * from "./components/NSLayout";
|
|
17
18
|
export * from "./components/NSSelectBox";
|
|
18
19
|
export * from "./components/NSLinkGreen";
|
|
19
20
|
export * from "./components/NSLinkRed";
|
|
20
21
|
export * from "./components/NSTable";
|
|
22
|
+
export * from "./pages/NSLoginPage";
|
package/dist/main.js
CHANGED
|
@@ -14,8 +14,10 @@ export * from "./components/NSInputSearch";
|
|
|
14
14
|
export * from "./components/NSInputString";
|
|
15
15
|
export * from "./components/NSInputText";
|
|
16
16
|
export * from "./components/NSInputTime";
|
|
17
|
+
export * from "./components/NSLayout";
|
|
17
18
|
export * from "./components/NSSelectBox";
|
|
18
19
|
export * from "./components/NSLinkGreen";
|
|
19
20
|
export * from "./components/NSLinkRed";
|
|
20
21
|
export * from "./components/NSTable";
|
|
22
|
+
export * from "./pages/NSLoginPage";
|
|
21
23
|
//# sourceMappingURL=main.js.map
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AAErC,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import "./NSLoginPage.modules.css";
|
|
2
|
+
import { Component } from 'react';
|
|
3
|
+
interface IProps {
|
|
4
|
+
title: string;
|
|
5
|
+
logo: string;
|
|
6
|
+
href?: string;
|
|
7
|
+
onClick?: () => void;
|
|
8
|
+
}
|
|
9
|
+
export declare class NSLoginPage extends Component<IProps> {
|
|
10
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
}
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import "./NSLoginPage.modules.css";
|
|
3
|
+
import { Component } from 'react';
|
|
4
|
+
import { NSButtonGreen } from "../main";
|
|
5
|
+
import { NSLinkGreen } from "../main";
|
|
6
|
+
export class NSLoginPage extends Component {
|
|
7
|
+
render() {
|
|
8
|
+
var _a;
|
|
9
|
+
let button = _jsx(_Fragment, {});
|
|
10
|
+
if (this.props.href)
|
|
11
|
+
button = _jsx(NSLinkGreen, { title: "Login", href: (_a = this.props.href) !== null && _a !== void 0 ? _a : "" });
|
|
12
|
+
else if (this.props.onClick)
|
|
13
|
+
button = _jsx(NSButtonGreen, { title: "Login", onClick: this.props.onClick });
|
|
14
|
+
return (_jsx("div", { children: _jsxs("div", { className: "d-flex flex-column align-items-center justify-content-center", style: { marginTop: "100px" }, children: [_jsx("div", { className: "m-auto", children: _jsx("img", { width: 256, height: 256, src: this.props.logo, alt: "logo" }) }), _jsx("div", { children: _jsx("h1", { className: "text-light text-center mb-3", children: this.props.title }) }), _jsx("div", { className: "m-auto", children: button })] }) }));
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=NSLoginPage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSLoginPage.js","sourceRoot":"","sources":["../../src/pages/NSLoginPage.tsx"],"names":[],"mappings":";AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAUtC,MAAM,OAAO,WAAY,SAAQ,SAAiB;IAErC,MAAM;;QAEX,IAAI,MAAM,GAAG,mBAAK,CAAC;QACnB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI;YACf,MAAM,GAAG,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,EAAE,GAAI,CAAC;aACnE,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YACvB,MAAM,GAAG,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI,CAAC;QAC1E,OAAO,CACH,wBACI,eAAK,SAAS,EAAC,8DAA8D,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,aACvG,cAAK,SAAS,EAAC,QAAQ,YACnB,cAAK,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAC,MAAM,GAAO,GACnE,EACN,wBAAK,aAAI,SAAS,EAAC,6BAA6B,YAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,GAAM,EAC9E,cAAK,SAAS,EAAC,QAAQ,YAClB,MAAM,GACL,IACJ,GACJ,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
File without changes
|
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -48,7 +48,7 @@ export function App()
|
|
|
48
48
|
|
|
49
49
|
return (
|
|
50
50
|
<div className="App">
|
|
51
|
-
<NSHeader scope='test' name='test' />
|
|
51
|
+
<NSHeader scope='test' name='test' logo='' />
|
|
52
52
|
<div className='my-4'>
|
|
53
53
|
<NSInputText title='Text' />
|
|
54
54
|
<NSInputInteger title='Integer' />
|
|
@@ -68,7 +68,7 @@ export function App()
|
|
|
68
68
|
<NSLinkGreen title="Add +" href="/" />
|
|
69
69
|
<NSLinkRed title="Delete" href="/" />
|
|
70
70
|
</div>
|
|
71
|
-
<NSFooter scope='test' name='test' />
|
|
71
|
+
<NSFooter scope='test' name='test' logo='' />
|
|
72
72
|
</div>
|
|
73
73
|
);
|
|
74
74
|
}
|
|
@@ -6,6 +6,7 @@ interface IProps
|
|
|
6
6
|
{
|
|
7
7
|
scope: string;
|
|
8
8
|
name: string;
|
|
9
|
+
logo: string;
|
|
9
10
|
}
|
|
10
11
|
|
|
11
12
|
interface IState
|
|
@@ -48,7 +49,7 @@ export class NSFooter extends React.Component<IProps, IState>
|
|
|
48
49
|
<div className="d-none d-md-block">
|
|
49
50
|
<div>
|
|
50
51
|
<a href="/">
|
|
51
|
-
<img src=
|
|
52
|
+
<img src={this.props.logo} alt='footer' width={80} height={80} />
|
|
52
53
|
</a>
|
|
53
54
|
</div>
|
|
54
55
|
</div>
|
|
@@ -58,7 +59,7 @@ export class NSFooter extends React.Component<IProps, IState>
|
|
|
58
59
|
<div className="justify-content-end d-none d-md-flex">
|
|
59
60
|
<div>
|
|
60
61
|
<a href="/">
|
|
61
|
-
<img src="https://static.namirasoft.com/logo/namirasoft/name.png" alt='footer' width={
|
|
62
|
+
<img src="https://static.namirasoft.com/logo/namirasoft/name.png" alt='footer' width={80} height={80} />
|
|
62
63
|
</a>
|
|
63
64
|
</div>
|
|
64
65
|
</div>
|
|
@@ -66,12 +67,12 @@ export class NSFooter extends React.Component<IProps, IState>
|
|
|
66
67
|
<div className="d-flex justify-content-center gap-4 mb-3 d-block d-md-none">
|
|
67
68
|
<div>
|
|
68
69
|
<a href="/">
|
|
69
|
-
<img src=
|
|
70
|
+
<img src={this.props.logo} alt='footer' width={80} height={80} />
|
|
70
71
|
</a>
|
|
71
72
|
</div>
|
|
72
73
|
<div>
|
|
73
74
|
<a href="/">
|
|
74
|
-
<img src="https://static.namirasoft.com/logo/namirasoft/name.png" alt='footer' width={
|
|
75
|
+
<img src="https://static.namirasoft.com/logo/namirasoft/name.png" alt='footer' width={80} height={80} />
|
|
75
76
|
</a>
|
|
76
77
|
</div>
|
|
77
78
|
</div>
|
|
@@ -10,6 +10,7 @@ interface IProps
|
|
|
10
10
|
{
|
|
11
11
|
scope: string;
|
|
12
12
|
name: string;
|
|
13
|
+
logo: string;
|
|
13
14
|
}
|
|
14
15
|
|
|
15
16
|
interface IState
|
|
@@ -61,7 +62,7 @@ export class NSHeader extends React.Component<IProps, IState> {
|
|
|
61
62
|
<nav className={Styles.ns_navbar}>
|
|
62
63
|
<div className={`${Styles.ns_navbar_parent_content} container`}>
|
|
63
64
|
<img
|
|
64
|
-
src=
|
|
65
|
+
src={this.props.logo}
|
|
65
66
|
alt="logo"
|
|
66
67
|
width={48}
|
|
67
68
|
height={48}
|
|
@@ -127,7 +128,7 @@ export class NSHeader extends React.Component<IProps, IState> {
|
|
|
127
128
|
} else
|
|
128
129
|
{
|
|
129
130
|
return (
|
|
130
|
-
<Nav.Link className={level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item} href={filter.link?.url}>{filter.name}
|
|
131
|
+
<Nav.Link className={level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item} href={filter.link?.url}>{filter.name}</Nav.Link>
|
|
131
132
|
);
|
|
132
133
|
}
|
|
133
134
|
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { Component, ReactNode } from 'react';
|
|
2
|
+
import { NSHeader } from './NSHeader';
|
|
3
|
+
import { NSFooter } from './NSFooter';
|
|
4
|
+
|
|
5
|
+
interface IProps
|
|
6
|
+
{
|
|
7
|
+
scope: string;
|
|
8
|
+
logo: string;
|
|
9
|
+
title: string;
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export class NSLayout extends Component<IProps>
|
|
14
|
+
{
|
|
15
|
+
override render()
|
|
16
|
+
{
|
|
17
|
+
return (
|
|
18
|
+
<div className="d-flex flex-column text-center text-white">
|
|
19
|
+
<NSHeader scope={this.props.scope} name="Header" logo={this.props.logo} />
|
|
20
|
+
<div>
|
|
21
|
+
<h1>{this.props.title}</h1>
|
|
22
|
+
</div>
|
|
23
|
+
<main>
|
|
24
|
+
{this.props.children}
|
|
25
|
+
</main>
|
|
26
|
+
<NSFooter scope={this.props.scope} name="Footer" logo={this.props.logo} />
|
|
27
|
+
</div >
|
|
28
|
+
);
|
|
29
|
+
}
|
|
30
|
+
}
|
package/src/main.ts
CHANGED
|
@@ -14,7 +14,10 @@ export * from "./components/NSInputSearch";
|
|
|
14
14
|
export * from "./components/NSInputString";
|
|
15
15
|
export * from "./components/NSInputText";
|
|
16
16
|
export * from "./components/NSInputTime";
|
|
17
|
+
export * from "./components/NSLayout";
|
|
17
18
|
export * from "./components/NSSelectBox";
|
|
18
19
|
export * from "./components/NSLinkGreen";
|
|
19
20
|
export * from "./components/NSLinkRed";
|
|
20
|
-
export * from "./components/NSTable";
|
|
21
|
+
export * from "./components/NSTable";
|
|
22
|
+
|
|
23
|
+
export * from "./pages/NSLoginPage";
|
|
File without changes
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import "./NSLoginPage.modules.css";
|
|
2
|
+
import { Component } from 'react';
|
|
3
|
+
import { NSButtonGreen } from "../main";
|
|
4
|
+
import { NSLinkGreen } from "../main";
|
|
5
|
+
|
|
6
|
+
interface IProps
|
|
7
|
+
{
|
|
8
|
+
title: string;
|
|
9
|
+
logo: string;
|
|
10
|
+
href?: string;
|
|
11
|
+
onClick?: () => void;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export class NSLoginPage extends Component<IProps>
|
|
15
|
+
{
|
|
16
|
+
override render()
|
|
17
|
+
{
|
|
18
|
+
let button = <></>;
|
|
19
|
+
if (this.props.href)
|
|
20
|
+
button = <NSLinkGreen title="Login" href={this.props.href ?? ""} />;
|
|
21
|
+
else if (this.props.onClick)
|
|
22
|
+
button = <NSButtonGreen title="Login" onClick={this.props.onClick} />;
|
|
23
|
+
return (
|
|
24
|
+
<div>
|
|
25
|
+
<div className="d-flex flex-column align-items-center justify-content-center" style={{ marginTop: "100px" }}>
|
|
26
|
+
<div className="m-auto">
|
|
27
|
+
<img width={256} height={256} src={this.props.logo} alt="logo"></img>
|
|
28
|
+
</div>
|
|
29
|
+
<div><h1 className="text-light text-center mb-3">{this.props.title}</h1></div>
|
|
30
|
+
<div className="m-auto">
|
|
31
|
+
{button}
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
}
|