test

src/ts/@overflow/probe/react/components/ProbeDetailInfo.tsx

@@ -47,9 +47,9 @@ export class ProbeDetailInfo extends React.Component<Props, State> {
       'domain': {
         'name': 'insanity\'s domain',
       },
-      'displayName': '192.168.1.105\'s probe',
-      'network': {
       'cidr': '192.168.1.0/24',
+      'displayName': '192.168.1.105\'s probe',
+      'infraHost': {
         'ip': '192.168.1.105',
         'mac': 'ab:cd:ef:gh:ij',
       },
@@ -88,13 +88,16 @@ export class ProbeDetailInfo extends React.Component<Props, State> {
   }
 
   public showStartStopBtn(): JSX.Element {
+    if (this.state.probe.status.name === 'STARTED') {
       return <Button content='Stop' icon='stop' labelPosition='left' negative />;
     }
+    return <Button content='Start' icon='play' labelPosition='left' positive />;
+  }
 
   public render(): JSX.Element {
     return (
       <Container>
-        <Table celled={false}>
+        <Table celled={false} >
           <Table.Body>
             <Table.Row>
               <Table.Cell collapsing>
@@ -149,7 +152,6 @@ export class ProbeDetailInfo extends React.Component<Props, State> {
           </Table.Footer>
 
         </Table>
-        {/* {this.showStartStopBtn()} */}
         {this.renderDiscovery()}
       </Container>
     );

src/ts/@overflow/probe/react/components/ProbeHost.tsx

@@ -33,7 +33,33 @@ export class ProbeHost extends React.Component<Props, State> {
   }
 
   public componentWillMount(): void {
-    console.log(this.props.id);
+
+    // todo. getting probe by probeId
+    let p = {
+      'id': '11',
+      'status': {
+        'name': 'STARTED',
+      },
+      'domain': {
+        'name': 'insanity\'s domain',
+      },
+      'cidr': '192.168.1.0/24',
+      'displayName': '192.168.1.105\'s probe',
+      'targetCount': '20',
+      'sensorCount': '30',
+      'probeKey': '1AGBLKDFJ2452ASDGFL2KWJLKSDJ',
+      'description': 'description1111111111',
+      'createDate': '2017-01-01',
+      'authorizeDate': '2017-01-01',
+      'restartDate': '2017-01-01',
+      'authorizeMember': {
+        'name': 'insanity',
+      },
+    };
+
+    this.setState({
+      probe: p,
+    });
   }
 
 

src/ts/@overflow/probe/react/components/ProbeList.tsx

@@ -42,12 +42,12 @@ export class ProbeList extends React.Component<Props, State> {
         'domain': {
           'name': 'insanity\'s domain',
         },
-        'displayName': '192.168.1.105\'s probe',
-        'network': {
         'cidr': '192.168.1.0/24',
-          'ip': '192.168.1.105',
+        'displayName': '192.168.1.105\'s probe',
-          'mac': 'ab:cd:ef:gh:ij',
+        // 'infraHost': {
-        },
+        //   'ip': '192.168.1.105',
+        //   'mac': 'ab:cd:ef:gh:ij',
+        // },
         'targetCount': '20',
         'sensorCount': '30',
         'probeKey': '1AGBLKDFJ2452ASDGFL2KWJLKSDJ',
@@ -62,11 +62,7 @@ export class ProbeList extends React.Component<Props, State> {
           'name': 'insanity\'s domain',
         },
         'displayName': '192.168.1.105\'s probe',
-        'network': {
         'cidr': '192.168.1.0/24',
-          'ip': '192.168.1.105',
-          'mac': 'ab:cd:ef:gh:ij',
-        },
         'targetCount': '20',
         'sensorCount': '30',
         'probeKey': '1AGBLKDFJ2452ASDGFL2KWJLKSDJ',
@@ -80,12 +76,8 @@ export class ProbeList extends React.Component<Props, State> {
         'domain': {
           'name': 'insanity\'s domain',
         },
-        'displayName': '192.168.1.105\'s probe',
-        'network': {
         'cidr': '192.168.1.0/24',
-          'ip': '192.168.1.105',
+        'displayName': '192.168.1.105\'s probe',
-          'mac': 'ab:cd:ef:gh:ij',
-        },
         'targetCount': '20',
         'sensorCount': '30',
         'probeKey': '1AGBLKDFJ2452ASDGFL2KWJLKSDJ',
@@ -176,8 +168,8 @@ export class ProbeList extends React.Component<Props, State> {
     return this.state.list.map((probe: any, index: number) => (
       <Table.Row key={index} onClick={this.handleSelect.bind(this, probe)}>
         <Table.Cell >{probe.displayName}</Table.Cell>
-        <Table.Cell>{probe.network.cidr}</Table.Cell>
+        <Table.Cell>{probe.cidr}</Table.Cell>
-        <Table.Cell>{probe.network.ip}</Table.Cell>
+        <Table.Cell>todo</Table.Cell>
         <Table.Cell negative={this.checkCellStatus(probe.status)} textAlign={'center'}>{probe.status.name}</Table.Cell>
         <Table.Cell textAlign={'center'} >{probe.targetCount}</Table.Cell>
         <Table.Cell textAlign={'center'} >{probe.sensorCount}</Table.Cell>