blob: f81871039dcd450e8f33194ee4fac4e4517414fb (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
|
import React from "react";
import Alert from "@mui/material/Alert";
import Button from "@mui/material/Button";
import Card from "@mui/material/Card";
class ScanDetail extends React.Component {
render() {
return (
<Card className="scan-detail" variant="outlined">
<div className="id">
<a href={`/${this.props._id}`}>#{this.props._id}</a>
</div>
<h2>General info</h2>
<table>
<tbody>
<tr>
<td>Domain</td>
<td>{this.props.domain}</td>
</tr>
<tr>
<td>Endpoint</td>
<td>{`${this.props.ip}:${this.props.port}`}</td>
</tr>
<tr>
<td>Hostname</td>
<td>{this.props.ptr}</td>
</tr>
<tr>
<td>Owner</td>
<td>{this.props.whois_description}</td>
</tr>
<tr>
<td>ASN</td>
<td>{`${this.props.asn} (${this.props.asn_country_code})`}</td>
</tr>
<tr>
<td>Abuse mail</td>
<td>{this.props.abuse_mail}</td>
</tr>
</tbody>
</table>
{this.props.description && (
<>
<br />
<Alert severity="info">{this.props.description}</Alert>
</>
)}
<h2>Custom info</h2>
<Custom {...this.props.custom_data} />
<h2
style={{
display: "flex",
justifyContent: "space-between"
}}
>
<div>
Latest scan:
{this.props.timestamp_in_utc}
</div>
<div>
<Button variant="contained">Re-scan</Button>
</div>
</h2>
<div id="cves">
{this.props.result
.sort((a, b) => (a.vulnerable ? -1 : 1))
.map(cve => (
<CVE {...cve} />
))}
</div>
</Card>
);
}
}
function Custom(props) {
return (
<table>
<tbody>
{Object.entries(props).map(
([key, { data, display_name, description }]) => (
<CustomElement
key={key}
data={data}
display_name={display_name}
description={description}
/>
)
)}
</tbody>
</table>
);
}
function CustomElement(props) {
return (
<tr>
<td>{props.display_name}</td>
<td>{props.data.toString()}</td>
<td style={{ fontStyle: "italic" }}>{props.description}</td>
</tr>
);
}
function CVE(props) {
return (
<Card
className={"cve" + (props.vulnerable ? " vulnerable" : "")}
variant="outlined"
>
{props.cve}
</Card>
);
}
export default ScanDetail;
|