namirasoft-site-react 1.2.22 → 1.2.23
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.js +3 -3
- package/dist/components/NSFooter.js.map +1 -1
- package/dist/components/NSPagination.d.ts +6 -10
- package/dist/components/NSPagination.js +27 -14
- package/dist/components/NSPagination.js.map +1 -1
- package/package.json +1 -1
- package/src/App.tsx +2 -2
- package/src/components/NSFooter.tsx +3 -3
- package/src/components/NSPagination.tsx +35 -37
- package/src/index.css +0 -1
package/dist/App.js
CHANGED
|
@@ -41,6 +41,6 @@ export function App() {
|
|
|
41
41
|
desc: 'Test4',
|
|
42
42
|
},
|
|
43
43
|
];
|
|
44
|
-
return (_jsxs("div", Object.assign({ className: "App" }, { children: [_jsx(NSHeader, { scope: '
|
|
44
|
+
return (_jsxs("div", Object.assign({ className: "App" }, { children: [_jsx(NSHeader, { scope: 'Test', name: 'Header', logo: '' }), _jsxs("div", Object.assign({ className: 'my-4 container' }, { 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(NSFooter, { scope: 'Test', name: 'Footer', logo: '' })] })));
|
|
45
45
|
}
|
|
46
46
|
//# 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;AAGvD,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,6BAAK,SAAS,EAAC,KAAK,iBAChB,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,21 +20,21 @@ export class NSFooter extends React.Component {
|
|
|
20
20
|
});
|
|
21
21
|
}
|
|
22
22
|
hasChild(id) {
|
|
23
|
-
return this.state.filters.filter(f => f.parent_id
|
|
23
|
+
return this.state.filters.filter(f => f.parent_id === id).length > 0;
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
26
|
return (_jsx("div", Object.assign({ className: Styles.ns_footer }, { children: _jsxs("div", Object.assign({ className: "container" }, { children: [_jsxs("div", Object.assign({ className: `d-flex justify-content-between ${Styles.ns_footer_parent_items}` }, { children: [_jsx("div", Object.assign({ className: "d-none d-md-block" }, { children: _jsx("div", { children: _jsx("a", Object.assign({ href: "/" }, { children: _jsx("img", { src: this.props.logo, alt: 'footer', width: 80, height: 80 }) })) }) })), _jsx("div", Object.assign({ className: "d-flex flex-wrap w-100 gap-5" }, { children: this.render_menu(0, null) })), _jsx("div", Object.assign({ className: "justify-content-end d-none d-md-flex" }, { children: _jsx("div", { children: _jsx("a", Object.assign({ href: "/" }, { children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/name.png", alt: 'footer', width: 80, height: 80 }) })) }) }))] })), _jsxs("div", Object.assign({ className: "d-flex justify-content-center gap-4 mb-3 d-block d-md-none" }, { children: [_jsx("div", { children: _jsx("a", Object.assign({ href: "/" }, { children: _jsx("img", { src: this.props.logo, alt: 'footer', width: 80, height: 80 }) })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: "/" }, { children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/name.png", alt: 'footer', width: 80, height: 80 }) })) })] })), _jsx("div", Object.assign({ 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;
|
|
30
|
-
let fs = (_a = this.state.filters) === null || _a === void 0 ? void 0 : _a.filter(f => f.parent_id
|
|
30
|
+
let fs = (_a = this.state.filters) === null || _a === void 0 ? void 0 : _a.filter(f => f.parent_id === parent_id);
|
|
31
31
|
return (_jsx(_Fragment, { children: (fs === null || fs === void 0 ? void 0 : fs.map(f => this.render_menuItem(level, f))) }));
|
|
32
32
|
}
|
|
33
33
|
render_menuItem(level, filter) {
|
|
34
34
|
if (this.hasChild(filter.id)) {
|
|
35
35
|
return (_jsx(_Fragment, { children: _jsxs("ul", Object.assign({ id: `dropdown_parent${filter.id}` }, { children: [filter.name, this.render_menu(1, filter.id)] })) }));
|
|
36
36
|
}
|
|
37
|
-
else if (level
|
|
37
|
+
else if (level === 0) {
|
|
38
38
|
return (_jsx(_Fragment, { children: _jsx("ul", Object.assign({ id: `dropdown_parent${filter.id}` }, { children: filter.name })) }));
|
|
39
39
|
}
|
|
40
40
|
else {
|
|
@@ -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;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,
|
|
1
|
+
{"version":3,"file":"NSFooter.js","sourceRoot":"","sources":["../../src/components/NSFooter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,15 @@
|
|
|
1
|
+
import './SOPPagination.modules.css';
|
|
1
2
|
import { Component } from 'react';
|
|
2
3
|
interface IProps {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
href: string;
|
|
4
|
+
size: number;
|
|
5
|
+
page: number;
|
|
6
6
|
}
|
|
7
7
|
interface IState {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
href: string;
|
|
8
|
+
size: number;
|
|
9
|
+
page: number;
|
|
11
10
|
}
|
|
12
|
-
export
|
|
11
|
+
export default class NSPagination extends Component<IState, IProps> {
|
|
13
12
|
constructor(props: IProps);
|
|
14
|
-
setTitle(title: string): void;
|
|
15
|
-
setPages(pages: number): void;
|
|
16
|
-
setHref(href: string): void;
|
|
17
13
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
18
14
|
}
|
|
19
15
|
export {};
|
|
@@ -1,22 +1,35 @@
|
|
|
1
|
-
import { jsx as _jsx
|
|
2
|
-
import
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import './SOPPagination.modules.css';
|
|
3
3
|
import { Component } from 'react';
|
|
4
|
-
export class NSPagination extends Component {
|
|
4
|
+
export default class NSPagination extends Component {
|
|
5
5
|
constructor(props) {
|
|
6
6
|
super(props);
|
|
7
|
-
this.state = {
|
|
8
|
-
}
|
|
9
|
-
setTitle(title) {
|
|
10
|
-
this.setState({ title });
|
|
11
|
-
}
|
|
12
|
-
setPages(pages) {
|
|
13
|
-
this.setState({ pages });
|
|
14
|
-
}
|
|
15
|
-
setHref(href) {
|
|
16
|
-
this.setState({ href });
|
|
7
|
+
this.state = { size: props.size, page: props.page };
|
|
17
8
|
}
|
|
18
9
|
render() {
|
|
19
|
-
|
|
10
|
+
let page = this.props.page;
|
|
11
|
+
let size = this.props.size;
|
|
12
|
+
let window = 2;
|
|
13
|
+
let min = Math.max(2, page - window);
|
|
14
|
+
let max = Math.min(page + window, size - 1);
|
|
15
|
+
let arr = [];
|
|
16
|
+
let pushPage = (index) => {
|
|
17
|
+
if (index == page)
|
|
18
|
+
arr.push(_jsx("div", Object.assign({ className: 'center_number' }, { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: index })) })));
|
|
19
|
+
else
|
|
20
|
+
arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: index })) }));
|
|
21
|
+
};
|
|
22
|
+
arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#' }, { children: _jsx("img", { src: '/assets/images/left_vector.png', alt: 'left_vector' }) })) }));
|
|
23
|
+
pushPage(1);
|
|
24
|
+
if (page > window * 2)
|
|
25
|
+
arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }));
|
|
26
|
+
for (let i = min; i <= max; i++)
|
|
27
|
+
pushPage(i);
|
|
28
|
+
if (page <= size - window * 2)
|
|
29
|
+
arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }));
|
|
30
|
+
pushPage(size);
|
|
31
|
+
arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#' }, { children: _jsx("img", { src: '/assets/images/right_vector.png', alt: 'right_vector' }) })) }));
|
|
32
|
+
return (_jsx("div", Object.assign({ className: "container" }, { children: arr.map(x => (x)) })));
|
|
20
33
|
}
|
|
21
34
|
}
|
|
22
35
|
//# sourceMappingURL=NSPagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYlC,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,SAAyB;IAE/D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAA;IACvD,CAAC;IACQ,MAAM;QAEX,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3B,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3B,IAAI,MAAM,GAAG,CAAC,CAAC;QACf,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC;QACrC,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;QAC5C,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,IAAI,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;YAE7B,IAAI,KAAK,IAAI,IAAI;gBACb,GAAG,CAAC,IAAI,CAAC,4BAAK,SAAS,EAAC,eAAe,gBAAC,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,gBAAE,KAAK,IAAK,IAAM,CAAC,CAAC;;gBAEnH,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,gBAAE,KAAK,IAAK,GAAM,CAAC,CAAC;QACjG,CAAC,CAAC;QACF,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,gBAAC,cAAK,GAAG,EAAC,gCAAgC,EAAC,GAAG,EAAC,aAAa,GAAO,IAAI,GAAM,CAAC,CAAC;QACxG,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;YACjB,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,yBAAQ,GAAM,CAAC,CAAC;QACzF,KAAK,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE;YAC3B,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChB,IAAI,IAAI,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;YACzB,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,yBAAQ,GAAM,CAAC,CAAC;QACzF,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,gBAAC,cAAK,GAAG,EAAC,iCAAiC,EAAC,GAAG,EAAC,cAAc,GAAO,IAAI,GAAM,CAAC,CAAC;QAE1G,OAAO,CACH,4BAAK,SAAS,EAAC,WAAW,gBACrB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAChB,CACT,CAAC;IACN,CAAC;CACJ"}
|
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -46,7 +46,7 @@ export function App()
|
|
|
46
46
|
|
|
47
47
|
return (
|
|
48
48
|
<div className="App">
|
|
49
|
-
<NSHeader scope='
|
|
49
|
+
<NSHeader scope='Test' name='Header' logo='' />
|
|
50
50
|
<div className='my-4 container'>
|
|
51
51
|
<NSInputText title='Text' />
|
|
52
52
|
<NSInputInteger title='Integer' />
|
|
@@ -64,7 +64,7 @@ export function App()
|
|
|
64
64
|
<NSButtonGreen title='Save' onClick={() => { }} />
|
|
65
65
|
<NSButtonRed title='Delete' onClick={() => { }} />
|
|
66
66
|
</div>
|
|
67
|
-
<NSFooter scope='
|
|
67
|
+
<NSFooter scope='Test' name='Footer' logo='' />
|
|
68
68
|
</div>
|
|
69
69
|
);
|
|
70
70
|
}
|
|
@@ -38,7 +38,7 @@ export class NSFooter extends React.Component<IProps, IState>
|
|
|
38
38
|
}
|
|
39
39
|
private hasChild(id: number): boolean
|
|
40
40
|
{
|
|
41
|
-
return this.state.filters.filter(f => f.parent_id
|
|
41
|
+
return this.state.filters.filter(f => f.parent_id === id).length > 0;
|
|
42
42
|
}
|
|
43
43
|
override render()
|
|
44
44
|
{
|
|
@@ -83,7 +83,7 @@ export class NSFooter extends React.Component<IProps, IState>
|
|
|
83
83
|
}
|
|
84
84
|
private render_menu(level: number, parent_id: number | null)
|
|
85
85
|
{
|
|
86
|
-
let fs: FilterLinkRow[] = this.state.filters?.filter(f => f.parent_id
|
|
86
|
+
let fs: FilterLinkRow[] = this.state.filters?.filter(f => f.parent_id === parent_id);
|
|
87
87
|
return (
|
|
88
88
|
<>
|
|
89
89
|
{(fs?.map(f => this.render_menuItem(level, f)))}
|
|
@@ -103,7 +103,7 @@ export class NSFooter extends React.Component<IProps, IState>
|
|
|
103
103
|
</>
|
|
104
104
|
);
|
|
105
105
|
}
|
|
106
|
-
else if (level
|
|
106
|
+
else if (level === 0)
|
|
107
107
|
{
|
|
108
108
|
return (<>
|
|
109
109
|
<ul
|
|
@@ -1,55 +1,53 @@
|
|
|
1
|
-
import
|
|
1
|
+
import './SOPPagination.modules.css';
|
|
2
2
|
import { Component } from 'react';
|
|
3
3
|
|
|
4
4
|
interface IProps
|
|
5
5
|
{
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
href: string;
|
|
6
|
+
size: number;
|
|
7
|
+
page: number;
|
|
9
8
|
}
|
|
10
9
|
interface IState
|
|
11
10
|
{
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
href: string;
|
|
11
|
+
size: number;
|
|
12
|
+
page: number;
|
|
15
13
|
}
|
|
16
|
-
|
|
17
|
-
export class NSPagination extends Component<IProps, IState>
|
|
14
|
+
export default class NSPagination extends Component<IState, IProps>
|
|
18
15
|
{
|
|
19
16
|
constructor(props: IProps)
|
|
20
17
|
{
|
|
21
18
|
super(props);
|
|
22
|
-
this.state = {
|
|
23
|
-
}
|
|
24
|
-
setTitle(title: string)
|
|
25
|
-
{
|
|
26
|
-
this.setState({ title });
|
|
27
|
-
}
|
|
28
|
-
setPages(pages: number)
|
|
29
|
-
{
|
|
30
|
-
this.setState({ pages });
|
|
19
|
+
this.state = { size: props.size, page: props.page }
|
|
31
20
|
}
|
|
32
|
-
setHref(href: string)
|
|
33
|
-
{
|
|
34
|
-
this.setState({ href });
|
|
35
|
-
}
|
|
36
|
-
|
|
37
21
|
override render()
|
|
38
22
|
{
|
|
23
|
+
let page = this.props.page;
|
|
24
|
+
let size = this.props.size;
|
|
25
|
+
let window = 2;
|
|
26
|
+
let min = Math.max(2, page - window);
|
|
27
|
+
let max = Math.min(page + window, size - 1);
|
|
28
|
+
let arr = [];
|
|
29
|
+
let pushPage = (index: number) =>
|
|
30
|
+
{
|
|
31
|
+
if (index == page)
|
|
32
|
+
arr.push(<div className='center_number'><a href='#' className='text-decoration-none text-light'>{index}</a></div>);
|
|
33
|
+
else
|
|
34
|
+
arr.push(<div><a href='#' className='text-decoration-none text-light'>{index}</a></div>);
|
|
35
|
+
};
|
|
36
|
+
arr.push(<div><a href='#'><img src='/assets/images/left_vector.png' alt='left_vector'></img></a></div>);
|
|
37
|
+
pushPage(1);
|
|
38
|
+
if (page > window * 2)
|
|
39
|
+
arr.push(<div><a href='#' className='text-decoration-none text-light'>...</a></div>);
|
|
40
|
+
for (let i = min; i <= max; i++)
|
|
41
|
+
pushPage(i);
|
|
42
|
+
if (page <= size - window * 2)
|
|
43
|
+
arr.push(<div><a href='#' className='text-decoration-none text-light'>...</a></div>);
|
|
44
|
+
pushPage(size);
|
|
45
|
+
arr.push(<div><a href='#'><img src='/assets/images/right_vector.png' alt='right_vector'></img></a></div>);
|
|
46
|
+
|
|
39
47
|
return (
|
|
40
|
-
<div className=
|
|
41
|
-
|
|
42
|
-
<div><a href='#' className='text-decoration-none text-light'>1</a></div>
|
|
43
|
-
<div><a href='#' className='text-decoration-none text-light'>...</a></div>
|
|
44
|
-
<div><a href='#' className='text-decoration-none text-light'>4</a></div>
|
|
45
|
-
<div><a href='#' className='text-decoration-none text-light'>5</a></div>
|
|
46
|
-
<div className='center_number'><a href='#' className='text-decoration-none text-light'>6</a></div>
|
|
47
|
-
<div><a href='#' className='text-decoration-none text-light'>7</a></div>
|
|
48
|
-
<div><a href='#' className='text-decoration-none text-light'>8</a></div>
|
|
49
|
-
<div><a href='#' className='text-decoration-none text-light'>...</a></div>
|
|
50
|
-
<div><a href='#' className='text-decoration-none text-light'>50</a></div>
|
|
51
|
-
<div><a href={this.props.href}><img src='/assets/images/right_vector.png' alt='right_vector'></img></a></div>
|
|
48
|
+
<div className="container">
|
|
49
|
+
{arr.map(x => (x))}
|
|
52
50
|
</div>
|
|
53
|
-
)
|
|
51
|
+
);
|
|
54
52
|
}
|
|
55
|
-
}
|
|
53
|
+
}
|