You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
193 lines
5.6 KiB
193 lines
5.6 KiB
$(function () {
|
|
|
|
var MINUTE = {name: "minute", nsecs: 60};
|
|
var HOUR = {name: "hour", nsecs: MINUTE.nsecs * 60};
|
|
var DAY = {name: "day", nsecs: HOUR.nsecs * 24};
|
|
var WEEK = {name: "week", nsecs: DAY.nsecs * 7};
|
|
var UNITS = [WEEK, DAY, HOUR, MINUTE];
|
|
|
|
var secsToText = function(total) {
|
|
var remainingSeconds = Math.floor(total);
|
|
var result = "";
|
|
for (var i=0, unit; unit=UNITS[i]; i++) {
|
|
if (unit === WEEK && remainingSeconds % unit.nsecs != 0) {
|
|
// Say "8 days" instead of "1 week 1 day"
|
|
continue
|
|
}
|
|
|
|
var count = Math.floor(remainingSeconds / unit.nsecs);
|
|
remainingSeconds = remainingSeconds % unit.nsecs;
|
|
|
|
if (count == 1) {
|
|
result += "1 " + unit.name + " ";
|
|
}
|
|
|
|
if (count > 1) {
|
|
result += count + " " + unit.name + "s ";
|
|
}
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
var periodSlider = document.getElementById("period-slider");
|
|
noUiSlider.create(periodSlider, {
|
|
start: [20],
|
|
connect: "lower",
|
|
range: {
|
|
'min': [60, 60],
|
|
'33%': [3600, 3600],
|
|
'66%': [86400, 86400],
|
|
'83%': [604800, 604800],
|
|
'max': 2592000,
|
|
},
|
|
pips: {
|
|
mode: 'values',
|
|
values: [60, 1800, 3600, 43200, 86400, 604800, 2592000],
|
|
density: 4,
|
|
format: {
|
|
to: secsToText,
|
|
from: function() {}
|
|
}
|
|
}
|
|
});
|
|
|
|
periodSlider.noUiSlider.on("update", function(a, b, value) {
|
|
var rounded = Math.round(value);
|
|
$("#period-slider-value").text(secsToText(rounded));
|
|
$("#update-timeout-timeout").val(rounded);
|
|
});
|
|
|
|
|
|
var graceSlider = document.getElementById("grace-slider");
|
|
noUiSlider.create(graceSlider, {
|
|
start: [20],
|
|
connect: "lower",
|
|
range: {
|
|
'min': [60, 60],
|
|
'33%': [3600, 3600],
|
|
'66%': [86400, 86400],
|
|
'83%': [604800, 604800],
|
|
'max': 2592000,
|
|
},
|
|
pips: {
|
|
mode: 'values',
|
|
values: [60, 1800, 3600, 43200, 86400, 604800, 2592000],
|
|
density: 4,
|
|
format: {
|
|
to: secsToText,
|
|
from: function() {}
|
|
}
|
|
}
|
|
});
|
|
|
|
graceSlider.noUiSlider.on("update", function(a, b, value) {
|
|
var rounded = Math.round(value);
|
|
$("#grace-slider-value").text(secsToText(rounded));
|
|
$("#update-timeout-grace").val(rounded);
|
|
});
|
|
|
|
|
|
$('[data-toggle="tooltip"]').tooltip();
|
|
|
|
$(".my-checks-name").click(function() {
|
|
var $this = $(this);
|
|
|
|
$("#update-name-form").attr("action", $this.data("url"));
|
|
$("#update-name-input").val($this.data("name"));
|
|
$("#update-tags-input").val($this.data("tags"));
|
|
$('#update-name-modal').modal("show");
|
|
$("#update-name-input").focus();
|
|
|
|
return false;
|
|
});
|
|
|
|
$(".timeout-grace").click(function() {
|
|
var $this = $(this);
|
|
|
|
$("#update-timeout-form").attr("action", $this.data("url"));
|
|
periodSlider.noUiSlider.set($this.data("timeout"))
|
|
graceSlider.noUiSlider.set($this.data("grace"))
|
|
$('#update-timeout-modal').modal({"show":true, "backdrop":"static"});
|
|
|
|
return false;
|
|
});
|
|
|
|
$(".check-menu-remove").click(function() {
|
|
var $this = $(this);
|
|
|
|
$("#remove-check-form").attr("action", $this.data("url"));
|
|
$(".remove-check-name").text($this.data("name"));
|
|
$('#remove-check-modal').modal("show");
|
|
|
|
return false;
|
|
});
|
|
|
|
$("#show-urls").click(function() {
|
|
$("#show-urls").addClass("active");
|
|
$(".my-checks-url").removeClass("off");
|
|
|
|
$("#show-emails").removeClass("active");
|
|
$(".my-checks-email").addClass("off");
|
|
});
|
|
|
|
$("#show-emails").click(function() {
|
|
$("#show-urls").removeClass("active");
|
|
$(".my-checks-url").addClass("off");
|
|
|
|
$("#show-emails").addClass("active");
|
|
$(".my-checks-email").removeClass("off");
|
|
});
|
|
|
|
$("#my-checks-tags button").click(function() {
|
|
// .active has not been updated yet by bootstrap code,
|
|
// so cannot use it
|
|
$(this).toggleClass('checked');
|
|
|
|
// Make a list of currently checked tags:
|
|
var checked = [];
|
|
$("#my-checks-tags button.checked").each(function(index, el) {
|
|
checked.push(el.textContent);
|
|
});
|
|
|
|
// No checked tags: show all
|
|
if (checked.length == 0) {
|
|
$("#checks-table tr.checks-row").show();
|
|
$("#checks-list > li").show();
|
|
return;
|
|
}
|
|
|
|
function applyFilters(index, element) {
|
|
var tags = $(".my-checks-name", element).data("tags").split(" ");
|
|
for (var i=0, tag; tag=checked[i]; i++) {
|
|
if (tags.indexOf(tag) == -1) {
|
|
$(element).hide();
|
|
return;
|
|
}
|
|
}
|
|
|
|
$(element).show();
|
|
}
|
|
|
|
// Desktop: for each row, see if it needs to be shown or hidden
|
|
$("#checks-table tr.checks-row").each(applyFilters);
|
|
// Mobile: for each list item, see if it needs to be shown or hidden
|
|
$("#checks-list > li").each(applyFilters);
|
|
|
|
});
|
|
|
|
$(".my-checks-url").click(function(e) {
|
|
var a = e.target;
|
|
var url = a.getAttribute("href");
|
|
var email = a.getAttribute("data-email");
|
|
|
|
$(".ex", "#show-usage-modal").text(url);
|
|
$(".em", "#show-usage-modal").text(email);
|
|
|
|
$(a).tooltip("hide");
|
|
$("#show-usage-modal").modal("show");
|
|
|
|
return false;
|
|
});
|
|
|
|
});
|