add test tree

This commit is contained in:
snoop 2017-07-17 14:51:12 +09:00
parent 0d841948aa
commit 6091b77ace
5 changed files with 245 additions and 151 deletions

View File

@ -0,0 +1,14 @@
import Port from './Port';
interface Host {
id?: number;
ip: number;
mac: number;
createDate?: Date;
updateDate: Date;
os: string;
target: boolean;
ports?: Port[];
}
export default Host;

View File

@ -0,0 +1,15 @@
import Host from './Host';
import Service from './Service';
import PortType from './PortType';
interface Port {
id?: number;
host: Host;
portType: PortType;
portNumber: number;
services?: Service[];
createDate?: Date;
updateDate: Date;
}
export default Port;

View File

@ -0,0 +1,10 @@
// enum PortType {
// TCP = 1,
// UDP = 2,
// TLS = 3,
// }
type PortType = 'TCP' | 'UDP' | 'TLS';
export default PortType;

View File

@ -0,0 +1,14 @@
import Port from './Port';
import PortType from './PortType';
interface Service {
id: number;
port: Port;
portType: PortType;
serviceName: string;
createDate: Date;
updateDate: Date;
target: boolean;
}
export default Service;

View File

@ -3,9 +3,11 @@ import * as React from 'react';
import { Checkbox, Container, Label, Accordion, Icon, List, ListItemProps } from 'semantic-ui-react'; import { Checkbox, Container, Label, Accordion, Icon, List, ListItemProps } from 'semantic-ui-react';
import Host from '../../../@overflow/discovery/api/model/Host';
import Port from '../../../@overflow/discovery/api/model/Port';
import Service from '../../../@overflow/discovery/api/model/Service';
import * as Utils from '../../../components/Utils';
export class Tree extends React.Component<any, any> { export class Tree extends React.Component<any, any> {
@ -17,28 +19,67 @@ export class Tree extends React.Component<any, any> {
}; };
console.log(jsonData);
// fs.readFile('../../../../../dh.json', this.handlJSONFile); // fs.readFile('../../../../../dh.json', this.handlJSONFile);
} }
handlJSONFile = (err: any, data: any) => { handlJSONFile = (err: any, data: any) => {
} }
render() { render() {
return ( return (
<Container> <Container>
{jsonData.map((data: any) => {
})}
<List> <List>
{
jsonData.map((data: any, index: number) => {
let hh: Host = data;
return (
<List.Item key={index}>
<List.Icon name='folder' />
<List.Content>
<List.Header>{Utils.int2ip(hh.ip)} {hh.os}</List.Header>
<List.Description>Host</List.Description>
{hh.ports ? hh.ports.map((port: Port, idx: number) => {
return (
<List.List key={idx * 1000}>
<List.Item>
<List.Icon name='folder' />
<List.Content>
<List.Header>{port.portNumber} {port.portType}</List.Header>
<List.Description>Port</List.Description>
{port.services ? port.services.map((service: Service, sIdx: number) => {
return (
<List.List key={sIdx * 10000}>
<List.Item>
<List.Icon name='folder' />
<List.Content>
<List.Header>{service.serviceName} {service.portType}</List.Header>
<List.Description>Service</List.Description>
</List.Content>
</List.Item>
</List.List>
);
}) : ''}
</List.Content>
</List.Item>
</List.List>
);
}) : ''}
</List.Content>
</List.Item>
);
})}
</List>
{/*<List>
<List.Item > <List.Item >
<Label basic onClick={() => { <Label basic onClick={() => {
this.setState({ tt: !this.state.tt }); this.setState({ tt: !this.state.tt });
@ -52,7 +93,7 @@ export class Tree extends React.Component<any, any> {
<List.Item>Port 80 NOR </List.Item> <List.Item>Port 80 NOR </List.Item>
</List.List> </List.List>
</List.Item> : ''} </List.Item> : ''}
</List> </List>*/}
</Container> </Container>
); );
} }
@ -69,7 +110,7 @@ const jsonData = [{
"name": "", "name": "",
"ip": 3232235818, "ip": 3232235818,
"mac": 91754662925, "mac": 91754662925,
"os":"Windows", "os": "Windows",
"ports": [{ "ports": [{
"createDate": -62135596800000, "createDate": -62135596800000,
"updateDate": -62135596800000, "updateDate": -62135596800000,
@ -78,161 +119,161 @@ const jsonData = [{
"updateDate": -62135596800000, "updateDate": -62135596800000,
"portType": "TCP", "portType": "TCP",
"serviceName": "SSH", "serviceName": "SSH",
"target":true "target": true
}], }],
"portType": "TCP", "portType": "TCP",
"portNumber": 22 "portNumber": 22
}, },
{ {
"createDate": -62135596800000,
"updateDate": -62135596800000,
"services": [{
"createDate": -62135596800000, "createDate": -62135596800000,
"updateDate": -62135596800000, "updateDate": -62135596800000,
"services": [{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"portType": "TCP",
"serviceName": "HTTP"
}],
"portType": "TCP", "portType": "TCP",
"portNumber": 443 "serviceName": "HTTP"
},
{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"services": [{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"portType": "TCP",
"serviceName": "HTTP"
}],
"portType": "TCP",
"portNumber": 80
}], }],
"portType": "TCP",
"portNumber": 443
},
{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"services": [{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"portType": "TCP",
"serviceName": "HTTP"
}],
"portType": "TCP",
"portNumber": 80
}],
"createDate": 1498470178000, "createDate": 1498470178000,
"updateDate": 1498470178000 "updateDate": 1498470178000
}, },
{ {
"firstScanRange": 1, "firstScanRange": 1,
"lastScanRange": 10000, "lastScanRange": 10000,
"name": "", "name": "",
"ip": 3232235781, "ip": 3232235781,
"mac": 91754660625, "mac": 91754660625,
"os":"Windows", "os": "Windows",
"ports": [{ "ports": [{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"services": [{
"createDate": -62135596800000, "createDate": -62135596800000,
"updateDate": -62135596800000, "updateDate": -62135596800000,
"services": [{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"portType": "TCP",
"serviceName": "SSH"
}],
"portType": "TCP", "portType": "TCP",
"portNumber": 22 "serviceName": "SSH"
}, }],
{ "portType": "TCP",
"createDate": -62135596800000, "portNumber": 22
"updateDate": -62135596800000,
"services": [{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"portType": "TCP",
"serviceName": "HTTP"
}],
"portType": "TCP",
"portNumber": 80
},
{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"services": [{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"portType": "TCP",
"serviceName": "HTTP"
}],
"portType": "TCP",
"portNumber": 1936
},
{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"services": null,
"portType": "TCP",
"portNumber": 443
}],
"createDate": 1498470178000,
"updateDate": 1498470178000
}, },
{ {
"firstScanRange": 1, "createDate": -62135596800000,
"lastScanRange": 10000, "updateDate": -62135596800000,
"name": "", "services": [{
"ip": 3232235797,
"mac": 91754662913,
"os":"Windows",
"target":true,
"ports": [{
"createDate": -62135596800000, "createDate": -62135596800000,
"updateDate": -62135596800000, "updateDate": -62135596800000,
"services": [{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"portType": "TCP",
"serviceName": "HTTP"
}],
"portType": "TCP", "portType": "TCP",
"portNumber": 80 "serviceName": "HTTP"
}, }],
{ "portType": "TCP",
"createDate": -62135596800000, "portNumber": 80
"updateDate": -62135596800000,
"services": [{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"portType": "TCP",
"serviceName": "SSH"
}],
"portType": "TCP",
"portNumber": 22
},
{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"services": [{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"portType": "TCP",
"serviceName": "HTTP"
}],
"portType": "TCP",
"portNumber": 3343
},
{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"services": [{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"portType": "TCP",
"serviceName": "HTTP"
}],
"portType": "TCP",
"portNumber": 443
}],
"createDate": 1498470178000,
"updateDate": 1498470178000
}, },
{ {
"firstScanRange": 1, "createDate": -62135596800000,
"lastScanRange": 10000, "updateDate": -62135596800000,
"name": "", "services": [{
"ip": 3232235877, "createDate": -62135596800000,
"mac": 75361038758387, "updateDate": -62135596800000,
"os":"Windows", "portType": "TCP",
"ports": null, "serviceName": "HTTP"
"createDate": 1498470179000, }],
"updateDate": 1498470179000 "portType": "TCP",
} "portNumber": 1936
},
{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"services": null,
"portType": "TCP",
"portNumber": 443
}],
"createDate": 1498470178000,
"updateDate": 1498470178000
},
{
"firstScanRange": 1,
"lastScanRange": 10000,
"name": "",
"ip": 3232235797,
"mac": 91754662913,
"os": "Windows",
"target": true,
"ports": [{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"services": [{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"portType": "TCP",
"serviceName": "HTTP"
}],
"portType": "TCP",
"portNumber": 80
},
{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"services": [{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"portType": "TCP",
"serviceName": "SSH"
}],
"portType": "TCP",
"portNumber": 22
},
{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"services": [{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"portType": "TCP",
"serviceName": "HTTP"
}],
"portType": "TCP",
"portNumber": 3343
},
{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"services": [{
"createDate": -62135596800000,
"updateDate": -62135596800000,
"portType": "TCP",
"serviceName": "HTTP"
}],
"portType": "TCP",
"portNumber": 443
}],
"createDate": 1498470178000,
"updateDate": 1498470178000
},
{
"firstScanRange": 1,
"lastScanRange": 10000,
"name": "",
"ip": 3232235877,
"mac": 75361038758387,
"os": "Windows",
"ports": null,
"createDate": 1498470179000,
"updateDate": 1498470179000
}
] ]