namirasoft-site-react 1.3.151 → 1.3.153
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 +8 -2
- package/dist/App.js.map +1 -1
- package/dist/components/NSBoxTextArea.d.ts +3 -2
- package/dist/components/NSBoxTextArea.js +17 -1
- package/dist/components/NSBoxTextArea.js.map +1 -1
- package/dist/components/NSHeader.module.css +8 -0
- package/dist/components/NSTable.js +10 -4
- package/dist/components/NSTable.js.map +1 -1
- package/package.json +1 -1
- package/src/App.tsx +9 -3
- package/src/components/NSBoxTextArea.tsx +16 -14
- package/src/components/NSHeader.module.css +8 -0
- package/src/components/NSTable.tsx +11 -3
package/dist/App.js
CHANGED
|
@@ -6,6 +6,7 @@ import { useRef } from 'react';
|
|
|
6
6
|
export function App() {
|
|
7
7
|
let table = useRef(null);
|
|
8
8
|
let columns = {
|
|
9
|
+
"check": "Check",
|
|
9
10
|
"id": "ID",
|
|
10
11
|
"project": "Project",
|
|
11
12
|
"level": "Level",
|
|
@@ -39,12 +40,17 @@ export function App() {
|
|
|
39
40
|
}
|
|
40
41
|
];
|
|
41
42
|
function getCell(row, column) {
|
|
42
|
-
|
|
43
|
+
if (column === "check") {
|
|
44
|
+
return _jsx("input", { id: `${row.id}`, type: "checkbox" });
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
return row[column];
|
|
48
|
+
}
|
|
43
49
|
}
|
|
44
50
|
function getRows(page) {
|
|
45
51
|
console.log(page);
|
|
46
52
|
}
|
|
47
53
|
function onChange() { }
|
|
48
|
-
return (_jsxs(_Fragment, { children: [_jsx(NSTable, { ref: table, columns: columns, rows: rows, getCell: getCell, getColumnAttributes: () => { return {}; }, getRowKey: row => row.id.toString(), onChanged: onChange, pageSize: 3, totalItems: 100, getRows: getRows }), _jsx(NSBoxTextArea, {
|
|
54
|
+
return (_jsxs(_Fragment, { children: [_jsx(NSTable, { ref: table, columns: columns, rows: rows, getCell: getCell, getColumnAttributes: () => { return {}; }, getRowKey: row => row.id.toString(), onChanged: onChange, pageSize: 3, totalItems: 100, getRows: getRows }), _jsx(NSBoxTextArea, { title: 'Description', placeholder: '', required: false })] }));
|
|
49
55
|
}
|
|
50
56
|
//# 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,aAAa,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,GAAG;IAGlB,IAAI,KAAK,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IACvC,IAAI,OAAO,GAAG;QACb,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KAClB,CAAA;IACD,IAAI,IAAI,GAAG,CAAC;YACX,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,SAAS;SACjB;QACD;YACC,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,MAAM;SACd;QACD;YACC,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,MAAM;SACd;KACA,CAAA;
|
|
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,OAAO,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,GAAG;IAGlB,IAAI,KAAK,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IACvC,IAAI,OAAO,GAAG;QACb,OAAO,EAAC,OAAO;QACf,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KAClB,CAAA;IACD,IAAI,IAAI,GAAG,CAAC;YACX,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,SAAS;SACjB;QACD;YACC,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,MAAM;SACd;QACD;YACC,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,MAAM;SACd;KACA,CAAA;IAWD,SAAS,OAAO,CAAC,GAAQ,EAAE,MAAc;QAExC,IAAI,MAAM,KAAK,OAAO,EACtB;YACC,OAAO,gBAAO,EAAE,EAAE,GAAG,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,EAAC,UAAU,GAAG,CAAC;SAClD;aACD;YACC,OAAQ,GAAW,CAAC,MAAM,CAAC,CAAC;SAC5B;IACF,CAAC;IACD,SAAS,OAAO,CAAC,IAAY;QAE5B,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IACD,SAAS,QAAQ,KACf,CAAC;IAEH,OAAO,CACN,8BACC,KAAC,OAAO,IACP,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,CAAA,CAAC,CAAC,EACxC,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,EACnC,SAAS,EAAE,QAAQ,EACnB,QAAQ,EAAE,CAAC,EACX,UAAU,EAAE,GAAG,EACf,OAAO,EAAE,OAAO,GACf,EACF,KAAC,aAAa,IACb,KAAK,EAAC,aAAa,EACnB,WAAW,EAAC,EAAE,EACd,QAAQ,EAAE,KAAK,GACd,IACA,CACH,CAAC;AACH,CAAC"}
|
|
@@ -7,8 +7,8 @@ export interface INSBoxTextAreaProps extends IBaseComponentProps, IValidationPro
|
|
|
7
7
|
defaultValue?: string;
|
|
8
8
|
onChanged?: () => void;
|
|
9
9
|
placeholder?: string;
|
|
10
|
-
cols
|
|
11
|
-
rows
|
|
10
|
+
cols?: number;
|
|
11
|
+
rows?: number;
|
|
12
12
|
}
|
|
13
13
|
export interface INSBoxTextAreaState {
|
|
14
14
|
value: string;
|
|
@@ -19,5 +19,6 @@ export declare class NSBoxTextArea extends React.Component<INSBoxTextAreaProps,
|
|
|
19
19
|
getError(): string | null;
|
|
20
20
|
getValue(): string;
|
|
21
21
|
setValue(value: string): void;
|
|
22
|
+
private onChanged;
|
|
22
23
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
23
24
|
}
|
|
@@ -1,16 +1,32 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
+
});
|
|
10
|
+
};
|
|
2
11
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
12
|
import React from "react";
|
|
4
13
|
import Styles from "./NSBoxTextArea.module.css";
|
|
5
14
|
import { Validator } from "../Validator";
|
|
6
15
|
import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
|
|
16
|
+
import IconInputString from '../assets/images/icon-input-string.svg';
|
|
7
17
|
export class NSBoxTextArea extends React.Component {
|
|
8
18
|
constructor(props) {
|
|
9
19
|
var _a;
|
|
10
20
|
super(props);
|
|
21
|
+
this.onChanged = (e) => __awaiter(this, void 0, void 0, function* () {
|
|
22
|
+
yield this.setValue(e.target.value);
|
|
23
|
+
if (this.props.onChanged)
|
|
24
|
+
this.props.onChanged();
|
|
25
|
+
});
|
|
11
26
|
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
12
27
|
this.getValue = this.getValue.bind(this);
|
|
13
28
|
this.setValue = this.setValue.bind(this);
|
|
29
|
+
this.onChanged = this.onChanged.bind(this);
|
|
14
30
|
}
|
|
15
31
|
getError() {
|
|
16
32
|
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
@@ -29,7 +45,7 @@ export class NSBoxTextArea extends React.Component {
|
|
|
29
45
|
}
|
|
30
46
|
render() {
|
|
31
47
|
var _a;
|
|
32
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_text_area_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_text_area_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsxs("div", { className: Styles.ns_text_area_container, children: [_jsx("figure", { className: Styles.ns_text_area_icon_container, children: _jsx("img", { src:
|
|
48
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_text_area_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_text_area_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsxs("div", { className: Styles.ns_text_area_container, children: [_jsx("figure", { className: Styles.ns_text_area_icon_container, children: _jsx("img", { src: IconInputString, alt: "text-area-icon", width: 24, height: 24 }) }), _jsx("textarea", { style: { height: !this.props.rows ? "96px" : "" }, cols: this.props.cols, rows: this.props.rows, id: this.props.id, value: this.state.value, className: Styles.ns_text_area, placeholder: this.props.placeholder, onChange: this.onChanged })] })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error })] }));
|
|
33
49
|
}
|
|
34
50
|
}
|
|
35
51
|
//# sourceMappingURL=NSBoxTextArea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxTextArea.js","sourceRoot":"","sources":["../../src/components/NSBoxTextArea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"NSBoxTextArea.js","sourceRoot":"","sources":["../../src/components/NSBoxTextArea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -176,6 +176,10 @@
|
|
|
176
176
|
cursor: pointer;
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
+
.ns_navbar_parent_content img:hover {
|
|
180
|
+
opacity: 0.5;
|
|
181
|
+
}
|
|
182
|
+
|
|
179
183
|
.ns_nav_second_item .dropdown-menu {
|
|
180
184
|
margin-top: -20% !important;
|
|
181
185
|
margin-left: 100%;
|
|
@@ -222,6 +226,10 @@
|
|
|
222
226
|
cursor: pointer;
|
|
223
227
|
}
|
|
224
228
|
|
|
229
|
+
.ns_navbar_notification:hover {
|
|
230
|
+
opacity: 0.5;
|
|
231
|
+
}
|
|
232
|
+
|
|
225
233
|
.ns_navbar_notification_count {
|
|
226
234
|
width: 12px;
|
|
227
235
|
height: 12px;
|
|
@@ -56,15 +56,21 @@ export class NSTable extends Component {
|
|
|
56
56
|
};
|
|
57
57
|
let onCellClick = (e, row, column, rowIndex, columnIndex) => {
|
|
58
58
|
let overided = false;
|
|
59
|
-
if (
|
|
59
|
+
if (column === "check") {
|
|
60
|
+
overided = true;
|
|
61
|
+
}
|
|
62
|
+
else if (this.props.onCellClick) {
|
|
60
63
|
let res = this.props.onCellClick(e, row, column, rowIndex, rowIndex);
|
|
61
|
-
if (res === undefined)
|
|
64
|
+
if (res === undefined) {
|
|
62
65
|
overided = true;
|
|
63
|
-
|
|
66
|
+
}
|
|
67
|
+
else {
|
|
64
68
|
overided = res;
|
|
69
|
+
}
|
|
65
70
|
}
|
|
66
|
-
if (!overided)
|
|
71
|
+
if (!overided) {
|
|
67
72
|
this.showModal(getCell(row, column, rowIndex, columnIndex), column);
|
|
73
|
+
}
|
|
68
74
|
};
|
|
69
75
|
return (_jsxs("div", { id: this.props.id, className: `${Styles.ns_project_list_container} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx(NSBoxSearch, { title: "Search", required: false, onChanged: this.props.onChanged, ref: this.search }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _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", onClick: (e) => modalTitle(e), children: this.state.columns[column_key] }, column_key)) }) }), _jsx("tbody", { className: Styles.ns_tbody, children: this.state.rows.map((row, rowIndex) => _jsx("tr", { onClick: (e) => { onRowClick(e, row, rowIndex); }, children: column_keys.map((column, columnIndex) => (_jsx("td", Object.assign({}, getColumnAttributes(column, columnIndex), { "data-label": `${this.state.columns[column]} : `, onClick: (e) => { onCellClick(e, row, column, rowIndex, columnIndex); }, children: getCell(row, column, rowIndex, columnIndex) })))) }, this.props.getRowKey(row, rowIndex))) })] }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), _jsxs("section", { className: Styles.ns_pagination_button, children: [_jsx(NSPagination, { pageSize: this.props.pageSize, currentPage: this.state.currentPage, totalItems: this.props.totalItems, onPageChange: this.onPageChange }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("div", { className: Styles.ns_button, children: [_jsx(NSButton, { title: 'Export', icon: { src: "https://static.namirasoft.com/image/concept/export/blue.svg" }, onClick: () => { }, style: { border: '1px solid rgba(255, 148, 50, 1)', width: "128px" } }), _jsx(NSButton, { title: 'Refresh', icon: { src: "https://static.namirasoft.com/image/concept/export/blue.svg" }, onClick: () => { }, style: { border: '1px solid rgba(3, 119, 255, 1)', width: "128px" } })] })] }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSModal, { show: this.state.model.show, description: this.state.model.description, onClose: () => { this.hideModal(); }, title: this.state.title, column: this.state.model.columnName })] }));
|
|
70
76
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -8,6 +8,7 @@ export function App()
|
|
|
8
8
|
|
|
9
9
|
let table = useRef<NSTable<App>>(null);
|
|
10
10
|
let columns = {
|
|
11
|
+
"check":"Check",
|
|
11
12
|
"id": "ID",
|
|
12
13
|
"project": "Project",
|
|
13
14
|
"level": "Level",
|
|
@@ -42,6 +43,7 @@ export function App()
|
|
|
42
43
|
]
|
|
43
44
|
interface App
|
|
44
45
|
{
|
|
46
|
+
|
|
45
47
|
id: number,
|
|
46
48
|
project: string,
|
|
47
49
|
level: string,
|
|
@@ -51,7 +53,13 @@ export function App()
|
|
|
51
53
|
}
|
|
52
54
|
function getCell(row: App, column: string): any
|
|
53
55
|
{
|
|
54
|
-
|
|
56
|
+
if (column === "check")
|
|
57
|
+
{
|
|
58
|
+
return <input id={`${row.id}`} type="checkbox" />;
|
|
59
|
+
} else
|
|
60
|
+
{
|
|
61
|
+
return (row as any)[column];
|
|
62
|
+
}
|
|
55
63
|
}
|
|
56
64
|
function getRows(page: number): void
|
|
57
65
|
{
|
|
@@ -75,8 +83,6 @@ export function App()
|
|
|
75
83
|
getRows={getRows}
|
|
76
84
|
/>
|
|
77
85
|
<NSBoxTextArea
|
|
78
|
-
rows={10}
|
|
79
|
-
cols={24}
|
|
80
86
|
title='Description'
|
|
81
87
|
placeholder=''
|
|
82
88
|
required={false}
|
|
@@ -7,15 +7,15 @@ import { IValidationProps } from "../props/IValidationProps";
|
|
|
7
7
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
8
8
|
import { Validator } from "../Validator";
|
|
9
9
|
import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
|
|
10
|
-
|
|
10
|
+
import IconInputString from '../assets/images/icon-input-string.svg';
|
|
11
11
|
export interface INSBoxTextAreaProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
|
|
12
12
|
{
|
|
13
13
|
title: string;
|
|
14
14
|
defaultValue?: string;
|
|
15
15
|
onChanged?: () => void;
|
|
16
16
|
placeholder?: string;
|
|
17
|
-
cols
|
|
18
|
-
rows
|
|
17
|
+
cols?: number;
|
|
18
|
+
rows?: number;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
export interface INSBoxTextAreaState
|
|
@@ -32,7 +32,7 @@ export class NSBoxTextArea extends React.Component<INSBoxTextAreaProps, INSBoxTe
|
|
|
32
32
|
this.state = { value: props.defaultValue ?? "" };
|
|
33
33
|
this.getValue = this.getValue.bind(this);
|
|
34
34
|
this.setValue = this.setValue.bind(this);
|
|
35
|
-
|
|
35
|
+
this.onChanged = this.onChanged.bind(this);
|
|
36
36
|
}
|
|
37
37
|
getError(): string | null
|
|
38
38
|
{
|
|
@@ -56,12 +56,12 @@ export class NSBoxTextArea extends React.Component<INSBoxTextAreaProps, INSBoxTe
|
|
|
56
56
|
{
|
|
57
57
|
this.setState({ value });
|
|
58
58
|
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
59
|
+
private onChanged = async (e: React.ChangeEvent<HTMLTextAreaElement>): Promise<void> =>
|
|
60
|
+
{
|
|
61
|
+
await this.setValue(e.target.value);
|
|
62
|
+
if (this.props.onChanged)
|
|
63
|
+
this.props.onChanged();
|
|
64
|
+
}
|
|
65
65
|
override render()
|
|
66
66
|
{
|
|
67
67
|
return (
|
|
@@ -71,19 +71,21 @@ export class NSBoxTextArea extends React.Component<INSBoxTextAreaProps, INSBoxTe
|
|
|
71
71
|
<div className={Styles.ns_text_area_container}>
|
|
72
72
|
<figure className={Styles.ns_text_area_icon_container}>
|
|
73
73
|
<img
|
|
74
|
-
src=
|
|
75
|
-
alt="
|
|
74
|
+
src={IconInputString}
|
|
75
|
+
alt="text-area-icon"
|
|
76
76
|
width={24}
|
|
77
77
|
height={24}
|
|
78
78
|
/>
|
|
79
79
|
</figure>
|
|
80
80
|
<textarea
|
|
81
|
+
style={{ height: !this.props.rows ? "96px" : "" }}
|
|
82
|
+
cols={this.props.cols}
|
|
83
|
+
rows={this.props.rows}
|
|
81
84
|
id={this.props.id}
|
|
82
85
|
value={this.state.value}
|
|
83
86
|
className={Styles.ns_text_area}
|
|
84
87
|
placeholder={this.props.placeholder}
|
|
85
|
-
|
|
86
|
-
cols={this.props.cols}
|
|
88
|
+
onChange={this.onChanged}
|
|
87
89
|
/>
|
|
88
90
|
|
|
89
91
|
|
|
@@ -176,6 +176,10 @@
|
|
|
176
176
|
cursor: pointer;
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
+
.ns_navbar_parent_content img:hover {
|
|
180
|
+
opacity: 0.5;
|
|
181
|
+
}
|
|
182
|
+
|
|
179
183
|
.ns_nav_second_item .dropdown-menu {
|
|
180
184
|
margin-top: -20% !important;
|
|
181
185
|
margin-left: 100%;
|
|
@@ -222,6 +226,10 @@
|
|
|
222
226
|
cursor: pointer;
|
|
223
227
|
}
|
|
224
228
|
|
|
229
|
+
.ns_navbar_notification:hover {
|
|
230
|
+
opacity: 0.5;
|
|
231
|
+
}
|
|
232
|
+
|
|
225
233
|
.ns_navbar_notification_count {
|
|
226
234
|
width: 12px;
|
|
227
235
|
height: 12px;
|
|
@@ -100,16 +100,24 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
|
|
|
100
100
|
let onCellClick = (e: React.MouseEvent<HTMLTableDataCellElement, MouseEvent>, row: RowType, column: string, rowIndex: number, columnIndex: number) =>
|
|
101
101
|
{
|
|
102
102
|
let overided = false;
|
|
103
|
-
if (
|
|
103
|
+
if (column === "check")
|
|
104
|
+
{
|
|
105
|
+
overided = true;
|
|
106
|
+
} else if (this.props.onCellClick)
|
|
104
107
|
{
|
|
105
108
|
let res = this.props.onCellClick(e, row, column, rowIndex, rowIndex);
|
|
106
109
|
if (res === undefined)
|
|
110
|
+
{
|
|
107
111
|
overided = true;
|
|
108
|
-
else
|
|
112
|
+
} else
|
|
113
|
+
{
|
|
109
114
|
overided = res;
|
|
115
|
+
}
|
|
110
116
|
}
|
|
111
117
|
if (!overided)
|
|
118
|
+
{
|
|
112
119
|
this.showModal(getCell(row, column, rowIndex, columnIndex), column);
|
|
120
|
+
}
|
|
113
121
|
};
|
|
114
122
|
return (
|
|
115
123
|
<div id={this.props.id}
|
|
@@ -156,7 +164,7 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
|
|
|
156
164
|
description={this.state.model.description}
|
|
157
165
|
onClose={() => { this.hideModal(); }}
|
|
158
166
|
title={this.state.title}
|
|
159
|
-
column={this.state.model.columnName}
|
|
167
|
+
column={this.state.model.columnName}
|
|
160
168
|
/>
|
|
161
169
|
</div >
|
|
162
170
|
)
|