Merge pull request #1 from adrima01/interface

new interface
pull/910/head
Antonia Koch 2024-04-22 16:56:24 +02:00 committed by GitHub
commit d35993b765
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 53 additions and 59 deletions

View File

@ -31,13 +31,14 @@
#help {
text-align: center;
border-style: solid;
border-color: blue;
border-color: #0d6efd;
border-radius: 25px;
text-decoration: none;
height: 50px;
width: 50px;
background-color: blue;
background-color: #0d6efd;
color: white;
align-content: center;
}
#help:hover {
@ -116,8 +117,12 @@ hr {
padding: 5px;
}
.hstack{
height: 106.6px;
}
#menu_container_horizontal .container {
width: 800px;
width: 80%;
}
#menu_container_horizontal ul.components {
@ -138,18 +143,19 @@ hr {
/* NEW: Dropdown Menu */
/* Dropdown Button */
.dropbtn {
background-color: #3498db;
background-color: #0d6efd;
color: white;
font-size: 16px;
border: none;
cursor: pointer;
width: 180px;
text-align: center;
height: 40px;
}
/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
background-color: #2980b9;
background-color: #0067fc;
}
/* The container <div> - needed to position the dropdown content */
@ -224,4 +230,4 @@ hr {
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
}

View File

@ -248,108 +248,98 @@
</a>
</div>
<hr/>
<div class="mx-auto" style="width: 52px;">
<button type="button" class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#menu_vertical_content">
<span class="if-collapsed">
<img src="{{ url_for('static', filename='up.jpg') }}" class="arrow-down" alt="Maximize menu" height="25" width="25" title="Expand">
</span>
<span class="if-not-collapsed">
<img src="{{ url_for('static', filename='up.jpg') }}" alt="Minimize menu" height="25" width="25" title="Collapse">
</span>
</button>
<div class="mx-auto" style="text-align: center">
<b>Legend</b>
<button type="button" class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#menu_vertical_content">
<span class="if-collapsed">
<img src="{{ url_for('static', filename='up.jpg') }}" class="arrow-down" alt="Maximize menu" height="25" width="25" title="Expand">
</span>
<span class="if-not-collapsed">
<img src="{{ url_for('static', filename='up.jpg') }}" alt="Minimize menu" height="25" width="25" title="Collapse">
</span>
</button>
</div>
<div id="legend_container" class="tree-panel-container">
<div id=legend class="collapse show">
<center>
<div style="display: inline">
<b>Legend</b>
</div>
<div style="display: inline;">
<button type="button" class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#legend">
<img src="{{ url_for('static', filename='down.jpg') }}" alt="Minimize legend" height="25" width="25" title="Collapse">
</button>
</div>
</center>
<hr/>
<div title="The node contains at least one insecure (not HTTPS) request">
<img src="{{ url_for('static', filename='insecure.svg') }}" alt="Insecure requests"
height="20" width="20"> Unencrypted requests
</div>
<div title="This node contains only empty responses">
<img src="{{ url_for('static', filename='empty.svg') }}" alt="Empty responses"
height="20" width="20"> Empty responses
</div>
<div id=menu_vertical_content class="collapse show">
<hr/>
<div title="The node contains at least one insecure (not HTTPS) request">
<img src="{{ url_for('static', filename='insecure.svg') }}" alt="Insecure requests"
height="20" width="20"> Unencrypted requests
</div>
<div title="This node contains only empty responses">
<img src="{{ url_for('static', filename='empty.svg') }}" alt="Empty responses"
height="20" width="20"> Empty responses
</div>
<div title="Number of cookies received in the responses of this node">
<img src="{{ url_for('static', filename='cookie_received.png') }}" alt="Cookie received"
height="20" width="20"> Cookie received
</div>
<div title="Number of cookies sent in the requests of this node">
<img src="{{ url_for('static', filename='cookie_read.png') }}" alt="Cookie read"
height="20" width="20"> Cookie read
</div>
<div title="Number of redirects initiated by the responses of this node">
<img src="{{ url_for('static', filename='redirect.png') }}" alt="Redirect"
height="20" width="20"> Redirect
</div>
<div title="Number of resources loaded from iFrames in the responses in this node">
<img src="{{ url_for('static', filename='ifr.png') }}" alt="iFrame"
height="20" width="20"> iFrame
</div>
<div title="Number of JavaScript in the responses in this node">
<img src="{{ url_for('static', filename='javascript.png') }}" alt="JavaScript"
height="20" width="20"> Javascript
</div>
<div title="Number of fonts in the responses in this node">
<img src="{{ url_for('static', filename='font.png') }}" alt="Font"
height="20" width="20"> Font
</div>
<div title="Number of HTML in the responses in this node">
<img src="{{ url_for('static', filename='html.png') }}" alt="HTML"
height="20" width="20"> HTML
</div>
<div title="Number of JSON in the responses in this node">
<img src="{{ url_for('static', filename='json.png') }}" alt="JSON"
height="20" width="20"> JSON
</div>
<div title="Number of CSS in the responses in this node">
<img src="{{ url_for('static', filename='css.png') }}" alt="CSS"
height="20" width="20"> CSS
</div>
<div title="Number of executables in the responses in this node">
<img src="{{ url_for('static', filename='exe.png') }}" alt="EXE"
height="20" width="20"> EXE
</div>
<div title="Number of images in the responses in this node">
<img src="{{ url_for('static', filename='img.png') }}" alt="Image"
height="20" width="20"> Image
</div>
<div title="Number of videos in the responses in this node">
<img src="{{ url_for('static', filename='video.png') }}" alt="Video"
height="20" width="20"> Video
</div>
<div title="Number of unknown resources in the responses in this node">
<img src="{{ url_for('static', filename='wtf.png') }}" alt="Content type not set/unknown"
height="20" width="20"> Unknown content
</div>
<div title="The node contains a downloaded file">
<img src="{{ url_for('static', filename='download.png') }}" alt="Contains a downloaded file"
height="20" width="20"> Downloaded file
</div>
</div>
</div>
</div>
@ -380,7 +370,7 @@
data-bs-target="#screenshotModal" role="button">Page Screenshot</a>
</div>
</div>
<div class="vr"></div>
<div id="tools-menu" class="dropdown">
<button class="dropbtn">Analytical Tools</button>
<div id="tools-menu-content" class="dropdown-content">
@ -400,7 +390,7 @@
data-bs-toggle="modal" data-bs-target="#identifiersModal" role="button">Identifiers Capture</a>
</div>
</div>
<div class="vr"></div>
<div id="actions-menu" class="dropdown">
<button class="dropbtn">Actions</button>
<div id="actions-menu-content" class="dropdown-content">
@ -412,7 +402,7 @@
</div>
</div>
{% if current_user.is_authenticated %}
<div class="vr"></div>
<div id="admin-menu" class="dropdown">
<button class="dropbtn">Admin only</button>
<div id="admin-menu-content" class="dropdown-content">
@ -431,7 +421,7 @@
</div>
</div>
{% endif %}
{%if enable_categorization or enable_bookmark or enable_context_by_users %}
<div class="vr"></div>
<div class="col-md">
@ -456,7 +446,6 @@
</div>
{% endif %}
{% if enable_monitoring %}
<a href="#monitoringModal" data-bs-toggle="modal" data-bs-target="#monitoringModal" role="button" class="btn btn-outline-info" title="Take regularily captures of the URL">Monitor capture</a>
{% endif %}
@ -466,8 +455,7 @@
{% endif %}
<a id="help" href="https://www.lookyloo.eu/docs/main/usage.html#_investigate_a_capture" role="button" title="Lookyloo Manual">?</a>
</div>
</div>
</div>