chg: Improve menus on tree page

pull/588/head
Raphaël Vinot 2023-01-24 13:03:49 +01:00
parent fbcb99f163
commit c4998b7122
3 changed files with 68 additions and 62 deletions

View File

@ -35,7 +35,7 @@
"stats.css": "/kY943FwWBTne4IIyf7iBROSfbGd82TeBicEXqKkRwawMVRIvM/Pk5MRa7okUyGIxaDjFQGmV/U1vy+PhN6Jbw==",
"stats_graph.js": "0OEouA6NAxLG2wMd7D2vtGoMrXKna7My98Euc6ecyfdO4/6mIJS87vzISOS4zSZ8u4ehpa+p7E0nWhsXXE7H/Q==",
"tree.css": "R/pWQnE8kMacDrzGy/NpA1tJoHAZpOjFiX6dqtBe+PqAnhYMn1CIQzODh8Ifvh6hBTPLRWX3bsabfEvfaI7Z6A==",
"tree.js": "N7JU+dJ+8pVPZSzw4zGxO+kzukGBC2BmQYpzfIP4fiENch9cbIJc8lu+7Pwomp8DxbA5RDDvfHauUKHb14JqRQ==",
"tree.js": "X+gT3uo2vpkuRPv4fCsxYmZPwRJQl+CKbev0O7jFwUbobqSi7s2m1Flrls0ObL7DCpOjgPBSDVTZFt/wv9G+hw==",
"up.jpg": "d1ljZJ9f5JekyM6RLFFH2Ua44j6neiQBdUIXOenRTjGppQr3JaeglpQIH6BjPCJL177+TH52U3UIRNS5YAyKIg==",
"up_right.jpg": "OMmz+n+MxR34P8/fn5t4DkqKqdJRzQbXQ7fAi2lhkZIJGhVs2vIyY1f2hpYoBxDAX1OcYsSE2lqIR2vXNDGZsA==",
"video.png": "gJtmkfr8I1Kw43pYEKjg6CAjgmhl1vIBKBQ3ZkxCu3wvxQm+6kf93iLrrFiY2WuiXzxEn2Leu52GJzmVN5id0g==",

View File

@ -3,7 +3,7 @@
// Set the dimensions and margins of the diagram
let margin = {
top: 170,
top: document.getElementById('menu_horizontal_content').clientHeight + 10,
right: 200,
bottom: 10,
left: 90

View File

@ -183,19 +183,19 @@
</center>
<hr/>
<div id=menu_vertical_content class="collapse show">
<ul class="list-unstyled components">
<li>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<a href="#detailsModal" data-bs-toggle="modal" data-bs-target="#detailsModal" role="button">Capture Details</a>
</li>
<li>
<li class="list-group-item">
<a href="https://www.lookyloo.eu/docs/main/usage.html#_investigate_a_capture" role="button">Lookyloo Manual</a>
</li>
<li>
<li class="list-group-item">
<a href="{{ url_for('index') }}" role="button">Homepage</a>
</li>
{% if enable_mail_notification %}
<hr/>
<li>
<li class="list-group-item">
<a href="#emailModal" data-bs-toggle="modal" data-bs-target="#emailModal" role="button" class="btn btn-outline-danger">Report suspicious</br>capture</a>
</li>
{% endif %}
@ -217,82 +217,88 @@
</button>
</div>
<div id="menu_horizontal_content" class="collapse show flex-grow-1 ms-3 container">
<div class="hstack gap-3">
<div class="hstack gap-3">
<div class="vr"></div>
<div class="col-md">
<ul class="list-group list-group-flush">
<li class="list-group-item">
<a href="#screenshotModal" data-bs-toggle="modal"
data-bs-target="#screenshotModal" role="button">Page Screenshot</a>
</li>
<li class="list-group-item">
<a href="#statsModal" data-remote="{{ url_for('stats', tree_uuid=tree_uuid) }}"
data-bs-toggle="modal" data-bs-target="#statsModal" role="button">Statistics</a>
</li>
<li class="list-group-item">
<a href="#modulesModal" data-remote="{{ url_for('trigger_modules', tree_uuid=tree_uuid, force=False) }}"
data-bs-toggle="modal" data-bs-target="#modulesModal" role="button">Third Party Reports</a>
</li>
<li class="list-group-item">
<a href="#hashlookupModal" data-remote="{{ url_for('hashlookup', tree_uuid=tree_uuid) }}"
data-bs-toggle="modal" data-bs-target="#hashlookupModal" role="button">Hashlookup hits</a>
</li>
</ul>
</div>
<div class="vr"></div>
<div class="col-sm">
<ul class="list-unstyled components">
<li>
<a href="#screenshotModal" data-bs-toggle="modal" data-bs-target="#screenshotModal" role="button">Page Screenshot</a>
<div class="col-md">
<ul class="list-group list-group-flush">
<li class="list-group-item">
<a href="#urlsInPageModal" data-remote="{{ url_for('urls_rendered_page', tree_uuid=tree_uuid) }}"
data-bs-toggle="modal" data-bs-target="#urlsInPageModal" role="button">Subsequent Captures</a>
</li>
<li>
<a href="#statsModal" data-remote="{{ url_for('stats', tree_uuid=tree_uuid) }}"
data-bs-toggle="modal" data-bs-target="#statsModal" role="button">Tree Statistics</a>
<li class="list-group-item">
<a href="{{ url_for('recapture', tree_uuid=tree_uuid) }}" role="button">Re-Capture</a>
</li>
<li>
<li class="list-group-item">
<a href="#downloadModal" data-remote="{{ url_for('hashlookup', tree_uuid=tree_uuid) }}"
data-bs-toggle="modal" data-bs-target="#downloadModal" role="button">Download elements</a>
</li>
<li class="list-group-item">
<a href="#bodyHashesModal" data-remote="{{ url_for('tree_body_hashes', tree_uuid=tree_uuid) }}"
data-bs-toggle="modal" data-bs-target="#bodyHashesModal" role="button">Tree ressources</a>
data-bs-toggle="modal" data-bs-target="#bodyHashesModal" role="button">Ressources Capture</a>
</li>
<li>
<a href="#modulesModal" data-remote="{{ url_for('trigger_modules', tree_uuid=tree_uuid, force=False) }}"
data-bs-toggle="modal" data-bs-target="#modulesModal" role="button">Third Party Reports</a>
</li>
{% if current_user.is_authenticated %}
<li>
</ul>
</div>
{% if current_user.is_authenticated %}
<div class="vr"></div>
<div class="col-md">
<ul class="list-group list-group-flush">
<li class="list-group-item">
<a href="#historyModal" data-remote="{{ url_for('historical_lookups', tree_uuid=tree_uuid, force=False) }}"
data-bs-toggle="modal" data-bs-target="#historyModal" role="button">Historical lookups</a>
</li>
{% endif %}
<li>
<a href="#hashlookupModal" data-remote="{{ url_for('hashlookup', tree_uuid=tree_uuid) }}"
data-bs-toggle="modal" data-bs-target="#hashlookupModal" role="button">Hashlookup hits</a>
</li>
</ul>
</div>
<div class="vr"></div>
<div class="col-sm">
<ul class="list-unstyled components">
<li>
<a href="#urlsInPageModal" data-remote="{{ url_for('urls_rendered_page', tree_uuid=tree_uuid) }}"
data-bs-toggle="modal" data-bs-target="#urlsInPageModal" role="button">Run Subsequent Captures</a>
</li>
<li>
<a href="{{ url_for('recapture', tree_uuid=tree_uuid) }}" role="button">Re-Capture URL</a>
</li>
<li>
<a href="#downloadModal" data-remote="{{ url_for('hashlookup', tree_uuid=tree_uuid) }}"
data-bs-toggle="modal" data-bs-target="#downloadModal" role="button">Download capture elements</a>
</li>
</ul>
</div>
{%if enable_categorization or (current_user.is_authenticated and misp_push) or enable_bookmark or enable_context_by_users %}
<div class="vr"></div>
<div class="col-sm">
<ul class="list-unstyled components">
{% if enable_categorization %}
<li>
<a href="#categoriesModal" data-remote="{{ url_for('categories_capture', tree_uuid=tree_uuid) }}"
data-bs-toggle="modal" data-bs-target="#categoriesModal" role="button">Manage categories</a>
</li>
{% endif %}
{% if current_user.is_authenticated and misp_push%}
<li>
{% if misp_push%}
<li class="list-group-item">
<a href="#mispPushModal" data-remote="{{ url_for('web_misp_push_view', tree_uuid=tree_uuid) }}"
data-bs-toggle="modal" data-bs-target="#mispPushModal" role="button">Prepare push to MISP</a>
</li>
{% endif %}
{% if current_user.is_authenticated and misp_lookup%}
<li>
{% if misp_lookup%}
<li class="list-group-item">
<a href="#mispLookupModal" data-remote="{{ url_for('web_misp_lookup_view', tree_uuid=tree_uuid) }}"
data-bs-toggle="modal" data-bs-target="#mispLookupModal" role="button">Search events on MISP</a>
</li>
{% endif %}
</ul>
</div>
{% endif %}
{%if enable_categorization or enable_bookmark or enable_context_by_users %}
<div class="vr"></div>
<div class="col-md">
<ul class="list-group list-group-flush">
{% if enable_categorization %}
<li class="list-group-item">
<a href="#categoriesModal" data-remote="{{ url_for('categories_capture', tree_uuid=tree_uuid) }}"
data-bs-toggle="modal" data-bs-target="#categoriesModal" role="button">Manage categories</a>
</li>
{% endif %}
{% if enable_bookmark %}
<li>
<li class="list-group-item">
<a href="#/" role="button" onclick="UnbookmarkAllNodes();">Unbookmark all nodes</a>
</li>
{% endif %}
{% if enable_context_by_users %}
<li>
<li class="list-group-item">
<a href="#/" role="button" onclick="MarkAsKnown('{{ tree_uuid }}');">Mark all the captures' entries as known</a>
</li>
{% endif %}