comparison: www/js/mon_fermenter.js
www/js/mon_fermenter.js
- changeset 182
- 58618d93c0fb
- parent 180
- a5aa3502310c
- child 183
- a810539dc218
equal
deleted
inserted
replaced
| 181:db4e62482d0b | 182:58618d93c0fb |
|---|---|
| 23 | 23 |
| 24 $(document).ready(function () { | 24 $(document).ready(function () { |
| 25 | 25 |
| 26 var bname = ''; | 26 var bname = ''; |
| 27 var bcode = ''; | 27 var bcode = ''; |
| 28 var yl = 12; // Normal yeast temp range | |
| 29 var yh = 24; | |
| 28 | 30 |
| 29 var gaugeoptions = { | 31 var gaugeoptions = { |
| 30 min: -5, max: 35, width: 275, height: 275, | 32 min: 0, max: 40, width: 375, height: 375, |
| 31 ranges: [{ startValue: -5, endValue: 0, style: { fill: '#3399FF', stroke: '#3399FF' }, endWidth: 10, startWidth: 10 }, | 33 ranges: [{ startValue: 0, endValue: yl, style: { fill: '#3399FF', stroke: '#3399FF' }, endWidth: 10, startWidth: 10 }, |
| 32 { startValue: 0, endValue: 16, style: { fill: '#00CC33', stroke: '#00CC33' }, endWidth: 10, startWidth: 10 }, | 34 { startValue: yl, endValue: yh, style: { fill: '#00CC33', stroke: '#00CC33' }, endWidth: 10, startWidth: 10 }, |
| 33 { startValue: 16, endValue: 24, style: { fill: '#FCA76A', stroke: '#FCA76A' }, endWidth: 10, startWidth: 10 }, | 35 { startValue: yh, endValue: 40, style: { fill: '#FC6A6A', stroke: '#FC6A6A' }, endWidth: 10, startWidth: 10 }], |
| 34 { startValue: 24, endValue: 35, style: { fill: '#FC6A6A', stroke: '#FC6A6A' }, endWidth: 10, startWidth: 10 }], | |
| 35 ticksMinor: { interval: 1, size: '5%' }, | 36 ticksMinor: { interval: 1, size: '5%' }, |
| 36 ticksMajor: { interval: 5, size: '9%' }, | 37 ticksMajor: { interval: 5, size: '9%' }, |
| 37 labels: { interval: 5 }, | 38 labels: { interval: 5 }, |
| 38 style: { fill: '#eeeeee', stroke: '#666666' }, | 39 style: { fill: '#eeeeee', stroke: '#666666' }, |
| 39 value: 0, | 40 value: 0, |
| 40 colorScheme: 'scheme05', | 41 colorScheme: 'scheme05', |
| 41 animationDuration: 1200 | 42 animationDuration: 1200 |
| 42 }; | 43 }; |
| 43 var gaugeSmalloptions = { | 44 var gaugeSmalloptions = { |
| 44 min: -20, max: 25, width: 150, height: 150, | 45 min: -15, max: 25, width: 190, height: 190, |
| 45 ranges: [{ startValue: -20, endValue: 0, startWidth: 5, endWidth: 5, style: { fill: '#3399FF', stroke: '#3399FF' }}, | 46 ranges: [{ startValue: -15, endValue: 0, startWidth: 5, endWidth: 5, style: { fill: '#3399FF', stroke: '#3399FF' }}, |
| 46 { startValue: 0, endValue: 25, startWidth: 5, endWidth: 5, style: { fill: '#FC6A6A', stroke: '#FC6A6A' }}], | 47 { startValue: 0, endValue: 10, startWidth: 5, endWidth: 5, style: { fill: '#00CC33', stroke: '#00CC33' }}, |
| 48 { startValue: 10, endValue: 25, startWidth: 5, endWidth: 5, style: { fill: '#FC6A6A', stroke: '#FC6A6A' }}], | |
| 47 ticksMinor: { interval: 1, size: '5%' }, | 49 ticksMinor: { interval: 1, size: '5%' }, |
| 48 ticksMajor: { interval: 5, size: '9%' }, | 50 ticksMajor: { interval: 5, size: '9%' }, |
| 49 labels: { interval: 5 }, | 51 labels: { interval: 5 }, |
| 50 style: { fill: '#eeeeee', stroke: '#666666' }, | 52 style: { fill: '#eeeeee', stroke: '#666666' }, |
| 51 value: 0, | 53 value: 0, |
| 106 | 108 |
| 107 var dataAdapter = new $.jqx.dataAdapter(source, { | 109 var dataAdapter = new $.jqx.dataAdapter(source, { |
| 108 loadComplete: function (records) { | 110 loadComplete: function (records) { |
| 109 var record = dataAdapter.records[0]; | 111 var record = dataAdapter.records[0]; |
| 110 var oline = (record.online) ? "On-line" : "Off-line"; | 112 var oline = (record.online) ? "On-line" : "Off-line"; |
| 111 var html = "<div id='fermenter_table'>"; | 113 var html = "<table style='width: 100%; padding: 10px;'>"; |
| 112 html += "<table style='width: 100%; padding: 10px;'>"; | |
| 113 html += "<tr><th colspan=2>Klimaatkast overzicht</th></tr>"; | 114 html += "<tr><th colspan=2>Klimaatkast overzicht</th></tr>"; |
| 114 html += "<tr><td>Uuid</td><td>" + record.uuid + "</td></tr>"; | 115 html += "<tr><td>Uuid</td><td>" + record.uuid + "</td></tr>"; |
| 115 html += "<tr><td>Systeem</td><td>" + record.node + "/" + record.alias + " " + oline + "</td></tr>"; | 116 html += "<tr><td>Systeem</td><td>" + record.node + "/" + record.alias + " " + oline + "</td></tr>"; |
| 116 html += "<tr><td>Bier</td><td>" + record.beercode + " - " + record.beername + "</td></tr>"; | 117 html += "<tr><td>Bier</td><td>" + record.beercode + " - " + record.beername + "</td></tr>"; |
| 117 html += "<tr><td>Werking</td><td>" + record.mode + "</td></tr>"; | 118 html += "<tr><td>Werking</td><td>" + record.mode + "</td></tr>"; |
| 118 html += "<tr><td>Fase</td><td>" + record.stage + "</td></tr>" | 119 html += "<tr><td>Fase</td><td>" + record.stage + "</td></tr>" |
| 119 html += "</<table>"; | 120 html += "</<table>"; |
| 120 html += "</div>"; | 121 $("#fermenter_info").html(html); |
| 121 $("#ContentPanel").html(html); | |
| 122 bcode = record.beercode; | 122 bcode = record.beercode; |
| 123 bname = record.beername; | 123 bname = record.beername; |
| 124 | |
| 125 if (record.online && (record.mode != "OFF")) { | |
| 126 $("#fermentor_powerled").html('<div class="LEDblue_on"></div>Power'); | |
| 127 } else { | |
| 128 $("#fermentor_powerled").html('<div class="LEDblue_off"></div>Power'); | |
| 129 } | |
| 130 if (record.online && (record.alarm != "0")) { | |
| 131 $("#fermentor_alarmled").html('<div class="LEDred_on"></div>Alarm'); | |
| 132 } else { | |
| 133 $("#fermentor_alarmled").html('<div class="LEDred_off"></div>Alarm'); | |
| 134 } | |
| 135 | |
| 136 $("#target_lo").html(record.setpoint_low.toFixed(1)); | |
| 137 $("#target_hi").html(record.setpoint_high.toFixed(1)); | |
| 138 $("#load_air").html(record.air_temperature.toFixed(3)); | |
| 139 $("#load_beer").html(record.beer_temperature.toFixed(3)); | |
| 140 | |
| 141 if (record.online && (record.heater_state != "0")) { | |
| 142 $("#fermentor_led1").html('<div class="LEDgreen_on"></div>Heat'); | |
| 143 } else { | |
| 144 $("#fermentor_led1").html('<div class="LEDgreen_off"></div>Heat'); | |
| 145 } | |
| 146 if (record.online && (record.cooler_state != "0")) { | |
| 147 $("#fermentor_led2").html('<div class="LEDgreen_on"></div>Cool'); | |
| 148 } else { | |
| 149 $("#fermentor_led2").html('<div class="LEDgreen_off"></div>Cool'); | |
| 150 } | |
| 151 if (record.online && (record.fan_state != "0")) { | |
| 152 $("#fermentor_led3").html('<div class="LEDgreen_on"></div>Fan'); | |
| 153 } else { | |
| 154 $("#fermentor_led3").html('<div class="LEDgreen_off"></div>Fan'); | |
| 155 } | |
| 156 | |
| 124 | 157 |
| 125 $('#gaugeContainer_air').jqxGauge({ value: record.air_temperature }); | 158 $('#gaugeContainer_air').jqxGauge({ value: record.air_temperature }); |
| 126 if (record.online && (record.air_state == "OK")) { | 159 if (record.online && (record.air_state == "OK")) { |
| 127 $("#gaugeContainer_air").jqxGauge({ disabled: false }); | 160 $("#gaugeContainer_air").jqxGauge({ disabled: false }); |
| 128 } else { | 161 } else { |
| 138 if (record.online && (record.chiller_state == "OK")) { | 171 if (record.online && (record.chiller_state == "OK")) { |
| 139 $("#gaugeContainer_chiller").jqxGauge({ disabled: false }); | 172 $("#gaugeContainer_chiller").jqxGauge({ disabled: false }); |
| 140 } else { | 173 } else { |
| 141 $("#gaugeContainer_chiller").jqxGauge({ disabled: true }); | 174 $("#gaugeContainer_chiller").jqxGauge({ disabled: true }); |
| 142 } | 175 } |
| 143 | |
| 144 html = "<div>SpH <span class='temperature NUM'>" + record.setpoint_high.toFixed(1) + "</span></div>"; | |
| 145 html += "<div>SpL <span class='temperature NUM'>" + record.setpoint_low.toFixed(1) + "</span></div>"; | |
| 146 html += "<div>Air <span class='temperature NUM'>" + record.air_temperature.toFixed(3) + "</span></div>"; | |
| 147 html += "<div>Beer <span class='temperature NUM'>" + record.beer_temperature.toFixed(3) + "</span></div>"; | |
| 148 $("#fermenter_tempdigits").html(html); | |
| 149 } | 176 } |
| 150 }); | 177 }); |
| 151 | 178 |
| 152 // Get the data immediatly and then at regular intervals to refresh. | 179 // Get the data immediatly and then at regular intervals to refresh. |
| 153 dataAdapter.dataBind(); | 180 dataAdapter.dataBind(); |
