|
<html xmlns="http://www.w3.org/1999/xhtml"
|
|
xmlns:py="http://genshi.edgewall.org/">
|
|
<head>
|
|
<title>Beer Fermenation Control System</title>
|
|
<style type="text/css">
|
|
body {font-family: sans-serif;
|
|
font-size: 16px}
|
|
h3 {font-size: 24px;}
|
|
table {border: 1px solid #000;
|
|
border-spacing: 0px;}
|
|
table a:link {color: #000;
|
|
text-decoration: none;}
|
|
table a:visited {color: #000;
|
|
text-decoration: none;}
|
|
table a:hover {color: #000;
|
|
text-decoration: underline;}
|
|
tr.even {background-color: #FFF;}
|
|
tr.odd {background-color: #FFC;}
|
|
th {border: 1px solid #000;
|
|
padding: 10px;
|
|
border-spacing: 2px;}
|
|
td {border-top: 1px solid #000;
|
|
padding: 2px 5px;}
|
|
.center {text-align: center;}
|
|
.sensor1 {background-color: #FC0;}
|
|
.sensor2 {background-color: #C3F;}
|
|
.sensor3 {background-color: #0C0;}
|
|
.sensor4 {background-color: #F60;}
|
|
.avg {background-color: #AAA;}
|
|
.max {background-color: #CCC;}
|
|
.min {background-color: #EEE;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>${title}</h1>
|
|
<h3>Sensor Reading Summary</h3>
|
|
<table>
|
|
<tr>
|
|
<th colspan="2"> </th>
|
|
<th colspan="3" class="sensor1">Sensor 1</th>
|
|
<th colspan="3" class="sensor2">Sensor 2</th>
|
|
<th colspan="3" class="sensor3">Sensor 3</th>
|
|
<th colspan="3" class="sensor4">Sensor 4</th>
|
|
</tr>
|
|
<tr>
|
|
<th>Date</th>
|
|
<th>Readings</th>
|
|
<th class="avg">Avg</th>
|
|
<th class="max">Max</th>
|
|
<th class="min">Min</th>
|
|
<th class="avg">Avg</th>
|
|
<th class="max">Max</th>
|
|
<th class="min">Min</th>
|
|
<th class="avg">Avg</th>
|
|
<th class="max">Max</th>
|
|
<th class="min">Min</th>
|
|
<th class="avg">Avg</th>
|
|
<th class="max">Max</th>
|
|
<th class="min">Min</th>
|
|
</tr>
|
|
<tr py:for="ctr, row in enumerate(results)" class="${ctr % 2 and 'odd' or 'even'}">
|
|
<td><a href="bfcs/day/${row[0][3:5] + row[0][0:2] + row[0][6:10]}">${row[0]}</a></td>
|
|
<td class="center">${row[1]}</td>
|
|
<td class="center">${round(float(row[2]), 3)}</td>
|
|
<td class="center">${row[3]}</td>
|
|
<td class="center">${row[4]}</td>
|
|
|
|
<td class="center">${round(float(row[5]), 3)}</td>
|
|
<td class="center">${row[6]}</td>
|
|
<td class="center">${row[7]}</td>
|
|
|
|
<td class="center">${round(float(row[8]), 3)}</td>
|
|
<td class="center">${row[9]}</td>
|
|
<td class="center">${row[10]}</td>
|
|
|
|
<td class="center">${round(float(row[11]), 3)}</td>
|
|
<td class="center">${row[12]}</td>
|
|
<td class="center">${row[13]}</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</body>
|
|
</html>
|