lookyloo/website/web/templates/hostname.html

64 lines
1.8 KiB
HTML

{% from "macros.html" import shorten_string %}
{% block content %}
<center>
<h4>{{ hostname }}</h4>
<h6>Only the most recent captures are listed below, this will change soon.</h6>
</center>
<script type="text/javascript" nonce="{{ csp_nonce() }}">
new DataTable('#hostnameTable', {
order: [[ 0, "desc" ]],
columnDefs: [{ width: '20%', targets: 0,
render: (data) => {
const date = new Date(data);
return date.getFullYear() + '-' + (date.getMonth() + 1).toString().padStart(2, "0") + '-' + date.getDate().toString().padStart(2, "0") + ' ' + date.toTimeString();
}
},
{ width: '40%', targets: 1 },
{ width: '40%', targets: 2 }],
});
</script>
<table id="hostnameTable" class="table table-striped" style="width:100%">
<thead>
<tr>
<th>Capture Time</th>
<th>Capture Title</th>
<th>Landing page</th>
</tr>
</thead>
<tbody>
{% for capture_uuid, title, landing_page, capture_time, nodes in captures %}
<tr>
<td>
{{capture_time}}
</td>
<td>
<a href="{{ url_for('tree', tree_uuid=capture_uuid) }}">
{{ title }}
</a>
<br>
The capture contains this hostname in {{ nodes|length }} nodes, click below to see them on the tree:
<ul>
{% for node in nodes %}
<li>
<a href="{{ url_for('tree', tree_uuid=capture_uuid, node_uuid=node) }}">
{{ shorten_string(node, 50) }}
</a>
</li>
{% endfor %}
</ul>
</td>
<td>
<span class="d-inline-block text-break" style="max-width: 400px;">
{{ landing_page }}
</span>
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% endblock %}