blob: bee04b0bc553523a5763fab1829f606249e8596d [file] [log] [blame]
<!DOCTYPE html>
<meta charset="utf-8">
<style type="text/css">
table {
margin: auto;
border: solid 4px #779FD3;
border-spacing: 0;
}
th, td {
padding: 0 8px;
}
thead tr {
font-size: 200%;
background-color: #CDDFF0;
}
thead tr th {
text-align: center;
}
tbody tr {
background-color: white;
}
tbody tr:first-child * {
padding-top: 4px;
}
tbody tr:last-child * {
padding-bottom: 4px;
}
.float-right {
float: right;
}
.cd-log, .cd-legend {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
border: solid 4px #779FD3;
background-color: white;
text-align: left;
width: 80%;
}
.cd-log {
height: 50%;
overflow: scroll;
padding: 10px;
}
.cd-legend {
display: none;
}
.cd-legend-title {
font-weight: bold;
text-align: center;
width: 100%;
background-color: #CDDFF0;
}
.cd-legend-item-container {
padding-left: 5px;
padding-right: 5px;
}
.cd-legend-item {
width: 24%;
display: inline-block;
}
</style>
<div class="test-vcenter-outer">
<div class="test-vcenter-inner" id="cd-container">
<table>
<thead>
<tr>
<th colspan=2>
<span class='goofy-label-en' id='cd-title-en'></span>
<span class='goofy-label-zh' id='cd-title-zh'></span>
</th>
</tr>
</thead>
<tbody>
<tr>
<th>
<span class='goofy-label-en'>Elapsed time:</span>
<span class='goofy-label-zh'>经过时间:</span>
</th>
<td id='cd-elapsed-time'>00:00:00</td>
</tr>
<tr>
<th>
<span class='goofy-label-en'>Remaining time:</span>
<span class='goofy-label-zh'>剩余时间:</span>
</th>
<td id='cd-remaining-time'>00:00:00</td>
</tr>
<tr>
<th>
<span class='goofy-label-en'>Load:</span>
<span class='goofy-label-zh'>系统负载:</span>
</th>
<td id='cd-system-load'></span>
</tr>
</tbody>
</table>
<div class='cd-log' id='cd-log-panel'>
</div>
<div class='cd-legend' id='cd-legend-panel'>
<div class='cd-legend-title'>Temperature Sensor Names</div>
<div class='cd-legend-item-container' id='cd-legend-item-panel'></div>
</div>
</div></div>