75 lines
1.3 KiB
HTML
75 lines
1.3 KiB
HTML
<!doctype html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>CAN debugger</title>
|
|
<style>
|
|
body {
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
.hide {
|
|
display: none;
|
|
}
|
|
|
|
.parsed {
|
|
background: lightgreen;
|
|
}
|
|
|
|
td.raw {
|
|
font-family: monospace, monospace;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
th, td {
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
padding: 5px;
|
|
}
|
|
|
|
th {
|
|
background-color: gold;
|
|
border-bottom: 2px solid black;
|
|
border-top: 2px solid black;
|
|
height: 20px;
|
|
text-align: left;
|
|
}
|
|
|
|
tr:hover {
|
|
background-color: #aaa;
|
|
}
|
|
|
|
td[error] {
|
|
background-color: rgb(255, 71, 71);
|
|
}
|
|
|
|
.time, .raw_id, .sender_id {
|
|
text-align: right;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<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>
|
|
<th>Sender ID</th>
|
|
<th>Parsed payload</th>
|
|
<th>Time</th>
|
|
<th class="raw">Raw Message</th>
|
|
<th class="raw">Raw ID</th>
|
|
</tr>
|
|
</table>
|
|
<script src="static/script.js"></script>
|
|
</body>
|
|
</html>
|