comparison: www/index.php
www/index.php
- changeset 9
- 5b384299cc53
- parent 8
- 50545c3e36c6
equal
deleted
inserted
replaced
| 8:50545c3e36c6 | 9:5b384299cc53 |
|---|---|
| 30 $(document).ready(function () { | 30 $(document).ready(function () { |
| 31 /* | 31 /* |
| 32 * Different right panel pages | 32 * Different right panel pages |
| 33 */ | 33 */ |
| 34 var refreshIntervalId = 0; | 34 var refreshIntervalId = 0; |
| 35 $("#fermentor_thermometers").hide(); | 35 $("#fermenter_thermometers").hide(); |
| 36 $("#splitter").jqxSplitter({ theme: "<?php echo $my_style; ?>", width: 1278, height: 618, panels: [{ size: 250}] }); | 36 $("#splitter").jqxSplitter({ theme: "<?php echo $my_style; ?>", width: 1278, height: 618, panels: [{ size: 250}] }); |
| 37 $("#jqxTree").jqxTree({ theme: "<?php echo $my_style; ?>", height: "100%", width: "100%" }); | 37 $("#jqxTree").jqxTree({ theme: "<?php echo $my_style; ?>", height: "100%", width: "100%" }); |
| 38 /* | 38 /* |
| 39 * Build the nodes subtree | 39 * Build the nodes subtree |
| 40 */ | 40 */ |
| 63 if (refreshIntervalId > 0) { | 63 if (refreshIntervalId > 0) { |
| 64 console.log( "RefreshIIntervald: " + refreshIntervalId + " stopped" ); | 64 console.log( "RefreshIIntervald: " + refreshIntervalId + " stopped" ); |
| 65 clearInterval(refreshIntervalId); | 65 clearInterval(refreshIntervalId); |
| 66 refreshIntervalId = 0; | 66 refreshIntervalId = 0; |
| 67 } | 67 } |
| 68 $("#fermentor_thermometers").hide(); | 68 $("#fermenter_thermometers").hide(); |
| 69 $("#gaugeContainer_air").hide(); | 69 $("#gaugeContainer_air").hide(); |
| 70 $("#gaugeContainer_beer").hide(); | 70 $("#gaugeContainer_beer").hide(); |
| 71 $("#gaugeContainer_chiller").hide(); | 71 $("#gaugeContainer_chiller").hide(); |
| 72 /* | 72 /* |
| 73 * Process the selected id from the left panel tree and show the correct page in the right panel. | 73 * Process the selected id from the left panel tree and show the correct page in the right panel. |
| 177 value: 0, | 177 value: 0, |
| 178 colorScheme: 'scheme05', | 178 colorScheme: 'scheme05', |
| 179 animationDuration: 1200, | 179 animationDuration: 1200, |
| 180 caption: { value: 'Chiller', position: 'bottom', offset: [0, 10] } | 180 caption: { value: 'Chiller', position: 'bottom', offset: [0, 10] } |
| 181 }; | 181 }; |
| 182 $("#fermentor_thermometers").show(); | 182 $("#fermenter_thermometers").show(); |
| 183 $("#gaugeContainer_air").show(); | 183 $("#gaugeContainer_air").show(); |
| 184 $("#gaugeContainer_air").jqxGauge( gaugeoptions ); | 184 $("#gaugeContainer_air").jqxGauge( gaugeoptions ); |
| 185 $("#gaugeContainer_air").jqxGauge( { caption: { value: 'Air', position: 'bottom', offset: [0, 10] }} ); | 185 $("#gaugeContainer_air").jqxGauge( { caption: { value: 'Air', position: 'bottom', offset: [0, 10] }} ); |
| 186 $("#gaugeContainer_beer").show(); | 186 $("#gaugeContainer_beer").show(); |
| 187 $("#gaugeContainer_beer").jqxGauge( gaugeoptions ); | 187 $("#gaugeContainer_beer").jqxGauge( gaugeoptions ); |
| 272 if (record.online && (record.chiller_state == "OK")) { | 272 if (record.online && (record.chiller_state == "OK")) { |
| 273 $("#gaugeContainer_chiller").jqxGauge({ disabled: false }); | 273 $("#gaugeContainer_chiller").jqxGauge({ disabled: false }); |
| 274 } else { | 274 } else { |
| 275 $("#gaugeContainer_chiller").jqxGauge({ disabled: true }); | 275 $("#gaugeContainer_chiller").jqxGauge({ disabled: true }); |
| 276 } | 276 } |
| 277 html = "<div>SpH <span class='temperature NUM'>" + record.setpoint_high + "</span></div>"; | |
| 278 html += "<div>SpL <span class='temperature NUM'>" + record.setpoint_low + "</span></div>"; | |
| 279 html += "<div>Air <span class='temperature NUM'>" + record.air_temperature + "</span></div>"; | |
| 280 html += "<div>Beer <span class='temperature NUM'>" + record.beer_temperature + "</span></div>"; | |
| 281 $("#fermenter_tempdigits").html(html); | |
| 277 } | 282 } |
| 278 }); | 283 }); |
| 279 // Get the data immediatly and then at regular intervals to refresh. | 284 // Get the data immediatly and then at regular intervals to refresh. |
| 280 dataAdapter.dataBind(); | 285 dataAdapter.dataBind(); |
| 281 refreshIntervalId = setInterval(function(){ | 286 refreshIntervalId = setInterval(function(){ |
| 336 </ul> | 341 </ul> |
| 337 </div> <!-- jqxTree --> | 342 </div> <!-- jqxTree --> |
| 338 </div> <!-- tree panel --> | 343 </div> <!-- tree panel --> |
| 339 <div id="RightPanel"> | 344 <div id="RightPanel"> |
| 340 <div id="ContentPanel"></div> | 345 <div id="ContentPanel"></div> |
| 341 <div id='fermentor_thermometers'> | 346 <div id='fermenter_thermometers'> |
| 342 <div id="gaugeContainer_air" style='float: left; margin-top: 10px; margin-left: 10px;'></div> | 347 <div id="gaugeContainer_air" style='float: left; margin-top: 10px; margin-left: 10px;'></div> |
| 343 <div id="gaugeContainer_beer" style="float: right; margin-top: 10px; margin-right: 10px;"></div> | 348 <div id="gaugeContainer_beer" style="float: right; margin-top: 10px; margin-right: 10px;"></div> |
| 344 <div id="gaugeContainer_chiller" style="float: left; margin-top: 15px;"></div> | 349 <div id="gaugeContainer_chiller" style="float: left; margin-top: 15px;"></div> |
| 350 <div id="fermenter_tempdigits"></div> | |
| 345 </div> | 351 </div> |
| 346 </div> | 352 </div> |
| 347 </div> <!--- splitter --> | 353 </div> <!--- splitter --> |
| 348 </div> <!-- jqxWidget --> | 354 </div> <!-- jqxWidget --> |
| 349 </body> | 355 </body> |
