status-im
/
structlog-ui
mirror of https://github.com/status-im/structlog-ui.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

simplify table data

This commit is contained in:
Iuri Matias 2019-11-06 16:45:44 -05:00
parent dfc2df4db3
commit a3883ca0da
2 changed files with 18 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/App.js
View File

@ -25,42 +25,22 @@ class App extends React.PureComponent {
max_index: all_data_ordered.length,
logs: [],
current: session_object,
columns: [
{ name: 'session', title: 'Session' },
{ name: 'parent_id', title: 'Parent' },
{ name: 'id', title: 'Id' },
shouldShowModal: false,
modalTitle: "",
modalContent: {},
rows: data,
cols: [
{ name: 'session', title: 'Session', hidden: true },
{ name: 'parent_id', title: 'Parent', hidden: true },
{ name: 'id', title: 'Id', hidden: true },
{ name: 'step', title: 'Step' },
{ name: 'name', title: 'Name' },
{ name: 'name', title: 'Name', width: 600 },
{ name: 'type', title: 'Type' },
{ name: 'timestamp', title: 'Timestamp' },
// { name: 'error', title: 'Error' },
// { name: 'inputs', title: 'Inputs' },
{ name: 'msg', title: 'Error' },
],
// rows: [session_object],
rows: data,
// defaultExpandedRowIds: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27]
defaultExpandedRowIds: [],
defaultHiddenColumnNames: ['session', 'parent_id', 'id', 'error'],
// defaultHiddenColumnNames: []
defaultColumnWidths: [
// { columnName: 'step', width: 10 },
{ columnName: 'session', width: 200 },
{ columnName: 'parent_id', width: 200 },
{ columnName: 'id', width: 200 },
{ columnName: 'step', width: 150 },
{ columnName: 'name', width: 600 },
{ columnName: 'type', width: 200 },
{ columnName: 'timestamp', width: 200 },
// { name: 'error', width: 200 },
// { name: 'inputs', width: 200 },
{ columnName: 'msg', width: 200 },
],
defaultOrder: ['session', 'parent_id', 'id', 'step', 'name', 'type', 'timestamp', 'msg'],
shouldShowModal: false,
modalTitle: "",
modalContent: {}
{ name: 'msg', title: 'Error', hidden: true },
]
};
this.previousLog = () => {
@ -221,13 +201,10 @@ class App extends React.PureComponent {
<ConsoleSection logs={this.state.logs} open={true} />
<LogsSection
open={true}
cols={this.state.cols}
rows={this.state.rows}
columns={this.state.columns}
viewRow={this.viewRow}
getChildRows={this.getChildRows}
defaultColumnWidths={this.state.defaultColumnWidths}
defaultHiddenColumnNames={this.state.defaultHiddenColumnNames}
defaultOrder={this.state.defaultOrder}
/>
</div>
</div>

7
src/LogsSection.js
View File

@ -16,7 +16,12 @@ let numberFilterOperations = [
let tableColumnExtensions = [{ columnName: 'name', width: 300, align: 'left' }];
function LogsSection({open, rows, columns, viewRow, getChildRows, defaultColumnWidths, defaultHiddenColumnNames, defaultOrder}) {
function LogsSection({open, cols, rows, viewRow, getChildRows}) {
let columns = cols;
let defaultColumnWidths = cols.map((x) => { return {columnName: x.name, width: (x.width || 200)} })
let defaultHiddenColumnNames = cols.filter((x) => x.hidden).map((x) => x.name)
let defaultOrder = cols.map((x) => x.name)
return (
<Section title="Logs" defaultOpen={open}>
<Grid rows={rows} columns={columns} >