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