mirror of
https://github.com/pi-hole/web.git
synced 2025-12-23 12:18:26 +00:00
276 lines
8.9 KiB
JavaScript
276 lines
8.9 KiB
JavaScript
/* Pi-hole: A black hole for Internet advertisements
|
|
* (c) 2017 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. */
|
|
|
|
// IE likes to cache too much :P
|
|
$.ajaxSetup({cache: false});
|
|
|
|
// Get PHP info
|
|
var token = $("#token").text();
|
|
var listType = $("#list-type").html();
|
|
var fullName = listType === "white" ? "Whitelist" : "Blacklist";
|
|
|
|
function addListEntry(entry, index, list, button, type)
|
|
{
|
|
var disabled = [];
|
|
if(entry.enabled === "0")
|
|
disabled.push("individual");
|
|
// For entry.group_enabled we either get "0" (= disabled by a group),
|
|
// "1" (= enabled by a group), or "" (= not managed by a group)
|
|
if(entry.group_enabled === "0")
|
|
disabled.push("group");
|
|
|
|
var used = disabled.length === 0 ? "used" : "not-used";
|
|
var comment = entry.comment.length > 0 ? " - " + entry.comment : "";
|
|
var disabled_message = disabled.length > 0 ? " - disabled due to " + disabled.join(" + ") + " setting" : "";
|
|
var date_added = new Date(parseInt(entry.date_added)*1000);
|
|
var date_modified = new Date(parseInt(entry.date_modified)*1000);
|
|
var tooltip = "Added: " + date_added.toLocaleString() +
|
|
"\nModified: " + date_modified.toLocaleString();
|
|
list.append(
|
|
"<li id=\"" + index + "\" class=\"list-group-item " + used + " clearfix\">" +
|
|
"<span title=\"" + tooltip + "\" data-toggle=\"tooltip\" data-placement=\"right\">" +
|
|
entry.domain + comment + disabled_message + "</span>" +
|
|
"<button class=\"btn btn-danger btn-xs pull-right\" type=\"button\">" +
|
|
"<span class=\"glyphicon glyphicon-trash\"></span></button></li>"
|
|
);
|
|
// Handle button
|
|
$(button+" #"+index).on("click", "button", function() {
|
|
sub(index, entry.domain, type);
|
|
});
|
|
}
|
|
|
|
function refresh(fade) {
|
|
var list = $("#list");
|
|
var listw = $("#list-regex");
|
|
if(fade) {
|
|
list.fadeOut(100);
|
|
listw.fadeOut(100);
|
|
}
|
|
$.ajax({
|
|
url: "scripts/pi-hole/php/get.php",
|
|
method: "get",
|
|
data: {"list":listType},
|
|
success: function(response) {
|
|
list.html("");
|
|
listw.html("");
|
|
|
|
if((listType === "black" &&
|
|
response.blacklist.length === 0 &&
|
|
response.regex_blacklist.length === 0) ||
|
|
(listType === "white" &&
|
|
response.whitelist.length === 0 &&
|
|
response.regex_whitelist.length === 0))
|
|
{
|
|
$("h3").hide();
|
|
list.html("<div class=\"alert alert-info\" role=\"alert\">Your " + fullName + " is empty!</div>");
|
|
}
|
|
else
|
|
{
|
|
var data, data2;
|
|
if(listType === "white")
|
|
{
|
|
data = response.whitelist.sort();
|
|
data2 = response.regex_whitelist.sort();
|
|
}
|
|
else if(listType === "black")
|
|
{
|
|
data = response.blacklist.sort();
|
|
data2 = response.regex_blacklist.sort();
|
|
}
|
|
|
|
if(data.length > 0)
|
|
{
|
|
$("#h3-exact").fadeIn(100);
|
|
}
|
|
if(data2.length > 0)
|
|
{
|
|
$("#h3-regex").fadeIn(100);
|
|
}
|
|
|
|
data.forEach(function (entry, index)
|
|
{
|
|
addListEntry(entry, index, list, "#list", "exact");
|
|
});
|
|
data2.forEach(function (entry, index)
|
|
{
|
|
addListEntry(entry, index, listw, "#list-regex", listType+"_regex");
|
|
});
|
|
}
|
|
list.fadeIn(100);
|
|
listw.fadeIn(100);
|
|
},
|
|
error: function() {
|
|
$("#alFailure").show();
|
|
}
|
|
});
|
|
}
|
|
|
|
window.addEventListener('load', refresh(false));
|
|
|
|
function sub(index, entry, arg) {
|
|
var list = "#list";
|
|
var heading = "#h3-exact";
|
|
var locallistType = listType;
|
|
if(arg === "black_regex" || arg === "white_regex")
|
|
{
|
|
list = "#list-regex";
|
|
heading = "#h3-regex";
|
|
locallistType = arg;
|
|
}
|
|
var alInfo = $("#alInfo");
|
|
var alSuccess = $("#alSuccess");
|
|
var alFailure = $("#alFailure");
|
|
var err = $("#err");
|
|
var msg = $("#success-message");
|
|
|
|
var domain = $(list+" #"+index);
|
|
domain.hide("highlight");
|
|
$.ajax({
|
|
url: "scripts/pi-hole/php/sub.php",
|
|
method: "post",
|
|
data: {"domain":entry, "list":locallistType, "token":token},
|
|
success: function(response) {
|
|
if (response.indexOf("Success") === -1) {
|
|
alFailure.show();
|
|
err.html(response);
|
|
alFailure.delay(8000).fadeOut(2000, function() {
|
|
alFailure.hide();
|
|
});
|
|
alInfo.delay(8000).fadeOut(2000, function() {
|
|
alInfo.hide();
|
|
});
|
|
} else {
|
|
alSuccess.show();
|
|
msg.html(response);
|
|
alSuccess.delay(1000).fadeOut(2000, function() {
|
|
alSuccess.hide();
|
|
});
|
|
alInfo.delay(1000).fadeOut(2000, function() {
|
|
alInfo.hide();
|
|
});
|
|
domain.remove();
|
|
if($(list+" li").length < 1)
|
|
{
|
|
$(heading).fadeOut(100);
|
|
}
|
|
}
|
|
},
|
|
error: function() {
|
|
alert("Failed to remove the domain!");
|
|
domain.show({queue:true});
|
|
}
|
|
});
|
|
}
|
|
|
|
function add(type) {
|
|
var domain = $("#domain");
|
|
if(domain.val().length === 0){
|
|
return;
|
|
}
|
|
|
|
var comment = $("#comment");
|
|
|
|
var alInfo = $("#alInfo");
|
|
var alSuccess = $("#alSuccess");
|
|
var alFailure = $("#alFailure");
|
|
var alWarning = $("#alWarning");
|
|
var err = $("#err");
|
|
var msg = $("#success-message");
|
|
alInfo.show();
|
|
alSuccess.hide();
|
|
alFailure.hide();
|
|
alWarning.hide();
|
|
$.ajax({
|
|
url: "scripts/pi-hole/php/add.php",
|
|
method: "post",
|
|
data: {"domain":domain.val().trim(),"comment":comment.val(), "list":type, "token":token},
|
|
success: function(response) {
|
|
if (response.indexOf("Success") === -1) {
|
|
alFailure.show();
|
|
err.html(response);
|
|
alFailure.delay(8000).fadeOut(2000, function() {
|
|
alFailure.hide();
|
|
});
|
|
alInfo.delay(8000).fadeOut(2000, function() {
|
|
alInfo.hide();
|
|
});
|
|
} else {
|
|
alSuccess.show();
|
|
msg.html(response);
|
|
alSuccess.delay(1000).fadeOut(2000, function() {
|
|
alSuccess.hide();
|
|
});
|
|
alInfo.delay(1000).fadeOut(2000, function() {
|
|
alInfo.hide();
|
|
});
|
|
domain.val("");
|
|
comment.val("");
|
|
refresh(true);
|
|
}
|
|
},
|
|
error: function() {
|
|
alFailure.show();
|
|
err.html("");
|
|
alFailure.delay(1000).fadeOut(2000, function() {
|
|
alFailure.hide();
|
|
});
|
|
alInfo.delay(1000).fadeOut(2000, function() {
|
|
alInfo.hide();
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
// Handle enter button for adding domains
|
|
$(document).keypress(function(e) {
|
|
if(e.which === 13 && $("#domain,#comment").is(":focus")) {
|
|
// Enter was pressed, and the input has focus
|
|
add(listType);
|
|
}
|
|
});
|
|
|
|
// Handle buttons
|
|
$("#btnAdd").on("click", function() {
|
|
add(listType);
|
|
});
|
|
|
|
$("#btnAddWildcard").on("click", function() {
|
|
add(listType+"_wild");
|
|
});
|
|
|
|
$("#btnAddRegex").on("click", function() {
|
|
add(listType+"_regex");
|
|
});
|
|
|
|
$("#btnRefresh").on("click", function() {
|
|
refresh(true);
|
|
});
|
|
|
|
// Handle hiding of alerts
|
|
$(function(){
|
|
$("[data-hide]").on("click", function(){
|
|
$(this).closest("." + $(this).attr("data-hide")).hide();
|
|
});
|
|
});
|
|
|
|
// Wrap form-group's buttons to next line when viewed on a small screen
|
|
$(window).on("resize",function() {
|
|
if ($(window).width() < 991) {
|
|
$(".form-group.input-group").removeClass("input-group").addClass("input-group-block");
|
|
$(".form-group.input-group-block > input").css("margin-bottom", "5px");
|
|
$(".form-group.input-group-block > .input-group-btn").removeClass("input-group-btn").addClass("btn-block text-center");
|
|
}
|
|
else {
|
|
$(".form-group.input-group-block").removeClass("input-group-block").addClass( "input-group" );
|
|
$(".form-group.input-group > input").css("margin-bottom","");
|
|
$(".form-group.input-group > .btn-block.text-center").removeClass("btn-block text-center").addClass("input-group-btn");
|
|
}
|
|
});
|
|
$(document).ready(function() {
|
|
$(window).trigger("resize");
|
|
});
|