AIL/ail-framework
8
0
Fork 0
mirror of https://github.com/ail-project/ail-framework.git synced 2025-01-31 06:26:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

chg: [tracker] collapse long rule

Browse source
This commit is contained in:
terrtia 2025-01-24 10:38:18 +01:00
parent 1cb4142718
commit 440c84e7fb
No known key found for this signature in database
GPG key ID: 1E1B1F50D84613D0
2 changed files with 34 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
var/www/static/css/ail-project.css
View file

@ -18,3 +18,11 @@
font-size: 16px;
pointer-events: none;
}
.text-collapse {
overflow: hidden;
display: block;
max-height: 3em;
line-height: 1.5em;
transition: max-height 0.3s ease-in-out;
}

27
var/www/templates/hunter/tracker_show.html
View file

@ -8,6 +8,7 @@
<link rel="icon" href="{{ url_for('static', filename='image/ail-icon.png') }}">
<!-- Core CSS -->
<link href="{{ url_for('static', filename='css/ail-project.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/bootstrap4.min.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/font-awesome.min.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/daterangepicker.min.css') }}" rel="stylesheet">
@ -219,7 +220,7 @@
{% if rule_content %}
<h5 class="mb-0">Yara Rule:</h5>
<p class="my-0">
<pre class="border bg-light">{{ rule_content }}</pre>
<pre class="text-collapse border bg-light">{{ rule_content }}</pre>
</p>
{% endif %}
@ -379,6 +380,7 @@
$('#div_edit_tags').hide();
$('#div_edit_description').hide();
$("#page-Tracker").addClass("active");
text_collapse();
$('#date-range-from').dateRangePicker({
separator: ' to ',
@ -437,6 +439,29 @@
}
}
function text_collapse() {
const textElements = document.querySelectorAll(".text-collapse");
textElements.forEach((textElement) => {
console.log(textElements)
const lineHeight = parseFloat(window.getComputedStyle(textElement).lineHeight);
const maxLines = 30;
const maxHeight = lineHeight * maxLines;
// Apply initial truncation
textElement.style.maxHeight = maxHeight + 'px';
// Hover effect
textElement.addEventListener("mouseenter", () => {
textElement.style.maxHeight = 'none';
});
textElement.addEventListener("mouseleave", () => {
textElement.style.maxHeight = maxHeight + 'px';
});
});
}
function edit_tags() {
$('#div_edit_mails').hide();
$('#div_edit_description').hide();