Skip to content

Yossapol / transaction-log

Go to a project
Commit 15f9efee by rtclub11140
Options

add file

1 parent 35ec4ae5
Inline Side-by-side
Showing with 275 additions and 17 deletions
package-lock.json 0 → 100644
This diff could not be displayed because it is too large.
src/pages/login/LoginPage.jsx
import React from "react"; import React from 'react'
import Login from "../../components/form/login/Login"; import Login from '../../templates/form/login/Login'
import Axios from "axios"; import Axios from 'axios'
import History from "../../history/History"; import History from '../../history/History'
import Logo from "./resources/images/logo_login.png"; import Logo from './resources/images/logo_login.png'
import * as UrlConstants from "../../resources/js/constants/UrlConstants"; import * as UrlConstants from '../../resources/js/constants/UrlConstants'
import "./resources/css/login.css"; import './resources/css/login.css'
export default class LoginPage extends React.Component { export default class LoginPage extends React.Component {
_login = async params => {
_login = async(params) => {
const results = await Axios.post(UrlConstants.URL_LOGIN, params) const results = await Axios.post(UrlConstants.URL_LOGIN, params)
if (results.data.success) { if (results.data.success) {
History.replace({ pathname: "/main" }); History.replace({ pathname: '/main' })
} }
} }
render() { render() {
return ( return (
<div className="login"> <div className="login">
<img src={Logo} className="login-logo" alt="logo" /> <img src={Logo} className="login-logo" alt="logo" />
<br/> <br />
<br/> <br />
<br/> <br />
<Login getFormSubmitFn={this._login} /> <Login getFormSubmitFn={this._login} />
</div> </div>
); )
} }
} }
src/routes/MainRoutes.js
...@@ -4,6 +4,7 @@ import { Switch, Route } from 'react-router-dom' ...@@ -4,6 +4,7 @@ import { Switch, Route } from 'react-router-dom'
import LoginPage from '../pages/login/LoginPage' import LoginPage from '../pages/login/LoginPage'
import MainPage from '../pages/main/MainPage' import MainPage from '../pages/main/MainPage'
import Test from '../pages/test/Test' import Test from '../pages/test/Test'
import WdsTransLog from '../templates/table/wdsTransLog/WDSTransLog.jsx'
export default () => ( export default () => (
<Switch> <Switch>
...@@ -11,5 +12,6 @@ export default () => ( ...@@ -11,5 +12,6 @@ export default () => (
<Route path="/login" component={LoginPage} /> <Route path="/login" component={LoginPage} />
<Route path="/main" component={MainPage} /> <Route path="/main" component={MainPage} />
<Route path="/test" component={Test} /> <Route path="/test" component={Test} />
<Route path="/testGolfYes" component={WdsTransLog} />
</Switch> </Switch>
) )
src/templates/table/wdsTransLog/WDSTransLog.jsx 0 → 100644
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
src/templates/table/wdsTransLog/resources/json/dataList.json 0 → 100644
[
{
"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!