Resources/Web/index.html
author StephaneLenclud
Thu, 18 Apr 2013 23:25:10 +0200
branchMiniDisplay
changeset 444 9b09e2ee0968
permissions -rw-r--r--
Front View plug-in does not init if no sensor added.
Fixing some format to make strings shorter.
Now trying to start SoundGraphAccess.exe process from same directory.
Packed mode now can display three sensors along with the current time.
     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>