Subversion Repositories HomeAutomation

Rev

Rev 2054 | Show entire file | Regard whitespace | Details | Blame | Last modification | View Log | SVN | RSS feed

Rev 2054 Rev 2056
Line 1... Line 1...
1 
<?php
 1 
<?php
2 
$aliasesDimmer = array("TakSovrum", "bardisk", "bardisk_tak", "bardisk_tv","Power", "PowerBRF");
 2 
$aliasesDimmer = array("powerMeter", "heatMeter");
3 
$aliasesPower = array("Power", "PowerBRF");
 3 
//$aliasesPower = array("powerMeter", "heatMeter");
4 
 
 4 
 
5 
require 'atom_interface.php';
 5 
require 'atom_interface.php';
6 
require 'getSetData.php';
 6 
require 'getSetData.php';
7 
 
 7 
 
8 
$response = array();
 8 
$response = array();
Line 54... Line 54...
54 
  <meta name="viewport" content="width=device-width, initial-scale=1">
 54 
  <meta name="viewport" content="width=device-width, initial-scale=1">
55 
  <title>Light switch</title>
 55 
  <title>Light switch</title>
56 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
 56 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
57 
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
 57 
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
58 
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
 58 
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
59 
<?
 59 
<?php
60 
//  <link rel="stylesheet"  href="jquery.mobile-1.0b1.css" />
60 
//  <link rel="stylesheet"  href="jquery.mobile-1.0b1.css" />
61 
//  <script src="jquery-1.6.1.min.js"></script>
61 
//  <script src="jquery-1.6.1.min.js"></script>
62 
//  <script src="jquery.mobile-1.0b1.min.js"></script>
62 
//  <script src="jquery.mobile-1.0b1.min.js"></script>
63 
?>
 63 
?>
64 
  <script>
 64 
  <script>
65 
 
 65 
 
66 
    $(document).bind("pagecreate", function(event, ui)
 66 
    $(document).bind("pagecreate", function(event, ui)
67 
    {
 67 
    {
68 
      <?
 68 
      <?php
69 
      foreach ($aliasesDimmer as $alias)
 69 
      foreach ($aliasesDimmer as $alias)
70 
      {
 70 
      {
71 
      ?>
 71 
      ?>
72 
        $('#slider<?=$alias?>' ).bind('change', function(event, ui){ makeAjaxChange("<?=$alias?>"); });
 72 
        $('#slider<?php=$alias?>' ).bind('change', function(event, ui){ makeAjaxChange("<?php=$alias?>"); });
73 
      <?
 73 
      <?php
74 
      }
 74 
      }
75 
      ?>
 75 
      ?>
76 
      delayed_start_of_poll();
 76 
      delayed_start_of_poll();
77 
    });
 77 
    });
78 
 
 78 
 
79 
    var current_value = {};
 79 
    var current_value = {};
80 
    var next_value = {};
 80 
    var next_value = {};
81 
   
 81 
   
82 
    <?
 82 
    <?php
83 
    foreach ($aliasesDimmer as $alias)
 83 
    foreach ($aliasesDimmer as $alias)
84 
    {
 84 
    {
85 
    ?>
 85 
    ?>
86 
      current_value['<?=$alias?>'] = 0;
 86 
      current_value['<?php=$alias?>'] = 0;
87 
      next_value['<?=$alias?>'] = -1;
 87 
      next_value['<?php=$alias?>'] = -1;
88 
    <?
 88 
    <?php
89 
    }
 89 
    }
90 
    ?>
 90 
    ?>
91 
    var updating_current = false;
 91 
    var updating_current = false;
92 
    var timer = null;
 92 
    var timer = null;
93 
 
 93 
 
Line 199... Line 199...
199 
      <div data-role="collapsible-set" data-theme="" data-content-theme="">
 199 
      <div data-role="collapsible-set" data-theme="" data-content-theme="">
200 
    <div data-role="collapsible" data-collapsed="true">
 200 
    <div data-role="collapsible" data-collapsed="true">
201 
      <h3>
 201 
      <h3>
202 
        Dimmers
 202 
        Dimmers
203 
      </h3>
 203 
      </h3>
204 
      <?
 204 
      <?php
205 
      foreach ($aliasesDimmer as $alias)
 205 
      foreach ($aliasesDimmer as $alias)
206 
      {
 206 
      {
207 
      ?>
 207 
      ?>
208 
      <div data-role="fieldcontain" id="slider-container">
 208 
      <div data-role="fieldcontain" id="slider-container">
209 
        <label for="slider<?=$alias?>"><?=ucfirst($alias)?>:</label>
 209 
        <label for="slider<?php=$alias?>"><?php=ucfirst($alias)?>:</label>
210 
        <input type="range" name="slider<?=$alias?>" id="slider<?=$alias?>" value="<?=intval($level)?>" min="0" max="255"  />
 210 
        <input type="range" name="slider<?php=$alias?>" id="slider<?php=$alias?>" value="<?php=intval($level)?>" min="0" max="255"  />
211 
      </div>
 211 
      </div>
212 
 
 212 
 
213 
      <div style="">
 213 
      <div style="">
214 
 
 214 
 
215 
      </div>
 215 
      </div>
216 
      <?
 216 
      <?php
217 
      }
 217 
      }
218 
      ?>
 218 
      ?>
219 
    </div>
 219 
    </div>
220 
      </div>
 220 
      </div>
221 
      <div data-role="collapsible-set" data-theme="" data-content-theme="">
 221 
      <div data-role="collapsible-set" data-theme="" data-content-theme="">
222 
    <div data-role="collapsible" data-collapsed="true">
 222 
    <div data-role="collapsible" data-collapsed="true">
223 
      <h3>
 223 
      <h3>
224 
        Power
 224 
        Power
225 
      </h3>
 225 
      </h3>
226 
      <?
 226 
      <?php
227 
      foreach ($aliasesPower as $alias)
 227 
      foreach ($aliasesPower as $alias)
228 
      {
 228 
      {
229 
      ?>
 229 
      ?>
230 
      <div data-role="fieldcontain" id="slider-container">
 230 
      <div data-role="fieldcontain" id="slider-container">
231 
        <label for="slider<?=$alias?>"><?=ucfirst($alias)?>:</label>
 231 
        <label for="slider<?php=$alias?>"><?php=ucfirst($alias)?>:</label>
232 
      </div>
 232 
      </div>
233 
 
 233 
 
234 
      <div style="">
 234 
      <div style="">
235 
 
 235 
 
236 
      </div>
 236 
      </div>
237 
      <?
 237 
      <?php
238 
      }
 238 
      }
239 
      ?>
 239 
      ?>
240 
    </div>
 240 
    </div>
241 
      </div>
 241 
      </div>
242 
      <div data-role="collapsible-set" data-theme="" data-content-theme="">
 242 
      <div data-role="collapsible-set" data-theme="" data-content-theme="">
243 
    <div data-role="collapsible" data-collapsed="true">
 243 
    <div data-role="collapsible" data-collapsed="true">
244 
      <h3>
 244 
      <h3>
245 
        Ute temperatur
 245 
        Ute temperatur
246 
      </h3>
 246 
      </h3>
247 
      <div id="current-information">None</div>
 247 
      <div id="current-information">None</div>
248 
<?
 248 
<?php
249 
//    <div style="width: 997px; height: 519px; position: relative; background-color: #fbfbfb; border: 1px solid #b8b8b8;">
 249 
//    <div style="width: 997px; height: 519px; position: relative; background-color: #fbfbfb; border: 1px solid #b8b8b8;">
250 
//      <img style=" top: 50%; left: 50%; " src="http://linuxz-home.mine.nu/CANgraph/outside_day.png" />
 250 
//      <img style=" top: 50%; left: 50%; " src="http://linuxz-home.mine.nu/CANgraph/outside_day.png" />
251 
//    </div>
 251 
//    </div>
252 
?>
 252 
?>
253 
    </div>
 253 
    </div>