re commit

2017-03-22 13:35:45 +08:00
commit 8947715671
109 changed files with 161369 additions and 0 deletions
@@ -0,0 +1,32 @@
+import React from 'react';
+import {Table} from 'semantic-ui-react';
+import {convertTime} from '../../../tools';
+
+const LogItem = ({i18n, data}) => {
+	if(!(i18n && i18n.t)) return null;
+	let defMsg = '';
+	if(/^(do|di)/i.test(data.iolabel)){
+		defMsg = i18n.t('page.log.description.dio');
+	}else if(/^leone/i.test(data.iolabel)){
+		defMsg = i18n.t('page.log.description.leone');
+	}else if(/^iogroup/i.test(data.iolabel)){
+		defMsg = i18n.t('page.log.description.iogroup');
+	}
+	let msg = defMsg
+		.replace(/\$io_label\$/, data.iolabel)
+		.replace(/\$io_name\$/, data.ioname)
+		.replace(/\$io_logic\$/, data.iosetting1)
+		.replace(/\$io_trigger_time\$/, convertTime(data.ioeventtst))
+		.replace(/\$io_trigger_status\$/, data.ioevent);
+	return (
+		<Table.Row>
+			<Table.Cell>{convertTime(data.ioeventtst)}</Table.Cell>
+			<Table.Cell>{data.iosetting3}</Table.Cell>
+			<Table.Cell>{data.iosetting2}</Table.Cell>
+			<Table.Cell>{data.ioevent}</Table.Cell>
+			<Table.Cell>{msg}</Table.Cell>
+		</Table.Row>
+	)
+}
+
+export default LogItem;
@@ -0,0 +1,46 @@
+import React from 'react';
+import {Container, Table, Button, Label} from 'semantic-ui-react';
+import LogItem from './LogItem';
+
+class LogPage extends React.Component {
+	
+	componentDidMount(){
+		this.props.getList();
+		this.props.router.setRouteLeaveHook(this.props.route, () => {
+			this.props.clearList();
+		})
+	}
+
+	loadPage = (p = 1) => {
+		this.props.getList(p);
+	}
+
+	render () {
+		let {i18n, list, page} = this.props;
+		return (
+			<Container>
+				<Table>
+					<Table.Header>
+						<Table.Row>
+							<Table.HeaderCell>{i18n&&i18n.t ? i18n.t('page.log.table.datetime') : ''}</Table.HeaderCell>
+							<Table.HeaderCell>{i18n&&i18n.t ? i18n.t('page.log.table.username') : ''}</Table.HeaderCell>
+							<Table.HeaderCell>{i18n&&i18n.t ? i18n.t('page.log.table.status') : ''}</Table.HeaderCell>
+							<Table.HeaderCell>{i18n&&i18n.t ? i18n.t('page.log.table.event') : ''}</Table.HeaderCell>
+							<Table.HeaderCell>{i18n&&i18n.t ? i18n.t('page.log.table.description') : ''}</Table.HeaderCell>
+						</Table.Row>
+					</Table.Header>
+					<Table.Body>
+						{ list.map(t => <LogItem key={t.jciocertuid} i18n={i18n} data={t} />) }
+					</Table.Body>
+				</Table>
+				<div style={{textAlign: 'center'}}>
+					<Button content={i18n&&i18n.t ? i18n.t('page.log.table.button.prevpage') : ''} size="small" labelPosition="left" basic={true} color="black" icon="arrow left" onClick={() => {this.loadPage(page.prevpage)}} />
+					<Label basic={true} color="blue" content={`${page.page || 1} / ${page.totalpage || 1}`} />
+					<Button content={i18n&&i18n.t ? i18n.t('page.log.table.button.nextpage') : ''} size="small" labelPosition="right" basic={true} color="black" icon="arrow right" onClick={() => {this.loadPage(page.nextpage)}} />
+				</div>
+			</Container>
+		)
+	}
+}
+
+export default LogPage;