some fixes
This commit is contained in:
+11
-7
@@ -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'}`;
|
||||||
|
|||||||
Reference in New Issue
Block a user