document.addEventListener("DOMContentLoaded", function() {
var table = $("table");
if (table.length) {
table = table.stupidtable();
// to show the sort-arrow next to the table header
table.on("aftertablesort", function (event, data) {
var th = $(this).find("th");
th.find(".arrow").remove();
var dir = $.fn.stupidtable.dir;
var arrow = data.direction === dir.ASC ? "down" : "up";
th.eq(data.column).append(' <span class="arrow glyphicon glyphicon-chevron-'+arrow+'"></span>');
});
}
var selectize = $('#select-role');
if (selectize.length) {
selectize = selectize.selectize({
allowEmptyOption: false,
maxItems: null,
highlight: false,
hideSelected: true,
create: false,
plugins: ["remove_button"]
})[0].selectize;
// If Site gets refreshed, all data-selectizeCounts will be reset to 0, so delete the filters from the selectize
selectize.clear();
selectize.on('item_add', function (value, $item) {
// When first item gets added the filter isn't empty anymore, so hide all rows
if (selectize.items.length === 1) {
$('.dataTable tbody').find('tr').hide();
}
// Find all rows which shall be shown and increase their counter by 1
$(".roleId-" + value).closest("tr").each(function () {
$(this).data("selectizeCount", $(this).data("selectizeCount") + 1);
$(this).show();
});
});
selectize.on('item_remove', function (value, $item) {
// When no items in the filter, show all rows again
if (selectize.items.length === 0) {
$('.dataTable tbody').find('tr').show();
} else {
// Find all rows which have the delete role, decrease their counter by 1
$(".roleId-" + value).closest("tr").each(function () {
$(this).data("selectizeCount", $(this).data("selectizeCount") - 1);
// If counter is 0, hide the row (no filter given to show the row anymore)
if ($(this).data("selectizeCount") === 0) {
$(this).closest("tr").hide();
}
});
}
});
}
$("form input").keydown(function(e) {
if (e.keyCode === 13) e.preventDefault();
});
});