harmacist/healthchecks
1
0
Fork 0
forked from GithubBackups/healthchecks
Code Issues Pull Requests Projects Releases Wiki Activity

Auto-refresh check statuses every 3s while user is active, and every 60s afterwards.

Browse Source
This commit is contained in:
Pēteris Caune 2018-02-26 01:36:59 +02:00
parent 1b4ca77096
commit 422a7911e8
2 changed files with 47 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
static/js/checks.js
View File

@ -261,8 +261,10 @@ $(function () {
function refresh() {
$.getJSON("/checks/status/", function(data) {
for(var i=0, el; el=data.details[i]; i++) {
$("#check-desktop-" + el.code + " .indicator-cell span").attr("class", "status icon-" + el.status);
$("#check-desktop-" + el.code + " .last-ping-cell").html(el.last_ping);
var elId = "#check-desktop-" + el.code;
$(elId + " .indicator-cell span").attr("class", "status icon-" + el.status);
$(elId + " .last-ping-cell").html(el.last_ping);
$(elId + " .li-pause-check").toggleClass("disabled", el.status == "paused");
}
$("#my-checks-tags button").each(function(a) {
@ -274,6 +276,48 @@ $(function () {
});
}
// unconditionally refresh every minute
setInterval(refresh, 60000);
// scheduleRefresh() keeps calling refresh() and decreasing quota
// every 3 seconds, until quota runs out.
var quota = 0;
var scheduledId = null;
function scheduleRefresh() {
if (quota > 0) {
quota -= 1;
clearTimeout(scheduledId);
scheduledId = setTimeout(scheduleRefresh, 3000);
refresh();
}
}
document.addEventListener("visibilitychange", function() {
if (document.visibilityState == "visible") {
// tab becomes visible: reset quota
if (quota == 0) {
quota = 20;
scheduleRefresh();
} else {
quota = 20;
}
} else {
// lost visibility, clear quota
quota = 0;
}
});
// user moves mouse: reset quota
document.addEventListener("mousemove", function() {
if (quota == 0) {
quota = 20;
scheduleRefresh();
} else {
quota = 20;
}
});
// Copy to clipboard
var clipboard = new Clipboard('button.copy-link');
$("button.copy-link").mouseout(function(e) {

2
templates/front/my_checks_desktop.html
View File

@ -86,7 +86,7 @@
<span class="icon-settings" aria-hidden="true"></span>
</button>
<ul class="dropdown-menu">
<li {% if check.status == "new" or check.status == "paused" %}class="disabled"{% endif %}>
<li class="li-pause-check" {% if check.status == "new" or check.status == "paused" %}class="disabled"{% endif %}>
<a class="pause-check"
href="#"
data-url="{% url 'hc-pause' check.code %}">