pcvolkmer/onco-analytics-monitor
1
0
Fork 0
mirror of https://github.com/pcvolkmer/onco-analytics-monitor.git synced 2025-07-06 02:12:55 +00:00
Code Issues Activity

feat: highlight changed values for 2sec

Browse Source
This commit is contained in:
Paul-Christian Volkmer
2024-08-08 20:15:39 +02:00
parent 48677250b4
commit b0dc82ed27
2 changed files with 25 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/main/resources/templates/index.html
View File

@ -65,16 +65,26 @@
</main>
<script>
const prevData = [];
function updateData(data, elemName) {
let elem = document.getElementById(elemName);
elem.parentElement.parentElement.style.backgroundColor = '#cfc';
elem.parentElement.parentElement.style.backgroundColor = '#00800055';
setTimeout(() => {
elem.parentElement.parentElement.style.backgroundColor = '';
}, 1000);
}, 250);
let diff = data.entries
.filter((entry, idx) => prevData[elemName] !== undefined && prevData[elemName][idx].count !== entry.count)
.map(entry => entry.name);
elem.innerHTML = '<thead><tr><th>ICD10-Gruppe</th><th>Anzahl</th></tr></thead>'
+ Array.from(data.entries).map(entry => `<tr><td>${entry.name}</td><td>${entry.count}</td></tr>`).join('');
+ Array.from(data.entries)
.map(entry => (Array.from(diff).includes(entry.name)) ? `<tr class="changed"><td>${entry.name}</td><td>${entry.count}</td></tr>` : `<tr><td>${entry.name}</td><td>${entry.count}</td></tr>`)
.join('');
prevData[elemName] = data.entries;
}
fetch('/statistics/obdsxml').then(res => res.json()).then(data => updateData(data, 'obdsxml'));