Kelder/obus
33
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity

Add fade

Browse source
This commit is contained in:
redfast00 2020-09-09 13:57:16 +02:00
parent 82e90f876b
commit 5412039f8e
No known key found for this signature in database
GPG key ID: 5946E0E34FD0553C
2 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
debugging_tool/static/index.html
View file

@ -8,7 +8,7 @@
body {
font-family: sans-serif;
}
.hide {
display: none;
}
@ -40,6 +40,15 @@
text-align: left;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
.fade {
animation: fadein 0.5s;
}
tr:hover {
background-color: #aaa;
}
@ -78,10 +87,10 @@
<body>
<button onclick="toggle_logging()" id="toggle_button">Start</button>
<input type="checkbox" id="show_raw" name="show_raw" checked autocomplete="off" onchange="updateShow()">
<label for="show_raw">Show raw address and payload</label>
<table id="message_table">
<tr>
<th>Human-readable type</th>

4
debugging_tool/static/script.js
View file

@ -26,9 +26,10 @@ function updateMessages() {
response.json().then(function(data) {
if (data.length > maxseen) {
let messageTable = document.getElementById('message_table');
for (let i = maxseen; i < data.length; i++) {
let row = messageTable.insertRow(1);
row.classList.add("fade");
let current = data[i];
let human_readable_type = row.insertCell(0)
@ -83,4 +84,3 @@ function toggle_logging() {
clearInterval(updaterID);
}
}