2020-09-08 18:52:38 +02:00
|
|
|
|
|
|
|
let maxseen = 0;
|
|
|
|
let paused = true;
|
|
|
|
let updaterID = null;
|
2020-08-16 04:16:36 +02:00
|
|
|
|
|
|
|
function updateShow() {
|
2020-09-08 18:52:38 +02:00
|
|
|
for (let item of document.getElementsByClassName("raw")) {
|
|
|
|
if (document.getElementById('show_raw').checked) {
|
|
|
|
item.classList.remove("hide");
|
|
|
|
} else {
|
|
|
|
item.classList.add("hide");
|
|
|
|
}
|
2020-08-16 04:16:36 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function updateMessages() {
|
|
|
|
fetch('/api.json')
|
|
|
|
.then(
|
|
|
|
function(response) {
|
|
|
|
if (response.status !== 200) {
|
|
|
|
console.log('FAIL: ' + response.status);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
response.json().then(function(data) {
|
|
|
|
if (data.length > maxseen) {
|
2020-09-08 18:52:38 +02:00
|
|
|
let messageTable = document.getElementById('message_table');
|
|
|
|
|
|
|
|
for (let i = maxseen; i < data.length; i++) {
|
|
|
|
let row = messageTable.insertRow(1);
|
|
|
|
let current = data[i];
|
2020-08-16 04:16:36 +02:00
|
|
|
|
2020-09-08 18:52:38 +02:00
|
|
|
let human_readable_type = row.insertCell(0)
|
|
|
|
human_readable_type.innerHTML = current['human_readable_type'];
|
|
|
|
human_readable_type.className = 'human_readable_type';
|
2020-08-16 04:16:36 +02:00
|
|
|
|
2020-09-08 18:52:38 +02:00
|
|
|
let sender_id = row.insertCell(-1)
|
|
|
|
sender_id.innerHTML = current['sender_id'];
|
|
|
|
sender_id.className = 'sender_id';
|
2020-08-16 04:16:36 +02:00
|
|
|
|
2020-09-08 18:52:38 +02:00
|
|
|
let parsed = row.insertCell(-1)
|
|
|
|
if (current['parsed'].startsWith("PARSE ERROR")) {
|
|
|
|
parsed.setAttribute("error", true);
|
|
|
|
}
|
|
|
|
parsed.innerHTML = current['parsed'];
|
|
|
|
parsed.className += 'parsed';
|
2020-08-16 04:16:36 +02:00
|
|
|
|
2020-09-08 18:52:38 +02:00
|
|
|
let time = row.insertCell(-1)
|
|
|
|
time.innerHTML = current['time'];
|
|
|
|
time.className = 'time';
|
2020-08-16 04:16:36 +02:00
|
|
|
|
2020-09-08 18:52:38 +02:00
|
|
|
let raw_message = row.insertCell(-1);
|
|
|
|
raw_message.innerHTML = current['raw_message'];
|
|
|
|
raw_message.classList.add("raw");
|
|
|
|
raw_message.classList.add("raw_message");
|
2020-08-16 04:16:36 +02:00
|
|
|
|
2020-09-08 18:52:38 +02:00
|
|
|
let raw_id = row.insertCell(-1);
|
|
|
|
raw_id.innerHTML = current['pretty_raw_sender_id'];
|
|
|
|
raw_id.classList.add("raw");
|
|
|
|
raw_id.classList.add("raw_id");
|
|
|
|
}
|
|
|
|
maxseen = data.length;
|
2020-08-16 04:16:36 +02:00
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
2020-09-08 18:52:38 +02:00
|
|
|
function toggle_logging() {
|
|
|
|
if (paused) {
|
|
|
|
paused = false;
|
|
|
|
document.getElementById("toggle_button").innerHTML = "Pause";
|
|
|
|
updaterID = setInterval(updateMessages, 1000);
|
|
|
|
} else {
|
|
|
|
paused = true;
|
|
|
|
document.getElementById("toggle_button").innerHTML = "Start";
|
|
|
|
clearInterval(updaterID);
|
|
|
|
}
|
|
|
|
}
|
2020-08-16 04:16:36 +02:00
|
|
|
|