blob: 5074aa9431059c27c420a8734773ea3d2f37071c (
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
|
import React from "react";
import Alert from "@mui/material/Alert";
import Card from "@mui/material/Card";
class ObjectComponent extends React.Component {
render() {
return (
<Card className="object" variant="outlined">
<div className="id">
<a href={`/${this.props._id}`}>#{this.props._id}</a>
</div>
<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>
<tr>
<td>Scan finished at</td>
<td>{this.props.timestamp_in_utc}</td>
</tr>
</tbody>
</table>
{this.props.user_presentation.description && (
<Alert severity="info" sx={{ marginTop: "1em" }}>
{this.props.user_presentation.description}
</Alert>
)}
<UserPresentation
description={this.props.user_presentation.description}
data={this.props.user_presentation.data}
/>
</Card>
);
}
}
function GenericTable(props) {
return (
<table>
<tbody>
{Object.entries(props.data).map(([key, value]) => {
return (
<tr key={key}>
<td>{key}</td>
<td>{value}</td>
</tr>
);
})}
</tbody>
</table>
);
}
function UserPresentation(props) {
return (
<div className="user-presentation" style={{ marginTop: "2em" }}>
{Object.entries(props.data).map(
([key, { data, display_name, description }]) => (
<UserPresentationElement
key={key}
data={data}
display_name={display_name}
description={description}
/>
)
)}
</div>
);
}
function UserPresentationElement(props) {
return (
<Card variant="outlined" sx={{ padding: "1em", marginTop: "1em" }}>
<b>{props.display_name}</b>: {props.data.toString()}
{props.description && (
<Alert severity="info" sx={{ marginTop: "0.5em" }}>
{props.description}
</Alert>
)}
</Card>
);
}
export default ObjectComponent;
|