bobwen-dev
/
cockpit-temperature-plugin
mirror of https://github.com/bobwen-dev/cockpit-temperature-plugin
0
0
Fork 0
Code Issues Releases Wiki Activity

Modify the page code with css

This commit is contained in:
Bob Wen 2021-03-08 13:20:34 +08:00 committed by GitHub
parent 45df8475d0
commit d176f12d8f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 50 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
temperature.html
View File

@ -2,38 +2,58 @@
<html> <html>
<head> <head>
<title>Temperature</title> <meta charset="utf-8">
<meta charset="utf-8"> <title>Temperature</title>
<link href="../base1/cockpit.css" type="text/css" rel="stylesheet"> <style>
<script src="../base1/jquery.js"></script> body {
<script src="../base1/cockpit.js"></script> font-family: 'Courier New', Courier, monospace;
<script type="text/javascript" src="smoothie.js"></script> }
<script type="text/javascript" src="temperature.js"></script> #table {
width:100%;
<style> }
tr { #table tr {
font-size: 16pt font-size: 16pt
} }
</style> #table [colspan="2"] {
text-align:center;
width:100%
}
#table #title {
font-size:24pt;
}
#table .key {
text-align:right;
width: 40%;
padding:.2rem;
}
#table .value {
text-align: left;
width: 60%;
padding: .2rem;
}
</style>
</head> </head>
<body onresize="resize_canvas()"> <body onresize="resize_canvas()">
<div align=center> <table id=table>
<table id=table style="width:100%;font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif"> <tr>
<tr> <th colspan="2" id="title">CPU Temperature</th>
<th colspan="2" style="font-size:24pt;text-align:center">CPU Temperature</th> </tr>
</tr> <tr>
<tr> <td colspan="2"><canvas id="smoothie-chart" height="300"></canvas></td>
<td colspan="2" style="text-align:center;width:100%"><canvas id="smoothie-chart" height="300"></canvas></td> </tr>
</tr> <tr>
<tr> <td class="key">Current Temperature:</td>
<th style="text-align:right;width:40%;padding:4px">Current Temperature [°C]:</th><td id="cur_temp" style="text-align:left;width: 60%"></td> <td class="value"><code id="cur_temp" ></code><code> °C</code></td>
</tr> </tr>
<tr> <tr>
<th style="text-align:right;padding:4px">Average Temperature [°C](5m):</th><td id=avg_temp style="text-align:left"></td> <td class="key">Average Temperature (5m):</td>
</tr> <td class="value"><code id="avg_temp" ></code><code> °C</code></td>
</table> </tr>
</div> </table>
</body>
<script src="../base1/cockpit.js"></script>
<script src="smoothie.js"></script>
<script src="temperature.js"></script>
</body>
</html> </html>