2023-05-11 16:21:43 +02:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< title > AIL Framework - AIL< / title >
< link rel = "icon" href = "{{ url_for('static', filename='image/ail-icon.png') }}" >
<!-- Core CSS -->
2025-01-24 10:38:18 +01:00
< link href = "{{ url_for('static', filename='css/ail-project.css') }}" rel = "stylesheet" >
2023-05-11 16:21:43 +02:00
< 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" >
< link href = "{{ url_for('static', filename='css/dataTables.bootstrap.min.css') }}" rel = "stylesheet" >
<!-- JS -->
< script src = "{{ url_for('static', filename='js/jquery.js') }}" > < / script >
< script src = "{{ url_for('static', filename='js/popper.min.js') }}" > < / script >
< script src = "{{ url_for('static', filename='js/bootstrap4.min.js') }}" > < / script >
< script src = "{{ url_for('static', filename='js/jquery.dataTables.min.js') }}" > < / script >
< script src = "{{ url_for('static', filename='js/dataTables.bootstrap.min.js') }}" > < / script >
< script language = "javascript" src = "{{ url_for('static', filename='js/d3.min.js') }}" > < / script >
< script src = "{{ url_for('static', filename='js/d3/sparklines.js') }}" > < / script >
< script src = "{{ url_for('static', filename='js/d3/graphlinesgroup.js') }}" > < / script >
< script language = "javascript" src = "{{ url_for('static', filename='js/moment.min.js') }}" > < / script >
< script language = "javascript" src = "{{ url_for('static', filename='js/jquery.daterangepicker.min.js') }}" > < / script >
< style >
.btn-link {
color: #17a2b8
}
.btn-link:hover {
color: blue;
}
.mouse_pointer {
cursor: pointer;
}
< / style >
< / head >
< body >
{% include 'nav_bar.html' %}
2024-03-27 11:03:27 +01:00
{% include 'modals/tracker_remove_object.html' %}
2023-05-11 16:21:43 +02:00
< div class = "container-fluid" >
< div class = "row" >
{% include 'hunter/menu_sidebar.html' %}
< div class = "col-12 col-lg-10" id = "core_content" >
< div class = "row" >
< div class = "col-lg-4" >
< div class = "card my-2" >
< div class = "card-header bg-dark text-white" >
< span class = "badge badge-light lex-row-reverse float-right" >
< span id = "sparkline" > < / span >
< / span >
< h4 class = "card-title" >
{% if meta['description'] %}
{{ meta['description'] }}
{% else %}
{{ meta['uuid'] }}
{% endif %}
< / h4 >
< / div >
< div class = "card-body bg-light pt-2" >
< table class = "table table-borderless" >
< tbody >
< tr >
< td class = "text-right" > < b > Type< / b > < / td >
< td >
{% if meta['type'] == 'word' %}
< i class = "fas fa-font" > < / i >
{% elif meta['type'] == 'set' %}
< i class = "fas fa-layer-group" > < / i >
{% elif meta['type'] == 'regex' %}
< i class = "fas fa-compass" > < / i >
{% elif meta['type'] == 'typosquatting' %}
< i class = "fas fa-clone" > < / i >
{% elif meta['type'] == 'yara' %}
< span class = "bg-danger text-white font-weight-bold" style = "font-size: 120%" > { < / span >
{% endif %}
{{ meta['type'] }}
< / td >
< / tr >
< tr >
< td class = "text-right" > < b > Tracked< / b > < / td >
< td >
{% if meta['type'] == 'typosquatting' %}
2023-08-01 11:30:45 +02:00
< a class = "btn btn-primary" data-toggle = "collapse" href = "#collapseTypo" role = "button" aria-expanded = "false" aria-controls = "collapseTypo" data-toggle = "tooltip" title = "Show Variations" >
{{ meta['tracked'] }} < i class = "fas fa-chevron-circle-down" > < / i >
2023-05-11 16:21:43 +02:00
< / a >
< div class = "collapse" id = "collapseTypo" >
< div class = "card card-body" >
{% if typo_squatting %}
{% for typo in typo_squatting %}
{{typo}}
< br / >
{% endfor %}
{% endif %}
< / div >
< / div >
{% else %}
{{ meta['tracked'] }}
{% endif %}
< / td >
< / tr >
< tr >
< td class = "text-right" > < b > Date< / b > < / td >
< td >
{{meta['date'][0:4]}}/{{meta['date'][4:6]}}/{{meta['date'][6:8]}}
< / td >
< / tr >
< tr >
< td class = "text-right" > < b > Level< / b > < / td >
< td >
{% if meta['level'] == 0 %}
2024-08-26 15:56:46 +02:00
My User
{% elif meta['level'] == 1 %}
2023-05-11 16:21:43 +02:00
Global
2024-08-26 15:56:46 +02:00
{% elif meta['level'] == 2 %}
My Organisation
2023-05-11 16:21:43 +02:00
{% endif %}
< / td >
< / tr >
< tr >
< td class = "text-right" > < b > Creator< / b > < / td >
< td > {{meta['user']}}< / td >
< / tr >
2024-09-06 13:46:04 +02:00
< tr >
< td class = "text-right" > < b > Org< / b > < / td >
2024-09-06 14:45:11 +02:00
< td >
{% if meta['org'] %}
{{meta['org_name']}}< br > {{ meta['org'] }}
{% endif %}
< / td >
2024-09-06 13:46:04 +02:00
< / tr >
2023-05-11 16:21:43 +02:00
< tr >
< td class = "text-right" > < b > First Seen< / b > < / td >
< td >
{% if meta['first_seen'] %}
{{ meta['first_seen'][0:4] }} / {{ meta['first_seen'][4:6] }} / {{ meta['first_seen'][6:8] }}
{% endif %}
< / td >
< / tr >
< tr >
< td class = "text-right" > < b > Last Seen< / b > < / td >
< td >
{% if meta['last_seen'] %}
{{ meta['last_seen'][0:4] }} / {{ meta['last_seen'][4:6] }} / {{ meta['last_seen'][6:8] }}
{% endif %}
< / td >
< / tr >
< tr >
< td class = "text-right" > < b > Tags< / b > < / td >
< td >
{%for tag in meta['tags']%}
< span class = "badge badge-{{ bootstrap_label[loop.index0 % 5] }}" > {{ tag }}< / span >
{%endfor%}
< / td >
< / tr >
< tr >
< td class = "text-right" > < b > Mails< / b > < / td >
< td >
{% for mail in meta['mails'] %}
< div > {{ mail }}< / div >
{% endfor %}
< / td >
< / tr >
< tr >
< td class = "text-right" > < b > Webhook< / b > < / td >
< td > {{meta['webhook']}}< / td >
< / tr >
< tr >
< td class = "text-right" > < b > Filters< / b > < / td >
< td >
< div class = "" >
{% if meta['filters'] %}
< pre > {{ meta['filters'] }}< / pre >
{% else %}
< span class = "badge badge-secondary" > No Filters< / span > < br >
{% endif %}
< / div >
< / td >
< / tr >
< tr >
< td class = "text-right" > < b > Objects Match< / b > < / td >
< td >
{%for obj_type in meta['nb_objs']%}
< h4 > < span class = "badge badge-{{ bootstrap_label[loop.index0 % 5] }}" >
{{ obj_type }}
< span class = "badge badge-light" > {{ meta['nb_objs'][obj_type] }}< / span >
< / span > < / h4 >
{%endfor%}
< / td >
< / tr >
< / tbody >
< / table >
< div class = "d-flex flex-row-reverse" >
< a href = "{{ url_for('hunters.tracker_delete') }}?uuid={{ meta['uuid'] }}" style = "font-size: 15px" >
< button class = 'btn btn-danger' > < i class = "fas fa-trash-alt" > < / i > < / button >
< / a >
< a href = "{{ url_for('hunters.tracker_edit') }}?uuid={{ meta['uuid'] }}" class = "mx-2" style = "font-size: 15px" >
< button class = 'btn btn-info' > Edit Tracker < i class = "fas fa-pencil-alt" > < / i > < / button >
< / a >
< / div >
< / div >
< / div >
< / div >
< div class = "col-lg-8 mt-1" >
{% if rule_content %}
< h5 class = "mb-0" > Yara Rule:< / h5 >
< p class = "my-0" >
2025-01-31 15:43:34 +01:00
< pre class = "text-collapse border bg-light mb-0" >
{{ rule_content }}
< / pre >
< button class = "btn btn-info btn-sm" id = "btn_read_more" > Show more< / button >
2023-05-11 16:21:43 +02:00
< / p >
{% endif %}
2025-01-16 16:37:52 +01:00
< form action = "{{ url_for('hunters.show_tracker') }}" method = 'post' >
< input id = "tracker_uuid" name = "tracker_uuid" class = "form-control" type = "text" value = "{{ meta['uuid'] }}" hidden >
2023-05-11 16:21:43 +02:00
2025-01-16 16:37:52 +01:00
< div class = "card mb-5 mt-1" >
< div class = "card-body" >
< div class = "row mb-3" >
< div class = "col-md-6" >
< div class = "input-group" id = "date-range-from" >
< div class = "input-group-prepend" > < span class = "input-group-text" > < i
class="far fa-calendar-alt" aria-hidden="true">< / i > < / span > < / div >
< input class = "form-control" id = "date-range-from-input" placeholder = "yyyy-mm-dd"
name="date_from" autocomplete="off"
{% if meta['date_from'] %}value="{{ meta['date_from'][0:4] }}-{{ meta['date_from'][4:6] }}-{{ meta['date_from'][6:8] }}"
{% elif meta['first_seen'] %}value="{{ meta['first_seen'][0:4] }}-{{ meta['first_seen'][4:6] }}-{{ meta['first_seen'][6:8] }}"
{% endif %}>
< / div >
< / div >
< div class = "col-md-6" >
< div class = "input-group" id = "date-range-to" >
< div class = "input-group-prepend" > < span class = "input-group-text" > < i
class="far fa-calendar-alt" aria-hidden="true">< / i > < / span > < / div >
< input class = "form-control" id = "date-range-to-input" placeholder = "yyyy-mm-dd"
name="date_to" autocomplete="off"
{% if meta['date_to'] %}value="{{ meta['date_to'][0:4] }}-{{ meta['date_to'][4:6] }}-{{ meta['date_to'][6:8] }}"
{% elif meta['last_seen'] %}value="{{ meta['last_seen'][0:4] }}-{{ meta['last_seen'][4:6] }}-{{ meta['last_seen'][6:8] }}"
{% endif %}>
< / div >
2023-05-11 16:21:43 +02:00
< / div >
< / div >
2025-01-16 16:37:52 +01:00
< h5 > Filter Objects:< / h5 >
< div class = "row" >
< div class = "col-lg-6" >
< div class = "custom-control custom-switch mt-1" >
< input class = "custom-control-input" type = "checkbox" name = "decoded_obj" id = "decoded_obj" { % if ' decoded ' in filter_obj_types or filter_obj_types | length = = 0 % } checked = "" { % endif % } >
< label class = "custom-control-label" for = "decoded_obj" > < i class = "fas fa-lock-open" > < / i > Decoded < i class = "fas fa-info-circle text-info" data-toggle = "tooltip" data-placement = "right" title = "Content that has been decoded from an encoded format, such as base64" > < / i > < / label >
< / div >
< div class = "custom-control custom-switch mt-1" >
< input class = "custom-control-input" type = "checkbox" name = "item_obj" id = "item_obj" { % if ' item ' in filter_obj_types or filter_obj_types | length = = 0 % } checked = "" { % endif % } >
< label class = "custom-control-label" for = "item_obj" > < i class = "fas fa-file" > < / i > Item < i class = "fas fa-info-circle text-info" data-toggle = "tooltip" data-placement = "right" title = "Text that has been processed by AIL. It can include various types of extracted information" > < / i > < / label >
< / div >
< div class = "custom-control custom-switch mt-1" >
< input class = "custom-control-input" type = "checkbox" name = "pgp_obj" id = "pgp_obj" { % if ' pgp ' in filter_obj_types or filter_obj_types | length = = 0 % } checked = "" { % endif % } >
< label class = "custom-control-label" for = "pgp_obj" > < i class = "fas fa-key" > < / i > PGP < i class = "fas fa-info-circle text-info" data-toggle = "tooltip" data-placement = "right" title = "PGP key/block metadata" > < / i > < / label >
< / div >
< div class = "custom-control custom-switch mt-1" >
< input class = "custom-control-input" type = "checkbox" name = "title_obj" id = "title_obj" { % if ' title ' in filter_obj_types or filter_obj_types | length = = 0 % } checked = "" { % endif % } >
< label class = "custom-control-label" for = "title_obj" > < i class = "fas fa-heading" > < / i > Title < i class = "fas fa-info-circle text-info" data-toggle = "tooltip" data-placement = "right" title = "Title that has been extracted from a HTML page" > < / i > < / label >
< / div >
< / div >
< div class = "col-lg-6" >
< div class = "custom-control custom-switch mt-1" >
< input class = "custom-control-input" type = "checkbox" name = "message_obj" id = "message_obj" { % if ' message ' in filter_obj_types or filter_obj_types | length = = 0 % } checked = "" { % endif % } >
< label class = "custom-control-label" for = "message_obj" > < i class = "fas fa-comment-dots" > < / i > Message < i class = "fas fa-info-circle text-info" data-toggle = "tooltip" data-placement = "right" title = "Messages from Chats" > < / i > < / label >
< / div >
< div class = "custom-control custom-switch mt-1" >
< input class = "custom-control-input" type = "checkbox" name = "ocr_obj" id = "ocr_obj" { % if ' ocr ' in filter_obj_types or filter_obj_types | length = = 0 % } checked = "" { % endif % } >
< label class = "custom-control-label" for = "ocr_obj" > < i class = "fas fa-expand" > < / i > OCR < i class = "fas fa-info-circle text-info" data-toggle = "tooltip" data-placement = "right" title = "Text extracted from Images" > < / i > < / label >
< / div >
< div class = "custom-control custom-switch mt-1" >
< input class = "custom-control-input" type = "checkbox" name = "barcode_obj" id = "barcode_obj" { % if ' barcode ' in filter_obj_types or filter_obj_types | length = = 0 % } checked = "" { % endif % } >
< label class = "custom-control-label" for = "barcode_obj" > < i class = "fas fa-barcode" > < / i > Barcode < i class = "fas fa-info-circle text-info" data-toggle = "tooltip" data-placement = "right" title = "Qcodes Extracted from Images ans Screenshots" > < / i > < / label >
< / div >
< div class = "custom-control custom-switch mt-1" >
< input class = "custom-control-input" type = "checkbox" name = "qrcode_obj" id = "qrcode_obj" { % if ' qrcode ' in filter_obj_types or filter_obj_types | length = = 0 % } checked = "" { % endif % } >
< label class = "custom-control-label" for = "qrcode_obj" > < i class = "fas fa-qrcode" > < / i > Qrcode < i class = "fas fa-info-circle text-info" data-toggle = "tooltip" data-placement = "right" title = "Qcodes Extracted from Images ans Screenshots" > < / i > < / label >
< / div >
2023-05-11 16:21:43 +02:00
< / div >
< / div >
2025-01-16 16:37:52 +01:00
< button class = "btn btn-info mt-2" >
< i class = "fas fa-search" > < / i > Tracked Objects
< / button >
2023-05-11 16:21:43 +02:00
2025-01-16 16:37:52 +01:00
< / div >
2023-05-11 16:21:43 +02:00
< / div >
2025-01-16 16:37:52 +01:00
< / form >
2023-05-11 16:21:43 +02:00
< / div >
< / div >
{% if meta['objs'] %}
< hr >
< div class = "mt-4" >
< table id = "myTable_" class = "table table-striped border-primary" >
< thead class = "bg-dark text-white" >
< tr >
< th > Type< / th >
< th > < / th >
< th > Id< / th >
2024-03-22 11:37:35 +01:00
< th > Last Date< / th >
2023-05-11 16:21:43 +02:00
< th > < / th >
< / tr >
< / thead >
< tbody style = "font-size: 15px;" >
{% for object in meta['objs'] %}
< tr class = "border-color: blue;" >
< td >
{% with style=object['icon']['style'], icon=object['icon']['icon'] , color=object['icon']['color'] %}
{% include 'objects/obj_svg_block.html' %}
{% endwith %}
{{ object['type']}}
< / td >
< td >
{% if object['subtype'] %}
{{ object['subtype']}}
{% endif %}
< / td >
< td >
< a href = "{{ object['link'] }}" >
{{ object['id']}}
< / a >
2024-03-22 11:37:35 +01:00
{% if object['tags'] %}
< div >
{% for tag in object['tags'] %}
< span class = "badge badge-{{ bootstrap_label[loop.index0 % 5] }} pull-left" > {{ tag }}< / span >
{% endfor %}
< / div >
{% endif %}
2023-05-11 16:21:43 +02:00
< / td >
2024-03-22 11:37:35 +01:00
2023-05-11 16:21:43 +02:00
< td >
2024-03-22 11:37:35 +01:00
{% if object['last_full_date'] %}
{{ object['last_full_date']}}
{% endif %}
2023-05-11 16:21:43 +02:00
< / td >
< td class = "text-right" >
2024-03-27 11:03:27 +01:00
< button class = "btn btn-outline-danger py-0 px-1"
data-toggle="modal" data-target="#modal_tracker_remove_object"
data-tracker_uuid="{{ meta['uuid'] }}" data-obj_gid="{{ object['type'] }}:{{ object['subtype'] }}:{{ object['id'] }}">
< i class = "fas fa-trash-alt" > < / i > < / button >
< / button >
2023-05-11 16:21:43 +02:00
{# < a href = "{{ url_for('investigations_b.unregister_investigation') }}?uuid={{ meta['uuid']}}&type={{ object['type'] }}&subtype={{ object['subtype']}}&id={{ object['id']}}" > #}
{# < button type = "button" class = "btn btn-danger" > < i class = "fas fa-trash-alt" > < / i > < / button > #}
{# < / a > #}
< / td >
< / tr >
{% endfor %}
< / tbody >
< / table >
< / div >
< hr >
{% endif %}
< div id = "graphline" class = "text-center mb-4" > < / div >
< / div >
< / div >
< / div >
< script >
$(document).ready(function () {
$('#div_edit_mails').hide();
$('#div_edit_tags').hide();
$('#div_edit_description').hide();
$("#page-Tracker").addClass("active");
$('#date-range-from').dateRangePicker({
separator: ' to ',
getValue: function () {
if ($('#date-range-from-input').val() & & $('#date-range-to-input').val())
return $('#date-range-from-input').val() + ' to ' + $('#date-range-to-input').val();
else
return '';
},
setValue: function (s, s1, s2) {
$('#date-range-from-input').val(s1);
$('#date-range-to-input').val(s2);
}
});
$('#date-range-to').dateRangePicker({
separator: ' to ',
getValue: function () {
if ($('#date-range-from-input').val() & & $('#date-range-to-input').val())
return $('#date-range-from-input').val() + ' to ' + $('#date-range-to-input').val();
else
return '';
},
setValue: function (s, s1, s2) {
$('#date-range-from-input').val(s1);
$('#date-range-to-input').val(s2);
}
});
$('#myTable_').DataTable({
"aLengthMenu": [[5, 10, 15, -1], [5, 10, 15, "All"]],
"iDisplayLength": 10,
2024-03-22 11:37:35 +01:00
"order": [[3, "desc"]]
2023-05-11 16:21:43 +02:00
});
sparkline("sparkline", {{ meta['sparkline'] }}, {});
let div_width = $("#graphline").width();
$.getJSON("{{ url_for('hunters.get_json_tracker_graph') }}?uuid={{ meta['uuid'] }}{%if meta['date_from']%}& date_from={{ meta['date_from'] }}{%endif%}{%if meta['date_to']%}& date_to={{ meta['date_to'] }}{%endif%}",
function (data) {
multilines_group("graphline", data, {"width": div_width});
}
);
});
function toggle_sidebar() {
if ($('#nav_menu').is(':visible')) {
$('#nav_menu').hide();
$('#side_menu').removeClass('border-right')
$('#side_menu').removeClass('col-lg-2')
$('#core_content').removeClass('col-lg-10')
} else {
$('#nav_menu').show();
$('#side_menu').addClass('border-right')
$('#side_menu').addClass('col-lg-2')
$('#core_content').addClass('col-lg-10')
}
}
2025-01-31 15:43:34 +01:00
// Hover effect
var btn_read_more = $('#btn_read_more')
var textElement = document.querySelectorAll(".text-collapse")[0];
const lineHeight = parseFloat(window.getComputedStyle(textElement).lineHeight);
var maxLines = 30;
const maxHeight = lineHeight * maxLines;
2025-01-31 15:50:45 +01:00
2025-01-31 15:43:34 +01:00
if (textElement.getBoundingClientRect().height < maxHeight ) {
2025-01-31 15:50:45 +01:00
textElement.style.maxHeight = '100%'
2025-01-31 15:43:34 +01:00
btn_read_more.hide();
} else {
2025-01-31 15:50:45 +01:00
// Apply initial truncation
textElement.style.maxHeight = maxHeight + 'px';
2025-01-31 15:43:34 +01:00
btn_read_more.on("click", function() {
if (btn_read_more.text() === "Show more") {
2025-01-24 10:38:18 +01:00
textElement.style.maxHeight = 'none';
2025-01-31 15:43:34 +01:00
btn_read_more.text("Show less");
} else {
2025-01-24 10:38:18 +01:00
textElement.style.maxHeight = maxHeight + 'px';
2025-01-31 15:43:34 +01:00
btn_read_more.text("Show more");
}
2025-01-24 10:38:18 +01:00
});
}
2023-05-11 16:21:43 +02:00
function edit_tags() {
$('#div_edit_mails').hide();
$('#div_edit_description').hide();
$('#div_edit_tags').show();
}
function edit_mails() {
$('#div_edit_tags').hide();
$('#div_edit_description').hide();
$('#div_edit_mails').show();
}
function edit_description() {
$('#div_edit_tags').hide();
$('#div_edit_mails').hide();
$('#div_edit_description').show();
}
function getItems() {
var date_from = $('#date-range-from-input').val();
var date_to = $('#date-range-to-input').val();
window.location.replace("{{ url_for('hunters.show_tracker') }}?uuid={{ meta['uuid'] }}& date_from=" + date_from + "& date_to=" + date_to);
}
< / script >
< / body >
< / html >
