-
-
-
- Health Status
-
- 
-
+
-
+
-
+
+
+
+
-
+
+ Health Status
+
+
-
Timestamp:
- ...
- Response time:
- ...
- Conditions:
- ...
-
-
Errors:
- ...
+
+
+
+
+
+Timestamp:
+ ...
+ Response time:
+ ...
+ Conditions:
+ ...
+
+
+Errors:
+ ...
+
+
+ 
+
+
+
+
+
+
+
-
+
+ }
+
+ function buildTable() {
+ let outputByGroup = {};
+ for (let serviceStatusIndex in serviceStatuses) {
+ let serviceStatusOverTime = "";
+ let serviceStatus = serviceStatuses[serviceStatusIndex];
+ let hostname = serviceStatus.results[serviceStatus.results.length-1].hostname;
+ let minResponseTime = null;
+ let maxResponseTime = null;
+ let newestTimestamp = null;
+ let oldestTimestamp = null;
+ for (let resultIndex in serviceStatus.results) {
+ let serviceResult = serviceStatus.results[resultIndex];
+ serviceStatusOverTime = createStatusBadge(serviceStatusIndex, resultIndex, serviceResult.success) + serviceStatusOverTime;
+ const responseTime = parseInt(serviceResult.duration/1000000);
+ if (minResponseTime == null || minResponseTime > responseTime) {
+ minResponseTime = responseTime;
+ }
+ if (maxResponseTime == null || maxResponseTime < responseTime) {
+ maxResponseTime = responseTime;
+ }
+ const timestamp = new Date(serviceResult.timestamp);
+ if (newestTimestamp == null || newestTimestamp < timestamp) {
+ newestTimestamp = timestamp;
+ }
+ if (oldestTimestamp == null || oldestTimestamp > timestamp) {
+ oldestTimestamp = timestamp;
+ }
+ }
+ let output = ""
+ + "
+
+
+
+
↻
"
+ + "
";
+ // create an empty entry if this group is new
+ if (!outputByGroup[serviceStatus.group]) {
+ outputByGroup[serviceStatus.group] = "";
+ }
+ outputByGroup[serviceStatus.group] += output;
+ }
+ let output = "";
+ for (let group in outputByGroup) {
+ // Services that don't have a group should be skipped and left for last
+ if (group === 'undefined') {
+ continue
+ }
+ let key = group.replace(/[^a-zA-Z0-9]/g, '');
+ let existingGroupContentSelector = $("#service-group-" + key + "-content");
+ let isCurrentlyHidden = existingGroupContentSelector.length && existingGroupContentSelector[0].style.display === 'none';
+ let groupStatus = "✓";
+ if (outputByGroup[group].includes("badge badge-danger")) {
+ groupStatus = "~";
+ }
+ output += ""
+ + ""
+ + "
"
+ + " "
+ + " " + serviceStatus.name + " - " + hostname + ""
+ + "
"
+ + " "
+ + " " + (minResponseTime === maxResponseTime ? minResponseTime : (minResponseTime + "-" + maxResponseTime)) + "ms"
+ + "
"
+ + " "
+ + "
"
+ + " "
+ + " " + serviceStatusOverTime
+ + "
"
+ + " "
+ + "
"
+ + ""
+ + " " + generatePrettyTimeAgo(oldestTimestamp)
+ + "
"
+ + " "
+ + " " + generatePrettyTimeAgo(newestTimestamp)
+ + "
"
+ + " "
+ + "
";
+ }
+ // Add all services that don't have a group at the end
+ if (outputByGroup['undefined']) {
+ output += ""
+ + ""
+ + "
"
+ + " " + + " " + groupStatus + " " + group + + " " + (isCurrentlyHidden ? "▼" : "▲") + "" + + "
" + + ""
+ + " " + outputByGroup[group]
+ + "
"
+ + ""
+ + " " + outputByGroup['undefined']
+ + "
"
+ }
+ $("#results").html(output);
+ }
+
+ function toggleGroup(element) {
+ let selector = $("#service-group-" + element.dataset.group + "-content");
+ selector.toggle("fast", function() {
+ if (selector.length && selector[0].style.display === 'none') {
+ $("#service-group-" + element.dataset.group + "-arrow").html("▼");
+ } else {
+ $("#service-group-" + element.dataset.group + "-arrow").html("▲");
+ }
+ });
+ }
+
+ function prettifyTimestamp(timestamp) {
+ let date = new Date(timestamp);
+ let YYYY = date.getFullYear();
+ let MM = ((date.getMonth()+1)<10?"0":"")+""+(date.getMonth()+1);
+ let DD = ((date.getDate())<10?"0":"")+""+(date.getDate());
+ let hh = ((date.getHours())<10?"0":"")+""+(date.getHours());
+ let mm = ((date.getMinutes())<10?"0":"")+""+(date.getMinutes());
+ let ss = ((date.getSeconds())<10?"0":"")+""+(date.getSeconds());
+ return YYYY + "-" + MM + "-" + DD + " " + hh + ":" + mm + ":" + ss;
+ }
+
+ function generatePrettyTimeAgo(t) {
+ let differenceInMs = new Date().getTime() - new Date(t).getTime();
+ if (differenceInMs > 3600000) {
+ let hours = (differenceInMs/3600000).toFixed(0);
+ return hours + " hour" + (hours !== "1" ? "s" : "") + " ago";
+ }
+ if (differenceInMs > 60000) {
+ let minutes = (differenceInMs/60000).toFixed(0);
+ return minutes + " minute" + (minutes !== "1" ? "s" : "") + " ago";
+ }
+ return (differenceInMs/1000).toFixed(0) + " seconds ago";
+ }
+
+ function htmlEntities(s) {
+ return String(s)
+ .replace(/&/g, '&')
+ .replace(//g, '>')
+ .replace(/"/g, '"')
+ .replace(/'/g, ''');
+ }
+
+ function setRefreshInterval(seconds) {
+ refreshStatuses();
+ refreshIntervalHandler = setInterval(function() {
+ refreshStatuses();
+ }, seconds * 1000);
+ }
+
+ $("#refresh-rate").change(function() {
+ clearInterval(refreshIntervalHandler);
+ setRefreshInterval($(this).val());
+ });
+ setRefreshInterval(30);
+ $("#refresh-rate").val(30);
+