This commit is contained in:
snoop 2017-07-17 14:51:21 +09:00
commit 9688937838
2 changed files with 13 additions and 10 deletions

View File

@ -16,6 +16,8 @@ export class DiscoveryDetails extends React.Component<any, any> {
}; };
} }
componentWillMount() { componentWillMount() {
this.probeTemp = this.probeTemp =
{ {
@ -29,7 +31,8 @@ export class DiscoveryDetails extends React.Component<any, any> {
"host": { "host": {
"ip": "192.168.1.103", "ip": "192.168.1.103",
"mac": "44:8a:5b:44:8c:e8", "mac": "44:8a:5b:44:8c:e8",
"os": "Ubuntu 17.04" "os": "Ubuntu 17.04",
"name": "?????"
}, },
"createAt": "2017-07-12", "createAt": "2017-07-12",
"probeKey": "AGBLKDFJ2452ASDGFL2KWJLKSDJ", "probeKey": "AGBLKDFJ2452ASDGFL2KWJLKSDJ",
@ -57,10 +60,10 @@ export class DiscoveryDetails extends React.Component<any, any> {
render() { render() {
return ( return (
<Container fluid> <Container fluid>
<Header as='h3' dividing> Discovery Details</Header> <Header as='h3' dividing> Discovery Details</Header>
<DiscoveryProbe probe={this.probeTemp}/> <DiscoveryProbe probe={this.probeTemp}/>
<br /> <br />
<DiscoveryTable onProbeChange={this.handleProbeChange.bind(this)} /> <DiscoveryTable onProbeChange={this.handleProbeChange.bind(this)} />
<Modal size='small' open={this.state.startPopup} onClose={this.handlePopupClose}> <Modal size='small' open={this.state.startPopup} onClose={this.handlePopupClose}>
<Modal.Header>Change your password Enter email address.</Modal.Header> <Modal.Header>Change your password Enter email address.</Modal.Header>

View File

@ -42,31 +42,31 @@ export class DiscoveryTable extends React.Component<any, any> {
let value: string = data.value; let value: string = data.value;
switch (data.tabIndex) { switch (data.tabIndex) {
case '0':{ case '1':{
this.setState({ this.setState({
startIp: value, startIp: value,
}); });
break; break;
} }
case '1':{ case '2':{
this.setState({ this.setState({
endIP: value, endIP: value,
}); });
break; break;
} }
case '2':{ case '3':{
this.setState({ this.setState({
excludeIp: value, excludeIp: value,
}); });
break; break;
} }
case '3':{ case '4':{
this.setState({ this.setState({
startPort: value, startPort: value,
}); });
break; break;
} }
case '4':{ case '5':{
this.setState({ this.setState({
endPort: value, endPort: value,
}); });