netzbeere-web/scripts/js/groups-common.js

140 lines
3.8 KiB
JavaScript

/* Pi-hole: A black hole for Internet advertisements
* (c) 2023 Pi-hole, LLC (https://pi-hole.net)
* Network-wide ad blocking via your own hardware.
*
* This file is copyright under the latest version of the EUPL.
* Please see LICENSE file for your rights under this license. */
/* global apiFailure:false, utils:false, initTable:false, updateFtlInfo:false, i18n */
"use strict";
let groups = [];
function populateGroupSelect(selectEl) {
if (selectEl.length === 0) {
// No select element found, return
return;
}
// Add all known groups
for (const group of groups) {
const dataSub = group.enabled ? "" : 'data-subtext="(disabled)"';
selectEl.append(
$("<option " + dataSub + "/>")
.val(group.id)
.text(group.name)
);
}
// Initialize selectpicker
selectEl.val([0]);
// Refresh selectpicker
selectEl.selectpicker("refresh");
}
// eslint-disable-next-line no-unused-vars
function getGroups(groupSelector) {
$.ajax({
url: document.body.dataset.apiurl + "/groups",
type: "GET",
dataType: "json",
success(data) {
groups = data.groups;
// Get all all <select> elements with the class "selectpicker"
const groupSelector = $(".selectpicker");
// Populate the groupSelector with the groups
for (const element of groupSelector) {
populateGroupSelect($(element));
}
// Actually load table contents
initTable();
},
error(data) {
apiFailure(data);
},
});
}
// eslint-disable-next-line no-unused-vars
function processGroupResult(data, type, done, notDone) {
// Loop over data.processed.success and show toasts
for (const item of data.processed.success) {
// @TODO: translate
utils.showAlert("success", "fas fa-pencil-alt", `Successfully ${done} ${type}`, item);
}
// Loop over errors and display them
for (const error of data.processed.errors) {
console.log(error); // eslint-disable-line no-console
// @TODO: translate
utils.showAlert("error", "", `Error while ${notDone} ${type} ${error.item}`, error.error);
}
}
// eslint-disable-next-line no-unused-vars
function delGroupItems(type, ids, table, listType = undefined) {
// Check input validity
if (!Array.isArray(ids)) return;
const url = document.body.dataset.apiurl + "/" + type + "s:batchDelete";
// use utils.hexDecode() to decode all clients
let idstring = "";
for (const id of ids) {
id.item = utils.hexDecode(id.item);
idstring += id.item + ", ";
}
// Remove last comma and space from idstring
idstring = idstring.substring(0, idstring.length - 2);
// Append "s" to type if more than one item is deleted
type += ids.length > 1 ? "s" : "";
if (i18n.hasKey(`shared.${type}`)) {
type = i18n.t(`shared.${type}`);
}
// Prepend listType to type if it is not undefined
if (listType !== undefined) {
type = listType + " " + type;
}
utils.disableAll();
utils.showAlert("info", "", i18n.tf("groups.delete_items", ids.length, type), idstring);
$.ajax({
url,
data: JSON.stringify(ids),
contentType: "application/json",
method: "POST",
})
.done(() => {
utils.enableAll();
utils.showAlert(
"success",
"far fa-trash-alt",
i18n.tf("groups.successfully_deleted", type),
idstring
);
table.ajax.reload(null, false);
// Clear selection after deletion
table.rows().deselect();
utils.changeBulkDeleteStates(table);
// Update number of <type> items in the sidebar
updateFtlInfo();
})
.fail((data, exception) => {
apiFailure(data);
utils.enableAll();
utils.showAlert("error", "", i18n.tf("groups.error_deleting", type), data.responseText);
console.log(exception); // eslint-disable-line no-console
});
}