| author | moel.mich |
| Sun, 27 May 2012 20:15:32 +0000 | |
| changeset 348 | d8fa1e55acfa |
| permissions | -rw-r--r-- |
| moel@348 | 1 |
<!-- This Source Code Form is subject to the terms of the Mozilla Public |
| moel@348 | 2 |
- License, v. 2.0. If a copy of the MPL was not distributed with this |
| moel@348 | 3 |
- file, You can obtain one at http://mozilla.org/MPL/2.0/. |
| moel@348 | 4 |
|
| moel@348 | 5 |
- Copyright (C) 2012 Prince Samuel <prince.samuel@gmail.com> --> |
| moel@348 | 6 |
|
| moel@348 | 7 |
<html> |
| moel@348 | 8 |
<head> |
| moel@348 | 9 |
<title>Open Hardware Monitor - Web Version</title> |
| moel@348 | 10 |
<script type='text/javascript' src='js/jquery-1.7.2.min.js'></script> |
| moel@348 | 11 |
<script type='text/javascript' src='js/jquery.tmpl.min.js'></script> |
| moel@348 | 12 |
<script type='text/javascript' src='js/knockout-2.1.0.min.js'></script> |
| moel@348 | 13 |
<script type='text/javascript' src='js/knockout.mapping-latest.min.js'></script> |
| moel@348 | 14 |
|
| moel@348 | 15 |
<link href="css/jquery.treeTable.css" rel="stylesheet" type="text/css" /> |
| moel@348 | 16 |
<script type='text/javascript' src='js/jquery.treeTable.min.js'></script> |
| moel@348 | 17 |
|
| moel@348 | 18 |
<link href="css/custom-theme/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" /> |
| moel@348 | 19 |
<link href="css/ohm_web.css" rel="stylesheet" type="text/css" /> |
| moel@348 | 20 |
<script type='text/javascript' src='js/jquery-ui-1.8.16.custom.min.js'></script> |
| moel@348 | 21 |
<style> |
| moel@348 | 22 |
#toolbar {
|
| moel@348 | 23 |
padding: 10px 10px; |
| moel@348 | 24 |
} |
| moel@348 | 25 |
#slider {
|
| moel@348 | 26 |
display: inline-block; |
| moel@348 | 27 |
width: 100px; |
| moel@348 | 28 |
} |
| moel@348 | 29 |
</style> |
| moel@348 | 30 |
|
| moel@348 | 31 |
|
| moel@348 | 32 |
<script type='text/javascript' src='js/ohm_web.js'></script> |
| moel@348 | 33 |
|
| moel@348 | 34 |
</head> |
| moel@348 | 35 |
|
| moel@348 | 36 |
<body> |
| moel@348 | 37 |
|
| moel@348 | 38 |
<div class="header"> |
| moel@348 | 39 |
|
| moel@348 | 40 |
<span id="toolbar" class="ui-widget-header ui-corner-all"> |
| moel@348 | 41 |
<button id="refresh" data-bind="click: update">Refresh</button> |
| moel@348 | 42 |
<input type="checkbox" id="auto_refresh" data-bind="checked: auto_refresh"/><label for="auto_refresh">Auto Refresh</label> |
| moel@348 | 43 |
<div id="slider"></div> <span for="auto_refresh" id="lbl"></span> |
| moel@348 | 44 |
</span> |
| moel@348 | 45 |
</div> |
| moel@348 | 46 |
|
| moel@348 | 47 |
<div class="main"> |
| moel@348 | 48 |
<table data-bind="treeTable: flattened, treeOptions: { initialState: 'expanded', clickableNodeNames: true } ">
|
| moel@348 | 49 |
<thead><td>Sensor</td><td>Min</td><td>Value</td><td>Max</td> |
| moel@348 | 50 |
<tbody data-bind="foreach: flattened"> |
| moel@348 | 51 |
<tr data-bind="attr: { 'id': 'node-' + id(), 'class': parent.id()?'child-of-node-' + parent.id():'' }">
|
| moel@348 | 52 |
<td data-bind="html: '<img src=' + ImageURL() + ' /> ' + Text()"></td> |
| moel@348 | 53 |
<td data-bind="text: Min"></td> |
| moel@348 | 54 |
<td data-bind="text: Value"></td> |
| moel@348 | 55 |
<td data-bind="text: Max"></td> |
| moel@348 | 56 |
</tr> |
| moel@348 | 57 |
</tbody> |
| moel@348 | 58 |
</table> |
| moel@348 | 59 |
</div> |
| moel@348 | 60 |
</body> |
| moel@348 | 61 |
</html> |