mirror of
https://github.com/pi-hole/web.git
synced 2025-12-24 04:38:28 +00:00
73 lines
2.2 KiB
JavaScript
73 lines
2.2 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 utils:false */
|
|
|
|
// Add event listener to import button
|
|
document.getElementById("submit-import").addEventListener("click", function () {
|
|
importZIP();
|
|
});
|
|
|
|
// Upload file to Pi-hole
|
|
function importZIP() {
|
|
var file = document.getElementById("file").files[0];
|
|
if (file === undefined) {
|
|
alert("Please select a file to import.");
|
|
return;
|
|
}
|
|
|
|
// https://caniuse.com/fetch - everything except IE
|
|
// This is fine, as we dropped support for IE a while ago
|
|
if (typeof fetch !== "function") {
|
|
alert("Importing Tricorder files is not supported with this browser!");
|
|
return;
|
|
}
|
|
|
|
const formData = new FormData();
|
|
formData.append("file", file);
|
|
// eslint-disable-next-line compat/compat
|
|
fetch("/api/teleporter", {
|
|
method: "POST",
|
|
body: formData,
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
$("#import-spinner").hide();
|
|
$("#modal-import-success").hide();
|
|
$("#modal-import-error").hide();
|
|
$("#modal-import-info").hide();
|
|
|
|
if ("error" in data) {
|
|
$("#modal-import-error").show();
|
|
$("#modal-import-error-title").text("Error: " + data.error.message);
|
|
if (data.error.hint !== null) $("#modal-import-error-message").text(data.error.hint);
|
|
} else if ("files" in data) {
|
|
$("#modal-import-success").show();
|
|
$("#modal-import-success-title").text("Import successful");
|
|
var text = "<p>Processed files:<ul>";
|
|
for (var i = 0; i < data.files.length; i++) {
|
|
text += "<li>/" + utils.escapeHtml(data.files[i]) + "</li>";
|
|
}
|
|
|
|
text += "</ul></p>";
|
|
$("#modal-import-success-message").html(text);
|
|
}
|
|
|
|
if ("took" in data) {
|
|
$("#modal-import-info-message").text(
|
|
"Processing took " + data.took.toFixed(3) + " seconds."
|
|
);
|
|
}
|
|
|
|
$("#modal-import").modal("show");
|
|
})
|
|
.catch(error => {
|
|
alert("An unexpected error occurred.");
|
|
console.error(error); // eslint-disable-line no-console
|
|
});
|
|
}
|