1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/Resources/Web/index.html Sun May 27 20:15:32 2012 +0000
1.3 @@ -0,0 +1,61 @@
1.4 +<!-- This Source Code Form is subject to the terms of the Mozilla Public
1.5 + - License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + - file, You can obtain one at http://mozilla.org/MPL/2.0/.
1.7 +
1.8 + - Copyright (C) 2012 Prince Samuel <prince.samuel@gmail.com> -->
1.9 +
1.10 +<html>
1.11 + <head>
1.12 + <title>Open Hardware Monitor - Web Version</title>
1.13 + <script type='text/javascript' src='js/jquery-1.7.2.min.js'></script>
1.14 + <script type='text/javascript' src='js/jquery.tmpl.min.js'></script>
1.15 + <script type='text/javascript' src='js/knockout-2.1.0.min.js'></script>
1.16 + <script type='text/javascript' src='js/knockout.mapping-latest.min.js'></script>
1.17 +
1.18 + <link href="css/jquery.treeTable.css" rel="stylesheet" type="text/css" />
1.19 + <script type='text/javascript' src='js/jquery.treeTable.min.js'></script>
1.20 +
1.21 + <link href="css/custom-theme/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />
1.22 + <link href="css/ohm_web.css" rel="stylesheet" type="text/css" />
1.23 + <script type='text/javascript' src='js/jquery-ui-1.8.16.custom.min.js'></script>
1.24 + <style>
1.25 + #toolbar {
1.26 + padding: 10px 10px;
1.27 + }
1.28 + #slider {
1.29 + display: inline-block;
1.30 + width: 100px;
1.31 + }
1.32 + </style>
1.33 +
1.34 +
1.35 + <script type='text/javascript' src='js/ohm_web.js'></script>
1.36 +
1.37 + </head>
1.38 +
1.39 + <body>
1.40 +
1.41 + <div class="header">
1.42 +
1.43 + <span id="toolbar" class="ui-widget-header ui-corner-all">
1.44 + <button id="refresh" data-bind="click: update">Refresh</button>
1.45 + <input type="checkbox" id="auto_refresh" data-bind="checked: auto_refresh"/><label for="auto_refresh">Auto Refresh</label>
1.46 + <div id="slider"></div> <span for="auto_refresh" id="lbl"></span>
1.47 + </span>
1.48 + </div>
1.49 +
1.50 + <div class="main">
1.51 + <table data-bind="treeTable: flattened, treeOptions: { initialState: 'expanded', clickableNodeNames: true } ">
1.52 + <thead><td>Sensor</td><td>Min</td><td>Value</td><td>Max</td>
1.53 + <tbody data-bind="foreach: flattened">
1.54 + <tr data-bind="attr: { 'id': 'node-' + id(), 'class': parent.id()?'child-of-node-' + parent.id():'' }">
1.55 + <td data-bind="html: '<img src=' + ImageURL() + ' /> ' + Text()"></td>
1.56 + <td data-bind="text: Min"></td>
1.57 + <td data-bind="text: Value"></td>
1.58 + <td data-bind="text: Max"></td>
1.59 + </tr>
1.60 + </tbody>
1.61 + </table>
1.62 + </div>
1.63 + </body>
1.64 + </html>