add js files for datatable plugin

This commit is contained in:
gabryon99 2019-12-28 16:00:53 +01:00
parent 9882109d4d
commit 4a65627780
7 changed files with 71 additions and 56 deletions

View file

@ -0,0 +1,65 @@
$.fn.dataTable.ext.buttons.filterScripts = {
className: "filter-scripts-button",
init: function (dt, node, config) {
// get button script type
const button_id = config.attr.id;
// remove styles pre-rendered
$(node).removeClass("btn").removeClass("btn-secondary");
// change text by scripts count
const button_text = $(node).html();
let count = 0;
// count scripts inside table
if (button_id == "all-scripts") {
// count all scripts
count = dt.data().length;
}
else if (button_id == "enabled-scripts") {
dt.data().each(d => {
// count all enabled scripts
const parsed = d.is_enabled;
if (parsed) count += 1;
});
}
else if (button_id == "disabled-scripts") {
dt.data().each(d => {
// count all disabled scripts
const parsed = d.is_enabled;
if (!parsed) count += 1;
});
}
$(node).html(`${button_text} (${count})`);
},
action: function (e, dt, node, config) {
// get button script type
const button_id = config.attr.id;
$("#all-scripts").removeClass('active');
$("#enabled-scripts").removeClass('active');
$("#disabled-scripts").removeClass('active');
if (button_id == "all-scripts") {
dt.columns().search("").draw();
window.history.replaceState(undefined, undefined, "#all");
}
else if (button_id == "enabled-scripts") {
// draw all enabled scripts
dt.columns(2).search("true").draw();
window.history.replaceState(undefined, undefined, "#enabled");
}
else if (button_id == "disabled-scripts") {
// draw all disabled scripts
dt.columns(2).search("false").draw();
window.history.replaceState(undefined, undefined, "#disabled");
}
$(`#${button_id}`).addClass("active");
}
};