content/hifi-content/dave/walk-tools/html/walkToolsLog.html
2022-02-13 22:49:05 +01:00

70 lines
2.6 KiB
HTML

<html>
<head>
<link rel="stylesheet" type="text/css" href="walkToolsStyle.css">
<script>
var _loggingEnabled = true;
var _logs = [];
const MAX_LINES = 4096;
function clearLog() {
_logs = [];
elLogDisplay.innerHTML = "";
}
function loaded() {
// assign form elements to vars
elLogDisplay = document.getElementById("log-display");
elLogToggle = document.getElementById("toggle-logging");
elClearLog = document.getElementById("clear-log");
// script event received handler
if (window.EventBridge !== undefined) {
EventBridge.scriptEventReceived.connect(function(data) {
data = JSON.parse(data);
if (data.type === "logEvent") {
if (data.action === "newLogEntry" && _loggingEnabled) {
if (data.logEntry !== undefined) {
_logs.push(data.logEntry);
if (_logs.length > MAX_LINES) {
_logs.shift();
}
elLogDisplay.innerHTML = _logs.join("");
}
} else if (data.action === "clearLog") {
clearLog();
}
}
});
}
elLogToggle.addEventListener("click", function() {
if (_loggingEnabled) {
_loggingEnabled = false;
this.value = "Resume";
} else {
_loggingEnabled = true;
this.value = "Pause";
}
});
elClearLog.addEventListener("click", function() {
clearLog();
});
}
</script>
</head>
<body onload='loaded();'>
<div class="button-bar">
<div class="button-group">
<input type="button" id="toggle-logging" value="Pause"></button>
<input type="button" id="clear-log" value="Clear"></button>
</div>
</div>
<div>
<textarea id="log-display" autofocus="yes" cols="250" rows="500" ></textarea>
</div>
</body>
</html>