overflow_backup_2018_0455/test_web_router
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test

Browse Source
This commit is contained in:
insanity 2017-06-07 21:38:20 +09:00
parent f794bb1d35
commit d094c0bfca
1 changed files with 40 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

90
src/ts/containers/discovery/DiscoveryResult.tsx
View File

@ -12,21 +12,26 @@ const styles = {
},
};
export class DiscoveryResult extends React.Component<any, any> {
targets : any;
constructor(props: any, context: any) {
super(props, context);
this.state = {
result: [],
selected: [],
selectedHost: [],
selectedService: [],
};
}
componentWillMount() {
let data = '{"startDate":1496812121000,"endDate":1496812155000,"result":true,"zone":{"ip":3232235985,"mask":24,"iface":"enp0s3","mac":8796753988883,"firstScanRange":3232235777,"lastScanRange":3232236030,"hosts":[{"firstScanRange":1,"lastScanRange":10000,"name":"","ip":3232235985,"mac":8796753988883,"ports":null,"createDate":1496812124000,"updateDate":1496812124000},{"firstScanRange":1,"lastScanRange":10000,"name":"","ip":3232235881,"mac":23084201235582,"ports":[{"createDate":-62135596800000,"updateDate":-62135596800000,"services":[{"createDate":-62135596800000,"updateDate":-62135596800000,"portType":"TCP","serviceName":"SMTP"}],"portType":"TCP","portNumber":25},{"createDate":-62135596800000,"updateDate":-62135596800000,"services":[{"createDate":-62135596800000,"updateDate":-62135596800000,"portType":"TCP","serviceName":"HTTP"}],"portType":"TCP","portNumber":3000},{"createDate":-62135596800000,"updateDate":-62135596800000,"services":[{"createDate":-62135596800000,"updateDate":-62135596800000,"portType":"TCP","serviceName":"HTTP"}],"portType":"TCP","portNumber":80}],"createDate":1496812124000,"updateDate":1496812124000}]}}';
let obj = JSON.parse(data);
this.targets = new Array();
this.setState({
result: obj,
selected: []
});
}
@ -54,102 +59,69 @@ export class DiscoveryResult extends React.Component<any, any> {
}
handleNext = () => {
let c: TargetCreator = new TargetCreator();
for (var i = 0; i < this.state.selected.length; i++) {
var data = this.state.selected[i];
c.Add(data.ip, data.port.portNumber, data.portType, data.vendorName);
}
for (var i = 0; i < this.targets.length; i++) {
var target = this.targets[i];
console.log(target);
}
handleHostCheck = (checked: boolean, host: any) => {
let t = this.state.selected;
let obj = {
}
handleTargetCheck = (type: string, checked: boolean, host: any, port: any) => {
let obj: any;
if (type === "host") {
obj = {
"ip": host.ip,
"port": 0,
"portType": "",
"vendorName": host.name,
};
if (checked) {
for (var i = 0; i < t.length; i++) {
if (t[i] === obj) {
return;
}
}
t.push(obj);
} else {
for (var j = t.length - 1; j >= 0; j--) {
if (t[j] === obj) {
t.splice(j, 1);
}
}
}
this.setState({
selected: t,
});
}
handleServiceCheck = (checked: boolean, host: any, port: any) => {
let t = this.state.selected;
let obj = {
obj = {
"ip": host.ip,
"port": port.portNumber,
"portType": port.portType,
"vendorName": port.services[0].serviceName,
};
}
if (checked) {
for (var i = 0; i < t.length; i++) {
if (t[i] === obj) {
return;
}
}
t.push(obj);
this.targets.push(obj);
} else {
for (var j = t.length - 1; j >= 0; j--) {
if (t[j] === obj) {
t.splice(j, 1);
}
this.targets.pop(obj);
}
}
this.setState({
selected: t,
});
}
renderHosts = (zone: any) => {
renderHosts = (zone: any, num: number) => {
if (zone.hosts === null || zone.hosts.length === 0) {
return null;
}
return <div style={{ marginLeft: 20 }}>
{zone.hosts.map((host: any, index: number) => (
<div key={index}>
<Row type='host' host={host} name={Utils.int2ip(host.ip)} desc={host.mac} onCheck={this.handleHostCheck.bind(this)} />
{this.renderPorts(host)}
<Row type='host' id={num++} host={host} name={Utils.int2ip(host.ip)} desc={host.mac} onCheck={this.handleTargetCheck.bind(this)} />
{this.renderPorts(host, num)}
</div>
))}
</div>;
}
renderPorts = (host: any) => {
renderPorts = (host: any, num: number) => {
if (host.ports === null || host.ports.length === 0) {
return null;
}
return <div style={{ marginLeft: 20 }}>
{host.ports.map((port: any, index: number) => (
<div key={index}>
<Row type='service' host={host} port={port} name={port.portType + port.portNumber} desc={port.services[0].serviceName} onCheck={this.handleServiceCheck.bind(this)} />
<Row type='service' id={num++} host={host} port={port} name={port.portType + port.portNumber} desc={port.services[0].serviceName} onCheck={this.handleTargetCheck.bind(this)} />
</div>
))}
</div>;
}
render() {
var num = 0;
return (
<div style={{ margin: 20 }}>
<div>
@ -161,7 +133,7 @@ export class DiscoveryResult extends React.Component<any, any> {
</div>
<div>
Iface : {this.state.result.zone.iface}
checked: boolean, host: any, port: any Iface : {this.state.result.zone.iface}
</div>
<div>
IP : {Utils.int2ip(this.state.result.zone.ip)}/{this.state.result.zone.mask}
@ -171,7 +143,7 @@ export class DiscoveryResult extends React.Component<any, any> {
</div>
<div style={{ margin: 20 }} > Targets </div>
{this.renderHosts(this.state.result.zone)}
{this.renderHosts(this.state.result.zone, num)}
<RaisedButton label="Next" primary={true} onClick={this.handleNext.bind(this)} style={{ margin: 20 }} />
</div>
@ -187,11 +159,7 @@ export class Row extends React.Component<any, any> {
}
handleCheck(ev: any, checked: boolean) {
if (this.props.type === "host") {
this.props.onCheck(checked, this.props.host);
} else {
this.props.onCheck(checked, this.props.host, this.props.port);
}
this.props.onCheck(this.props.type, checked, this.props.host, this.props.port);
}
render() {