obus/debugging_tool/static/index.html

75 lines
1.1 KiB
HTML
Raw Normal View History

2020-08-16 04:16:36 +02:00
<!doctype html>
<html lang="en">
<head>
2020-08-19 02:12:51 +02:00
<meta charset="utf-8">
<title>CAN debugger</title>
2020-08-16 04:16:36 +02:00
<style>
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
.message {
2020-08-19 02:12:51 +02:00
display: flex;
2020-08-16 04:16:36 +02:00
animation: fadein 1s;
}
.message > * {
margin-top: 0;
margin-bottom: 0;
padding: 0 1.5ch 0 1.5ch;
}
.hide_details .message .pretty_raw_sender_id {
display: none;
}
.hide_details .message .raw_message {
display: none;
}
.human_readable_type {
order: -5;
}
.time {
2020-08-19 02:12:51 +02:00
order: 5;
2020-08-16 04:16:36 +02:00
}
.sender_id {
order: 1;
}
.parsed {
order: 2;
flex: 1;
2020-08-19 02:12:51 +02:00
background: lightgreen;
2020-08-16 04:16:36 +02:00
}
.pretty_raw_sender_id, .raw_message {
font-family: monospace, monospace;
}
.pretty_raw_sender_id {
order: 9998;
}
.raw_message {
order: 9999;
}
</style>
</head>
<body>
<div>
<input type="checkbox" id="show_raw" name="show_raw" checked onchange="updateShow()">
2020-08-19 02:12:51 +02:00
<label for="show_raw">Show raw address and payload</label>
2020-08-16 04:16:36 +02:00
<input type="checkbox" id="pause" name="pause">
2020-08-19 02:12:51 +02:00
<label for="pause">Pause</label>
2020-08-16 04:16:36 +02:00
</div>
<div id="messages">
</div>
2020-08-19 02:12:51 +02:00
<script src="static/script.js"></script>
2020-08-16 04:16:36 +02:00
</body>
</html>