Commit f184c725 by Thanaporn Rattanaburi
2 parents 051369d6 30f4c207
This diff could not be displayed because it is too large.
......@@ -4,6 +4,7 @@ import { Switch, Route } from 'react-router-dom'
import LoginPage from '../pages/login/LoginPage'
import MainPage from '../pages/main/MainPage'
import Test from '../pages/test/Test'
import WdsTransLog from '../templates/table/wdsTransLog/WDSTransLog.jsx'
export default () => (
<Switch>
......@@ -11,5 +12,6 @@ export default () => (
<Route path="/login" component={LoginPage} />
<Route path="/main" component={MainPage} />
<Route path="/test" component={Test} />
<Route path="/testGolfYes" component={WdsTransLog} />
</Switch>
)
\ No newline at end of file
)
import React, { Component, Fragment } from 'react'
import { Table, Modal, Button } from 'antd'
import guidepost from './resources/images/guidepost.png'
import data from './resources/json/dataList.json'
class WDSTransLog extends Component {
state = { visible: false, message: '' }
_handleShowModal = data => {
this.setState({
visible: true,
message: data,
})
}
_handleOk = e => {
this.setState({
visible: false,
message: '',
})
}
_handleCancel = e => {
this.setState({
visible: false,
message: '',
})
}
_showTotal = total => {
return `Total ${total} items`
}
render() {
const colums = [
{
title: 'Log ID',
dataIndex: 'logID',
key: 'logID',
},
{
title: 'Username',
dataIndex: 'username',
key: 'username',
},
{
title: 'Mobile ID',
dataIndex: 'mobileID',
key: 'mobileID',
},
{
title: 'Device Type',
dataIndex: 'deviceType',
key: 'deviceType',
},
{
title: 'Screen',
dataIndex: 'screen',
key: 'screen',
},
{
title: 'Action',
dataIndex: 'action',
key: 'action',
},
{
title: 'Transaction Message',
dataIndex: 'transactionMessage',
key: 'transactionMessage',
},
{
title: 'Request Time',
dataIndex: 'requestTime',
key: 'requestTime',
},
{
title: 'Using Time(ms)',
dataIndex: 'usingTime',
key: 'usingTime',
},
{
title: 'Result From',
dataIndex: 'resultFrom',
key: 'resultFrom',
},
{
title: 'Result',
dataIndex: 'result',
key: 'result',
},
{
title: 'Http Status',
dataIndex: 'httpStatus',
key: 'httpStatus',
},
{
title: 'Result Message',
dataIndex: 'resultMessage',
key: 'resultMessage',
},
{
title: 'In/Out',
dataIndex: 'inOut',
key: 'inOut',
render: (text, row) => (
<a href="#" onClick={() => this._handleShowModal(row.logID)}>
<img src={guidepost} />
</a>
),
},
]
return (
<Fragment>
<Table
dataSource={data}
columns={colums}
pagination={{
pageSize: 5,
showTotal: this._showTotal,
total: data.length,
size: 'small',
}}
/>
<Modal
title="Warning"
visible={this.state.visible}
onOk={this._handleOk}
onCancel={this._handleCancel}>
<p>{this.state.message}</p>
</Modal>
</Fragment>
)
}
}
export default WDSTransLog
[
{
"key": "1",
"logID": "John Brown",
"username": "32",
"mobileID": "1",
"deviceType": "Mobile",
"screen": "unknown",
"action": "Delete",
"transactionMessage": "OpenPage",
"resultMessage": "[300] LoadTemplate"
},
{
"key": "2",
"logID": "sunt qui excepturi placeat culpa",
"username": "32",
"mobileID": "1",
"deviceType": "Mobile",
"screen": "unknown",
"action": "Delete",
"transactionMessage": "OpenPage",
"resultMessage": "[300] LoadTemplate"
},
{
"key": "3",
"logID": "omnis laborum odio",
"username": "32",
"mobileID": "1",
"deviceType": "Mobile",
"screen": "unknown",
"action": "Delete",
"transactionMessage": "OpenPage",
"resultMessage": "[300] LoadTemplate"
},
{
"key": "4",
"logID": "non esse culpa molestiae omnis sed optio",
"username": "32",
"mobileID": "1",
"deviceType": "Mobile",
"screen": "unknown",
"action": "Delete",
"transactionMessage": "OpenPage",
"resultMessage": "[300] LoadTemplate"
},
{
"key": "5",
"logID": "eaque aut omnis a",
"username": "32",
"mobileID": "1",
"deviceType": "Mobile",
"screen": "unknown",
"action": "Delete",
"transactionMessage": "OpenPage",
"resultMessage": "[300] LoadTemplate"
},
{
"key": "6",
"logID": "natus impedit quibusdam illo est",
"username": "32",
"mobileID": "1",
"deviceType": "Mobile",
"screen": "unknown",
"action": "Delete",
"transactionMessage": "OpenPage",
"resultMessage": "[300] LoadTemplate"
},
{
"key": "7",
"logID": "quibusdam autem aliquid et et quia",
"username": "32",
"mobileID": "1",
"deviceType": "Mobile",
"screen": "unknown",
"action": "Delete",
"transactionMessage": "OpenPage",
"resultMessage": "[300] LoadTemplate"
},
{
"key": "8",
"logID": "qui fuga est a eum",
"username": "32",
"mobileID": "1",
"deviceType": "Mobile",
"screen": "unknown",
"action": "Delete",
"transactionMessage": "OpenPage",
"resultMessage": "[300] LoadTemplate"
},
{
"key": "9",
"logID": "saepe unde necessitatibus rem",
"username": "32",
"mobileID": "1",
"deviceType": "Mobile",
"screen": "unknown",
"action": "Delete",
"transactionMessage": "OpenPage",
"resultMessage": "[300] LoadTemplate"
},
{
"key": "10",
"logID": "distinctio laborum qui",
"username": "32",
"mobileID": "1",
"deviceType": "Mobile",
"screen": "unknown",
"action": "Delete",
"transactionMessage": "OpenPage",
"resultMessage": "[300] LoadTemplate"
},
{
"key": "11",
"logID": "quam nostrum impedit mollitia quod et dolor",
"username": "32",
"mobileID": "1",
"deviceType": "Mobile",
"screen": "unknown",
"action": "Delete",
"transactionMessage": "OpenPage",
"resultMessage": "[300] LoadTemplate"
}
]
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!