some fixes

This commit is contained in:
Sergey Krashevich
2024-03-22 17:08:12 +03:00
parent a50c99b8e5
commit de70b0a861
+11 -7
View File
@@ -54,7 +54,7 @@
<div> <div>
<button id="clean">Clean</button> <button id="clean">Clean</button>
<button id="update">Auto Update: ON</button> <button id="update">Auto Update: ON</button>
<button id="reverse">Reverse Log Order: ON</button> <button id="reverse">Reverse Log Order: OFF</button>
</div> </div>
<br> <br>
<table> <table>
@@ -86,11 +86,18 @@
.replace(/\n/g, '<br>'); .replace(/\n/g, '<br>');
} }
let reverseBtn = document.getElementById('reverse');
let update = document.getElementById('update');
let reverseOrder = false; let reverseOrder = false;
let autoUpdateEnabled = true;
reverseBtn.textContent = `Reverse Log Order: ${reverseOrder ? 'ON' : 'OFF'}`;
update.textContent = `Auto Update: ${autoUpdateEnabled ? 'ON' : 'OFF'}`;
function applyLogStyling(jsonlines) { function applyLogStyling(jsonlines) {
const KEYS = ['time', 'level', 'message']; const KEYS = ['time', 'level', 'message'];
const lines = JSON.parse('[' + jsonlines.trimEnd().replaceAll('\n', ',') + ']'); let lines = JSON.parse('[' + jsonlines.trimEnd().replaceAll('\n', ',') + ']');
if (reverseOrder) { if (reverseOrder) {
lines = lines.reverse(); lines = lines.reverse();
} }
@@ -118,17 +125,14 @@
reload(); reload();
// Handle auto-update switch update.textContent = `Auto Update: ${autoUpdateEnabled ? 'ON' : 'OFF'}`;
let autoUpdateEnabled = true;
const update = document.getElementById('update');
update.addEventListener('click', () => { update.addEventListener('click', () => {
autoUpdateEnabled = !autoUpdateEnabled; autoUpdateEnabled = !autoUpdateEnabled;
update.textContent = `Auto Update: ${autoUpdateEnabled ? 'ON' : 'OFF'}`; update.textContent = `Auto Update: ${autoUpdateEnabled ? 'ON' : 'OFF'}`;
}); });
// Toggle log order // Toggle log order
const reverseBtn = document.getElementById('reverse'); reverseBtn.textContent = `Reverse Log Order: ${reverseOrder ? 'ON' : 'OFF'}`;
reverseBtn.addEventListener('click', () => { reverseBtn.addEventListener('click', () => {
reverseOrder = !reverseOrder; reverseOrder = !reverseOrder;
reverseBtn.textContent = `Reverse Log Order: ${reverseOrder ? 'ON' : 'OFF'}`; reverseBtn.textContent = `Reverse Log Order: ${reverseOrder ? 'ON' : 'OFF'}`;