namirasoft-site-react 1.3.25 → 1.3.26
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 +3 -3
- package/dist/App.js.map +1 -1
- package/dist/components/NSTable.js +1 -1
- package/dist/components/NSTable.js.map +1 -1
- package/dist/components/NSTable.module.css +13 -13
- package/package.json +1 -1
- package/src/App.tsx +4 -5
- package/src/components/NSTable.module.css +13 -13
- package/src/components/NSTable.tsx +7 -7
package/dist/App.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as _jsx
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import './App.css';
|
|
3
3
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
4
|
-
import {
|
|
4
|
+
import { NSLayoutTitle } from './main';
|
|
5
5
|
export function App() {
|
|
6
|
-
return (_jsx("div", { className: "App", children:
|
|
6
|
+
return (_jsx("div", { className: "App", children: _jsx(NSLayoutTitle, { scope: 'Namirasoft Account Console', logo: '', title: "Namirasoft", description: '', children: _jsx("div", {}) }) }));
|
|
7
7
|
}
|
|
8
8
|
//# 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,
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,UAAU,GAAG;IAEf,OAAO,CACH,cAAK,SAAS,EAAC,KAAK,YAChB,KAAC,aAAa,IAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,YAAY,EAAC,WAAW,EAAC,EAAE,YACvF,eAEM,GACM,GACd,CACT,CAAC;AACN,CAAC"}
|
|
@@ -15,7 +15,7 @@ export class NSTable extends Component {
|
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
17
|
let column_keys = Object.keys(this.state.columns);
|
|
18
|
-
return (_jsxs("div", { className: Styles.
|
|
18
|
+
return (_jsxs("div", { className: Styles.ns_project_list_container, children: [_jsxs("table", { className: Styles.ns_table, children: [_jsx("thead", { className: Styles.ns_thead, children: _jsx("tr", { children: column_keys.map(column_key => _jsx("th", { scope: "col", children: this.state.columns[column_key] }, column_key)) }) }), _jsx("tbody", { className: Styles.ns_tbody, children: this.state.rows.map((row, rowIndex) => _jsx("tr", { children: column_keys.map((column, columnIndex) => (_jsx("td", Object.assign({}, this.props.getColumnAttributes(column, columnIndex), { children: this.props.getCell(row, column, rowIndex, columnIndex) })))) }, this.props.getRowKey(row, rowIndex))) })] }), _jsxs("div", { className: Styles.ns_button_group_desktop, children: [_jsxs("button", { onClick: () => window.print(), className: Styles.ns_export_button, children: [_jsx("img", { src: "/assets/images/export-vector.png", alt: "Export Table Data", width: 13, height: 16 }), "Export"] }), _jsxs("button", { onClick: () => window.location.reload(), className: Styles.ns_refresh_button, children: [_jsx("img", { src: "/assets/images/refresh-vector.png", alt: "Refresh Table Contnet", width: 15, height: 16 }), "Refresh"] })] })] }));
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
//# sourceMappingURL=NSTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBlC,MAAM,OAAO,OAAiB,SAAQ,SAAuD;IAEzF,YAAY,KAA4B;QAEpC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC9D,CAAC;IACD,UAAU,CAAC,OAAkC;QAEzC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/B,CAAC;IACD,OAAO,CAAC,IAAe;QAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,IAAI,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAClD,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBlC,MAAM,OAAO,OAAiB,SAAQ,SAAuD;IAEzF,YAAY,KAA4B;QAEpC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC9D,CAAC;IACD,UAAU,CAAC,OAAkC;QAEzC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/B,CAAC;IACD,OAAO,CAAC,IAAe;QAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,IAAI,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAClD,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,iBAAO,SAAS,EAAE,MAAM,CAAC,QAAQ,aAC7B,gBAAO,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC7B,uBACK,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,aAAqB,KAAK,EAAC,KAAK,YAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAvD,UAAU,CAAmD,CAAC,GACrG,GACD,EACR,gBAAO,SAAS,EAAE,MAAM,CAAC,QAAQ,YAEzB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAClC,uBAEQ,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,CACrC,6BAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,MAAM,EAAE,WAAW,CAAC,cACtD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,IACtD,CACR,CAAC,IAND,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,CAQvC,CAAC,GAET,IACL,EACR,eAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,aAC1C,kBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,gBAAgB,aAAE,cAAK,GAAG,EAAC,kCAAkC,EAAC,GAAG,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,cAAe,EACvL,kBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,aAAE,cAAK,GAAG,EAAC,mCAAmC,EAAC,GAAG,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,eAAgB,IACtM,IACH,CACV,CAAA;IACL,CAAC;CACJ"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
.ns_thead th {
|
|
2
2
|
background-color: rgba(20, 27, 92, 1);
|
|
3
3
|
font-size: 16px;
|
|
4
4
|
font-weight: 300;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
font-size: 16px;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
.ns_tbody td {
|
|
11
11
|
background-color: rgb(173, 178, 206);
|
|
12
12
|
color: rgba(20, 27, 92, 1);
|
|
13
13
|
padding: 8px 16px;
|
|
@@ -17,17 +17,17 @@
|
|
|
17
17
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
|
|
20
|
+
.ns_table {
|
|
21
21
|
width: 100%;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.
|
|
24
|
+
.ns_project_list_container {
|
|
25
25
|
text-align: left;
|
|
26
26
|
border-top-left-radius: 8px;
|
|
27
27
|
border-top-right-radius: 8px;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.
|
|
30
|
+
.ns_button_group_desktop {
|
|
31
31
|
display: flex;
|
|
32
32
|
flex-direction: row;
|
|
33
33
|
justify-content: end;
|
|
@@ -35,7 +35,7 @@ table {
|
|
|
35
35
|
padding: 24px 0;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
.
|
|
38
|
+
.ns_button_group_desktop button {
|
|
39
39
|
display: flex;
|
|
40
40
|
align-items: center;
|
|
41
41
|
justify-content: center;
|
|
@@ -49,22 +49,22 @@ table {
|
|
|
49
49
|
background-color: transparent;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
.
|
|
52
|
+
.ns_export_button {
|
|
53
53
|
border: 1px solid rgba(255, 148, 50, 1);
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
.
|
|
56
|
+
.ns_refresh_button {
|
|
57
57
|
border: 1px solid rgba(3, 119, 255, 1);
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
@media only screen and (max-width:600px) {
|
|
61
|
-
.
|
|
61
|
+
.ns_project_list_container {
|
|
62
62
|
overflow: auto;
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
/* table-satus */
|
|
67
|
-
.
|
|
67
|
+
.ns_inqueue_status {
|
|
68
68
|
color: white;
|
|
69
69
|
background-color: rgba(255, 148, 50, 1);
|
|
70
70
|
font-size: 12px;
|
|
@@ -76,7 +76,7 @@ table {
|
|
|
76
76
|
padding-top: 2px;
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
-
.
|
|
79
|
+
.ns_reserving_status {
|
|
80
80
|
color: white;
|
|
81
81
|
background-color: rgba(255, 79, 79, 1);
|
|
82
82
|
font-size: 12px;
|
|
@@ -88,7 +88,7 @@ table {
|
|
|
88
88
|
padding-top: 2px;
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
-
.
|
|
91
|
+
.ns_done-status {
|
|
92
92
|
color: white;
|
|
93
93
|
background-color: rgba(6, 209, 130, 1);
|
|
94
94
|
font-size: 12px;
|
|
@@ -100,7 +100,7 @@ table {
|
|
|
100
100
|
padding-top: 2px;
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
.
|
|
103
|
+
.ns_inprogress_status {
|
|
104
104
|
color: white;
|
|
105
105
|
background-color: rgba(230, 208, 19, 1);
|
|
106
106
|
font-size: 12px;
|
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import './App.css';
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
|
-
import {
|
|
3
|
+
import { NSLayoutTitle } from './main';
|
|
4
4
|
|
|
5
5
|
export function App()
|
|
6
6
|
{
|
|
7
7
|
return (
|
|
8
8
|
<div className="App">
|
|
9
9
|
<NSLayoutTitle scope='Namirasoft Account Console' logo='' title="Namirasoft" description=''>
|
|
10
|
-
<
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
<NSInputCopy title="Your Token" />
|
|
10
|
+
<div>
|
|
11
|
+
|
|
12
|
+
</div>
|
|
14
13
|
</NSLayoutTitle>
|
|
15
14
|
</div>
|
|
16
15
|
);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
.ns_thead th {
|
|
2
2
|
background-color: rgba(20, 27, 92, 1);
|
|
3
3
|
font-size: 16px;
|
|
4
4
|
font-weight: 300;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
font-size: 16px;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
.ns_tbody td {
|
|
11
11
|
background-color: rgb(173, 178, 206);
|
|
12
12
|
color: rgba(20, 27, 92, 1);
|
|
13
13
|
padding: 8px 16px;
|
|
@@ -17,17 +17,17 @@
|
|
|
17
17
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
|
|
20
|
+
.ns_table {
|
|
21
21
|
width: 100%;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.
|
|
24
|
+
.ns_project_list_container {
|
|
25
25
|
text-align: left;
|
|
26
26
|
border-top-left-radius: 8px;
|
|
27
27
|
border-top-right-radius: 8px;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.
|
|
30
|
+
.ns_button_group_desktop {
|
|
31
31
|
display: flex;
|
|
32
32
|
flex-direction: row;
|
|
33
33
|
justify-content: end;
|
|
@@ -35,7 +35,7 @@ table {
|
|
|
35
35
|
padding: 24px 0;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
.
|
|
38
|
+
.ns_button_group_desktop button {
|
|
39
39
|
display: flex;
|
|
40
40
|
align-items: center;
|
|
41
41
|
justify-content: center;
|
|
@@ -49,22 +49,22 @@ table {
|
|
|
49
49
|
background-color: transparent;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
.
|
|
52
|
+
.ns_export_button {
|
|
53
53
|
border: 1px solid rgba(255, 148, 50, 1);
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
.
|
|
56
|
+
.ns_refresh_button {
|
|
57
57
|
border: 1px solid rgba(3, 119, 255, 1);
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
@media only screen and (max-width:600px) {
|
|
61
|
-
.
|
|
61
|
+
.ns_project_list_container {
|
|
62
62
|
overflow: auto;
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
/* table-satus */
|
|
67
|
-
.
|
|
67
|
+
.ns_inqueue_status {
|
|
68
68
|
color: white;
|
|
69
69
|
background-color: rgba(255, 148, 50, 1);
|
|
70
70
|
font-size: 12px;
|
|
@@ -76,7 +76,7 @@ table {
|
|
|
76
76
|
padding-top: 2px;
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
-
.
|
|
79
|
+
.ns_reserving_status {
|
|
80
80
|
color: white;
|
|
81
81
|
background-color: rgba(255, 79, 79, 1);
|
|
82
82
|
font-size: 12px;
|
|
@@ -88,7 +88,7 @@ table {
|
|
|
88
88
|
padding-top: 2px;
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
-
.
|
|
91
|
+
.ns_done-status {
|
|
92
92
|
color: white;
|
|
93
93
|
background-color: rgba(6, 209, 130, 1);
|
|
94
94
|
font-size: 12px;
|
|
@@ -100,7 +100,7 @@ table {
|
|
|
100
100
|
padding-top: 2px;
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
.
|
|
103
|
+
.ns_inprogress_status {
|
|
104
104
|
color: white;
|
|
105
105
|
background-color: rgba(230, 208, 19, 1);
|
|
106
106
|
font-size: 12px;
|
|
@@ -37,14 +37,14 @@ export class NSTable<RowType> extends Component<NSTableProps<RowType>, NSTableSt
|
|
|
37
37
|
{
|
|
38
38
|
let column_keys = Object.keys(this.state.columns);
|
|
39
39
|
return (
|
|
40
|
-
<div className={Styles.
|
|
41
|
-
<table className={Styles.
|
|
42
|
-
<thead className={Styles.
|
|
40
|
+
<div className={Styles.ns_project_list_container}>
|
|
41
|
+
<table className={Styles.ns_table}>
|
|
42
|
+
<thead className={Styles.ns_thead}>
|
|
43
43
|
<tr>
|
|
44
44
|
{column_keys.map(column_key => <th key={column_key} scope="col">{this.state.columns[column_key]}</th>)}
|
|
45
45
|
</tr>
|
|
46
46
|
</thead>
|
|
47
|
-
<tbody className={Styles.
|
|
47
|
+
<tbody className={Styles.ns_tbody}>
|
|
48
48
|
{
|
|
49
49
|
this.state.rows.map((row, rowIndex) =>
|
|
50
50
|
<tr key={this.props.getRowKey(row, rowIndex)}>
|
|
@@ -59,9 +59,9 @@ export class NSTable<RowType> extends Component<NSTableProps<RowType>, NSTableSt
|
|
|
59
59
|
}
|
|
60
60
|
</tbody >
|
|
61
61
|
</table>
|
|
62
|
-
<div className={Styles.
|
|
63
|
-
<button onClick={() => window.print()} className={Styles.
|
|
64
|
-
<button onClick={() => window.location.reload()} className={Styles.
|
|
62
|
+
<div className={Styles.ns_button_group_desktop}>
|
|
63
|
+
<button onClick={() => window.print()} className={Styles.ns_export_button}><img src="/assets/images/export-vector.png" alt="Export Table Data" width={13} height={16} />Export</button>
|
|
64
|
+
<button onClick={() => window.location.reload()} className={Styles.ns_refresh_button}><img src="/assets/images/refresh-vector.png" alt="Refresh Table Contnet" width={15} height={16} />Refresh</button>
|
|
65
65
|
</div>
|
|
66
66
|
</div >
|
|
67
67
|
)
|