first attempt with log viewer filter

This commit is contained in:
DJ2LS 2022-11-09 12:59:35 +01:00
parent 553013cbb4
commit db0f472f43
2 changed files with 56 additions and 3 deletions

View file

@ -11,11 +11,52 @@ const config = require(configPath);
// WINDOW LISTENER
window.addEventListener('DOMContentLoaded', () => {
// here we could add filter buttons, somewhen later..
document.getElementById('enable_filter_info').addEventListener('click', () => {
if (document.getElementById('enable_filter_info').checked){
display_class("table-info", true)
} else {
display_class("table-info", false)
}
})
document.getElementById('enable_filter_debug').addEventListener('click', () => {
if (document.getElementById('enable_filter_debug').checked){
display_class("table-debug", true)
} else {
display_class("table-debug", false)
}
})
document.getElementById('enable_filter_warning').addEventListener('click', () => {
if (document.getElementById('enable_filter_warning').checked){
display_class("table-warning", true)
} else {
display_class("table-warning", false)
}
})
document.getElementById('enable_filter_error').addEventListener('click', () => {
if (document.getElementById('enable_filter_error').checked){
display_class("table-error", true)
} else {
display_class("table-error", false)
}
})
})
function display_class(class_name, state){
const collection = document.getElementsByClassName(class_name);
for (let i = 0; i < collection.length; i++) {
if (state === true){
collection[i].style.display = "block";
} else {
collection[i].style.display = "None";
}
}
}
ipcRenderer.on('action-update-log', (event, arg) => {
var entry = arg.entry
@ -63,7 +104,7 @@ ipcRenderer.on('action-update-log', (event, arg) => {
if (logEntryText.innerText.includes('[error ]')) {
row.classList.add("table-danger");
}
// scroll to bottom of page
// https://stackoverflow.com/a/11715670

View file

@ -16,6 +16,18 @@
<script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<!-- chart.js -->
<input type="checkbox" class="btn-check" id="enable_filter_info" autocomplete="off" checked>
<label class="btn btn-outline-info" for="enable_filter_info">info</label>
<input type="checkbox" class="btn-check" id="enable_filter_debug" autocomplete="off">
<label class="btn btn-outline-primary" for="enable_filter_debug">debug</label>
<input type="checkbox" class="btn-check" id="enable_filter_warning" autocomplete="off">
<label class="btn btn-outline-warning" for="enable_filter_warning">warning</label>
<input type="checkbox" class="btn-check" id="enable_filter_error" autocomplete="off">
<label class="btn btn-outline-danger" for="enable_filter_error">error</label>
<table class="table table-hover">
<thead>