lookyloo/website/web/templates/hostname_popup.html

241 lines
10 KiB
HTML
Raw Normal View History

2020-05-18 18:35:20 +02:00
{% extends "main.html" %}
2020-07-12 01:56:29 +02:00
{% from "macros.html" import sanejs_details %}
{% from "macros.html" import indexed_hash %}
{% from "macros.html" import indexed_cookies %}
2020-07-15 13:51:45 +02:00
{% from "macros.html" import popup_icons %}
2020-07-15 18:04:34 +02:00
{% from "macros.html" import shorten_string %}
{% from "macros.html" import other_captures_table %}
2020-05-18 18:35:20 +02:00
{% block title %}Details for {{ hostname }} {% endblock %}
2020-05-18 18:35:20 +02:00
{% block styles %}
{{ super() }}
<link rel="stylesheet" href="{{ url_for('static', filename='datatables.min.css') }}">
{% endblock %}
2020-05-18 18:35:20 +02:00
{% block scripts %}
2020-05-27 12:38:25 +02:00
{{ super() }}
<script src='{{ url_for('static', filename='datatables.min.js') }}'></script>
<script type="text/javascript">
$(document).ready(function () {
$('#table_other_captures').DataTable( {
"order": [[ 1, "desc" ]],
"paging": false,
"info": false,
"columns": [
{ "orderable": false},
{ "orderable": false},
{ "orderable": false}
],
"columnDefs": [{
"targets": 1,
"render": function ( data, type, row, meta ) {
let date = new Date(data);
return date.getFullYear() + '-' + (date.getMonth() + 1).toString().padStart(2, "0") + '-' + date.getDate().toString().padStart(2, "0") + ' ' + date.toTimeString();
}
}]
} );
});
</script>
2020-05-18 18:35:20 +02:00
<script>
2020-06-04 18:23:36 +02:00
function whereAmI(hostname_uuid) {
window.opener.LocateNode(hostname_uuid);
};
function flag(hostname_uuid) {
window.opener.PermanentNodeHighlight(hostname_uuid);
2020-05-18 18:35:20 +02:00
};
function openTreeInNewTab(capture_uuid, hostnode_uuid=Null) {
window.opener.openTreeInNewTab(capture_uuid, hostnode_uuid);
}
2020-05-18 18:35:20 +02:00
</script>
2020-05-27 12:38:25 +02:00
<script>
// Source: https://codepen.io/nathanlong/pen/ZpAmjv
function copyToClipboard(text, el) {
var elOriginalText = el.attr('data-original-title');
var copyTextArea = document.createElement("textarea");
copyTextArea.value = text;
document.body.appendChild(copyTextArea);
copyTextArea.select();
var successful = document.execCommand('copy');
var msg = successful ? 'Copied!' : 'Whoops, not copied!';
el.attr('data-original-title', msg).tooltip('show');
document.body.removeChild(copyTextArea);
el.attr('data-original-title', elOriginalText);
}
$(document).ready(function() {
// Copy to clipboard
// Grab any text in the attribute 'data-copy' and pass it to the copy function
$('.js-copy').tooltip();
2020-05-27 12:38:25 +02:00
$('.js-copy').click(function() {
var text = $(this).attr('data-copy');
var el = $(this);
copyToClipboard(text, el);
});
});
</script>
2020-05-18 18:35:20 +02:00
{% endblock %}
{% block content %}
2020-07-12 01:56:29 +02:00
{# Headers #}
<center>
<h3>{{ hostname }}</h3>
2020-07-30 17:45:07 +02:00
<button type="button" class="btn btn-info" onclick="whereAmI('{{ hostname_uuid }}')">Locate in tree</button>
2020-07-17 18:39:50 +02:00
<a href="{{ url_for('hostnode_details_text', tree_uuid=tree_uuid, node_uuid=hostname_uuid) }}" class="btn btn-info" role="button">Download URLs as text</a>
</center>
2020-07-12 01:56:29 +02:00
{# Start list of URLs #}
2020-05-22 17:36:22 +02:00
<ul class="list-group-flush">
2020-06-04 18:23:36 +02:00
{% for url in urls %}
2020-07-12 01:56:29 +02:00
{# URL Display #}
2020-05-23 03:37:24 +02:00
<li class="list-group-item">
2020-07-30 17:45:07 +02:00
<div class="h3" title={{ url['url_path'] }}>
2020-07-12 01:56:29 +02:00
{# HTTPs or not #}
2020-06-04 18:23:36 +02:00
{% if url['encrypted'] %}
2020-08-06 17:47:39 +02:00
<img src="/static/secure.svg" title="Encrypted request" width="21" height="21"/>
2020-05-27 12:38:25 +02:00
{% else %}
2020-08-06 17:47:39 +02:00
<img src="/static/insecure.svg" title="Unencrypted request" width="21" height="21"/>
2020-05-27 12:38:25 +02:00
{%endif%}
2020-07-12 01:56:29 +02:00
{# URL #}
2020-07-15 18:04:34 +02:00
... /{{ shorten_string(url['url_path'], 50)}}
2020-07-30 17:45:07 +02:00
{# Copy full URL to clipbard #}
<button type="button" class="btn btn-default btn-copy js-copy"
data-toggle="tooltip" data-placement="bottom" data-copy="{{ url['url_object'].name }}" data-original-title="Copy to clipboard">
<svg class="bi bi-clipboard" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
<path fill-rule="evenodd" d="M9.5 1h-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
</svg>
</button>
2020-05-27 12:38:25 +02:00
</div>
2020-05-23 03:37:24 +02:00
<ul class="list-group">
2020-07-17 18:39:50 +02:00
<li class="list-group-item">
<p class="h4">Request</p>
{{ popup_icons(keys_request, url['url_object'], tree_uuid) }}
{% if url['url_object'].posted_data %}
<a href="{{ url_for('urlnode_post_request', tree_uuid=tree_uuid, node_uuid=url['url_object'].uuid) }}">
Download posted data
</a></br>
Posted data size: {{ sizeof_fmt(url['url_object'].posted_data|length) }}
{% endif %}
{% if url['cookies_sent'] %}
<div>
<p class="h5">This request contains cookies.
<button class="btn btn-primary collapsed" type="button" data-toggle="collapse" data-target="#request_cookies_full_list_{{ url['url_object'].uuid }}" aria-expanded="false" aria-controls="collapseExample">
<span class="if-collapsed">Show cookies sent.</span>
<span class="if-not-collapsed">Hide cookies sent.</span>
</button>
</p>
<div class="collapse" id="request_cookies_full_list_{{ url['url_object'].uuid }}">
<div class="card card-body">
{{ indexed_cookies("List of cookies sent in the request", "Node setting this cookie", url['cookies_sent']) }}
2020-07-17 18:39:50 +02:00
</div>
</div>
</div>
{% endif %}
</li>
2020-05-23 03:37:24 +02:00
<li class="list-group-item">
{# Details of the response #}
2020-08-07 15:14:13 +02:00
<p class="h4">Response
<small>(Status code:
<span title="{{ http_status_description(url['url_object'].response['status']) }}">{{ url['url_object'].response['status'] }})</span>
</small>
</p>
2020-07-15 13:51:45 +02:00
{{ popup_icons(keys_response, url['url_object'], tree_uuid) }}
2020-05-28 17:33:43 +02:00
{% if url['url_object'].empty_response %}
Empty body.
2020-05-23 03:37:24 +02:00
{% else %}
Body size: {{ sizeof_fmt(url['url_object'].body.getbuffer().nbytes) }}
2020-05-22 17:36:22 +02:00
{%endif%}
2020-05-27 12:38:25 +02:00
{% if url['sane_js'] %}
2020-07-12 01:56:29 +02:00
{# Result from SaneJS for the response #}
{{ sanejs_details(url['sane_js']) }}
{% endif %}
2020-07-12 01:56:29 +02:00
{# Everything we know about the response content #}
2020-07-15 01:35:55 +02:00
{% if url['body_hash_details'] and url['body_hash_details']['hash_freq'] %}
<div>
This file can be found <b>{{ url['body_hash_details']['hash_freq'] }}</b> times
across all the captures on this lookyloo instance, in <b>{{ url['body_hash_details']['hash_domains_freq'] }}</b> unique domains.
</br>
2020-07-12 01:56:29 +02:00
{# other captures related wit the same dontent #}
2020-07-11 02:10:56 +02:00
{% if 'other_captures' in url['body_hash_details'] %}
2020-07-12 01:56:29 +02:00
{{ indexed_hash(url['body_hash_details']['other_captures'], url['url_object'].uuid) }}
{% endif %}
2020-07-12 01:56:29 +02:00
{# Link to list of captures with the same hash #}
<p>
<a href="{{ url_for('body_hash_details', body_hash=url['url_object'].body_hash) }}">
Show more information about this response body.
2020-07-12 01:56:29 +02:00
</a>
</p>
</div>
{% endif %}
2020-05-28 17:33:43 +02:00
{% if url['embedded_ressources'] %}
2020-07-12 01:56:29 +02:00
{# Details on embedded resources #}
2020-07-17 18:39:50 +02:00
<div><b>This response contains embedded ressources</b>
<button class="btn btn-primary collapsed" type="button" data-toggle="collapse" data-target="#embedded_full_list_{{ url['url_object'].uuid }}" aria-expanded="false" aria-controls="collapseExample">
<span class="if-collapsed">Show embedded resources.</span>
<span class="if-not-collapsed">Hide embedded resources.</span>
</button>
2020-07-17 18:39:50 +02:00
</div>
<div class="collapse" id="embedded_full_list_{{ url['url_object'].uuid }}">
<div class="card card-body">
{% for hash, details in url['embedded_ressources'].items() %}
{% if details['sane_js'] %}
2020-07-12 01:56:29 +02:00
{# Result from SaneJS for the embedded ressources #}
{{ sanejs_details(details['sane_js']) }}
{% endif %}
<div>
This file (<b>{{ details['type'] }}</b>) can be found <b>{{ details['hash_freq'] }}</b> times
across all the captures on this lookyloo instance, in <b>{{ details['hash_domains_freq'] }}</b> unique domains.
2020-07-11 02:10:56 +02:00
<form method="post" action="{{ url_for('get_embedded_ressource', tree_uuid=tree_uuid, node_uuid=url['url_object'].uuid) }}">
<button class="btn btn-primary" name="ressource_hash" value="{{ hash }}">Download the embedded ressource</button>
</form>
</br>
2020-07-11 02:10:56 +02:00
{% if 'other_captures' in details %}
2020-07-12 01:56:29 +02:00
{{ indexed_hash(details['other_captures'], hash) }}
{% endif %}
<p><a href="{{ url_for('body_hash_details', body_hash=url['url_object'].body_hash) }}">
Show more information about this embedded content.
</a></p>
</div>
{% endfor %}
</div>
</div>
{% endif %}
2020-06-04 18:23:36 +02:00
{% if url['cookies_received'] %}
2020-06-11 15:13:31 +02:00
<div>
<p class="h5">This response contains cookies.
2020-07-17 18:39:50 +02:00
<button class="btn btn-primary collapsed" type="button" data-toggle="collapse" data-target="#response_cookies_full_list_{{ url['url_object'].uuid }}" aria-expanded="false" aria-controls="collapseExample">
<span class="if-collapsed">Show cookies received.</span>
<span class="if-not-collapsed">Hide cookies received.</span>
</button>
</p>
<div class="collapse" id="response_cookies_full_list_{{ url['url_object'].uuid }}">
<div class="card card-body">
{{ indexed_cookies("This response contains 3rd party cookies:", "Node sending this cookie", url['cookies_received']['3rd_party']) }}
{{ indexed_cookies("Cookies, sent somewhere in the capture", "Node sending this cookie", url['cookies_received']['sent']) }}
{{ indexed_cookies("Cookies, never sent", "", url['cookies_received']['not_sent']) }}
</div>
</div>
</div>
2020-06-04 18:23:36 +02:00
{% endif %}
2020-05-23 03:37:24 +02:00
</li>
2020-06-09 15:06:35 +02:00
</ul>
2020-05-23 03:37:24 +02:00
</li>
{% endfor %}
2020-05-22 17:36:22 +02:00
</ul>
2020-05-18 18:35:20 +02:00
{% endblock %}