blob: a5f6d16b03cb6314a8161450cd5a8c57ee22f949 (
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
|
import React from "react";
import Alert from "@mui/material/Alert";
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.user_presentation.description && (
<>
<br />
<Alert severity="info">
{this.props.user_presentation.description}
</Alert>
</>
)}
<h2>Custom info</h2>
<Details {...this.props} />
<h2>Latest scan | {this.props.timestamp_in_utc}</h2>
<div id="cves">
{this.props.result
.sort((a, b) => (a.vulnerable ? -1 : 1))
.map(cve => (
<CVE {...cve} />
))}
</div>
</Card>
);
}
}
function Details(props) {
return (
<>
<UserPresentation
description={props.user_presentation.description}
data={props.user_presentation.data}
/>
</>
);
}
function UserPresentation(props) {
return (
<table className="user-presentation">
{Object.entries(props.data).map(
([key, { data, display_name, description }]) => (
<UserPresentationElement
key={key}
data={data}
display_name={display_name}
description={description}
/>
)
)}
</table>
);
}
function UserPresentationElement(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;
|
