diff --git a/static/index.html b/static/index.html
index 9393e263..a90064d4 100644
--- a/static/index.html
+++ b/static/index.html
@@ -166,8 +166,11 @@
let refreshIntervalHandler = 0;
let userClickedStatus = false;
+ // TODO: make this variable configurable and persist the choice in localStorage
+ let showStatusOnHover = true;
+
function showTooltip(serviceName, index, element) {
- userClickedStatus = false;
+ //userClickedStatus = false;
clearTimeout(timerHandler);
let serviceResult = serviceStatuses[serviceName].results[index];
$("#tooltip-timestamp").text(prettifyTimestamp(serviceResult.timestamp));
@@ -219,11 +222,30 @@
}
}
+ function toggleTooltip(serviceName, index, element) {
+ console.log("userClickedStatus="+userClickedStatus);
+ if (!userClickedStatus) {
+ showTooltip(serviceName, index, element);
+ userClickedStatus = true;
+ } else {
+ $("#tooltip").hide();
+ userClickedStatus = false;
+ }
+ }
+
function createStatusBadge(serviceStatusIndex, index, success) {
if (success) {
- return "✓";
+ if (showStatusOnHover) {
+ return "✓";
+ } else {
+ return "✓";
+ }
+ }
+ if (showStatusOnHover) {
+ return "X";
+ } else {
+ return "X";
}
- return "X";
}
function refreshStatuses() {
@@ -389,4 +411,4 @@
$("#refresh-rate").val(30);
-