vrr/ntopng
2
0
Fork 0
mirror of https://github.com/ntop/ntopng.git synced 2026-05-05 10:41:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

added dropdown filtering (#3313)

Browse source
This commit is contained in:
Gabriele Pappalardo 2020-01-24 11:02:01 +01:00 • committed by simonemainardi
parent 67aeded1be
commit ae4a8bdca0
4 changed files with 58 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

39
httpdocs/js/config_callbacks/scripts-list-utils.js
View file

@ -1218,6 +1218,42 @@ const create_enabled_button = (row_data) => {
$(document).ready(function() {
const add_filter_categories_dropdown = () => {
const $dropdown = $(`
<div class='dropdown d-inline'>
<button class='btn btn-link dropdown-toggle' data-toggle='dropdown' type='button'>
<i class='fas fa-filter'></i> <span>${i18n.filter_categories}</span>
</button>
<div id='category-filter' class='dropdown-menu'>
</div>
</div>
`);
$dropdown.find('#category-filter').append(
scripts_categories.map(c => {
const $list_element = $(`<li class='dropdown-item pointer'>${c}</li>`);
$list_element.click(function() {
if (c == 'All') {
$script_table.column(1).search('').draw();
$dropdown.find('button span').text(`${i18n.filter_categories}`);
return $list_element;
}
$dropdown.find('button span').text(`${i18n.filter_categories}: ${c}`);
$script_table.column(1).search(c).draw();
});
return $list_element;
})
);
$('#scripts-config_filter').prepend($dropdown);
}
// initialize script table
const $script_table = $("#scripts-config").DataTable({
@ -1240,6 +1276,9 @@ $(document).ready(function() {
stateSave: true,
initComplete: function (settings, json) {
// add categories dropdown
add_filter_categories_dropdown();
const [enabled_count, disabled_count] = count_scripts();
// select the correct tab