172 updateScreen(); |
172 updateScreen(); |
173 } |
173 } |
174 }); |
174 }); |
175 |
175 |
176 function updateScreen() { |
176 function updateScreen() { |
177 $('#room_thb').html(global.temp_value.toFixed(1) + '°C ' + global.hum_value.toFixed(1) + '% humidity'); |
177 $('#room_thb').html(global.temp_value.toFixed(1) + '°C ' + global.hum_value.toFixed(1) + '% humidity'); |
178 $('#info_system').html(record.unit); |
178 $('#info_system').html(record.unit); |
179 $('#info_beer').html(record.beercode + ' - ' + record.beername); |
179 $('#info_beer').html(record.beercode + ' - ' + record.beername); |
180 $('#info_mode').jqxDropDownList('selectItem', record.mode); |
180 $('#info_mode').jqxDropDownList('selectItem', record.mode); |
181 $('#info_stage').jqxDropDownList('selectItem', record.stage); |
181 $('#info_stage').jqxDropDownList('selectItem', record.stage); |
182 if (record.door_address) { |
182 if (record.door_address) { |
183 if (record.door_state != '0') { |
183 if (record.door_state != '0') { |
184 $('#fermenter_doorled').html('<div class="LEDyellow_on"></div>Door'); |
184 $('#fermenter_doorled').html('<div class="LEDyellow_on"></div>Door'); |
185 } else { |
185 } else { |
186 $('#fermenter_doorled').html('<div class="LEDyellow_off"></div>Door'); |
186 $('#fermenter_doorled').html('<div class="LEDyellow_off"></div>Door'); |
187 } |
187 } |
188 } |
188 } |
189 if (record.light_address) { |
189 if (record.light_address) { |
190 if (record.light_state != '0') { |
190 if (record.light_state != '0') { |
191 $('#fermenter_lightled').html('<div class="LEDyellow_on"></div>Light'); |
191 $('#fermenter_lightled').html('<div class="LEDyellow_on"></div>Light'); |
192 } else { |
192 } else { |
193 $('#fermenter_lightled').html('<div class="LEDyellow_off"></div>Light'); |
193 $('#fermenter_lightled').html('<div class="LEDyellow_off"></div>Light'); |
194 } |
194 } |
195 } |
195 } |
196 if (record.mode != 'OFF') { |
196 if (record.mode != 'OFF') { |
197 $('#fermenter_powerled').html('<div class="LEDblue_on"></div>Power'); |
197 $('#fermenter_powerled').html('<div class="LEDblue_on"></div>Power'); |
198 } else { |
198 } else { |
199 $('#fermenter_powerled').html('<div class="LEDblue_off"></div>Power'); |
199 $('#fermenter_powerled').html('<div class="LEDblue_off"></div>Power'); |
200 } |
200 } |
201 if (record.alarm != '0') { |
201 if (record.alarm != '0') { |
202 $('#fermenter_alarmled').html('<div class="LEDred_on"></div>Alarm'); |
202 $('#fermenter_alarmled').html('<div class="LEDred_on"></div>Alarm'); |
203 } else { |
203 } else { |
204 $('#fermenter_alarmled').html('<div class="LEDred_off"></div>Alarm'); |
204 $('#fermenter_alarmled').html('<div class="LEDred_off"></div>Alarm'); |
205 } |
205 } |
206 |
206 |
207 $('#target_lo').val(record.setpoint_low); |
207 $('#target_lo').val(record.setpoint_low); |
208 $('#target_hi').val(record.setpoint_high); |
208 $('#target_hi').val(record.setpoint_high); |
209 if ((record.mode == 'FRIDGE') || (record.mode == 'BEER')) { |
209 if ((record.mode == 'FRIDGE') || (record.mode == 'BEER')) { |
210 $('#target_lo').jqxNumberInput({ readOnly: false, Width: 70, spinButtons: true }); |
210 $('#target_lo').jqxNumberInput({ readOnly: false, Width: 70, spinButtons: true }); |
211 $('#target_hi').jqxNumberInput({ readOnly: false, Width: 70, spinButtons: true }); |
211 $('#target_hi').jqxNumberInput({ readOnly: false, Width: 70, spinButtons: true }); |
212 } else { |
212 } else { |
213 $('#target_lo').jqxNumberInput({ readOnly: true, Width: 50, spinButtons: false }); |
213 $('#target_lo').jqxNumberInput({ readOnly: true, Width: 50, spinButtons: false }); |
214 $('#target_hi').jqxNumberInput({ readOnly: true, Width: 50, spinButtons: false }); |
214 $('#target_hi').jqxNumberInput({ readOnly: true, Width: 50, spinButtons: false }); |
215 } |
215 } |
216 |
216 |
217 if (record.heater_address) { |
217 if (record.heater_address) { |
218 if (record.heater_state != '0') { |
218 if (record.heater_state != '0') { |
219 $('#fermenter_led1').html('<div class="LEDgreen_on"></div>Heat'); |
219 $('#fermenter_led1').html('<div class="LEDgreen_on"></div>Heat'); |
220 } else { |
220 } else { |
221 $('#fermenter_led1').html('<div class="LEDgreen_off"></div>Heat'); |
221 $('#fermenter_led1').html('<div class="LEDgreen_off"></div>Heat'); |
222 } |
222 } |
223 } else { |
223 } else { |
224 $('#fermenter_led1').html('<div class="LEDgreen_hide"></div>Heat'); |
224 $('#fermenter_led1').html('<div class="LEDgreen_hide"></div>'); |
225 } |
225 } |
226 |
226 |
227 if (record.cooler_address) { |
227 if (record.cooler_address) { |
228 if (record.cooler_state != '0') { |
228 if (record.cooler_state != '0') { |
229 $('#fermenter_led2').html('<div class="LEDgreen_on"></div>Cool'); |
229 $('#fermenter_led2').html('<div class="LEDgreen_on"></div>Cool'); |
230 } else { |
230 } else { |
231 $('#fermenter_led2').html('<div class="LEDgreen_off"></div>Cool'); |
231 $('#fermenter_led2').html('<div class="LEDgreen_off"></div>Cool'); |
232 } |
232 } |
233 } else { |
233 } else { |
234 $('#fermenter_led2').html('<div class="LEDgreen_hide"></div>Cool'); |
234 $('#fermenter_led2').html('<div class="LEDgreen_hide"></div>'); |
235 } |
235 } |
236 |
236 |
237 if (record.fan_address) { |
237 if (record.fan_address) { |
238 if (record.fan_state != '0') { |
238 if (record.fan_state != '0') { |
239 $('#fermenter_led3').html('<div class="LEDgreen_on"></div>Fan'); |
239 $('#fermenter_led3').html('<div class="LEDgreen_on"></div>Fan'); |
240 } else { |
240 } else { |
241 $('#fermenter_led3').html('<div class="LEDgreen_off"></div>Fan'); |
241 $('#fermenter_led3').html('<div class="LEDgreen_off"></div>Fan'); |
242 } |
242 } |
243 } else { |
243 } else { |
244 $('#fermenter_led3').html('<div class="LEDgreen_hide"></div>Fan'); |
244 $('#fermenter_led3').html('<div class="LEDgreen_hide"></div>'); |
245 } |
245 $('#fermenter_toggle3').hide(); |
246 |
246 } |
247 if (record.mode == 'NONE') { |
247 |
248 $('#fermenter_toggle1,#fermenter_toggle2,#fermenter_toggle3').show(); |
248 if (record.mode == 'NONE') { |
249 $('#fermenter_toggle1').jqxSwitchButton({ disabled: (record.heater_address) ? false:true }); |
249 $('#fermenter_toggle1,#fermenter_toggle2,#fermenter_toggle3').show(); |
250 $('#fermenter_toggle2').jqxSwitchButton({ disabled: (record.cooler_address) ? false:true }); |
250 $('#fermenter_toggle1').jqxSwitchButton({ disabled: (record.heater_address) ? false:true }); |
251 $('#fermenter_toggle3').jqxSwitchButton({ disabled: (record.fan_address) ? false:true }); |
251 $('#fermenter_toggle2').jqxSwitchButton({ disabled: (record.cooler_address) ? false:true }); |
252 if ((record.heater_state != 0) != $('#fermenter_toggle1').jqxSwitchButton('val')) |
252 $('#fermenter_toggle3').jqxSwitchButton({ disabled: (record.fan_address) ? false:true }); |
253 $('#fermenter_toggle1').val(record.heater_state != 0); |
253 if ((record.heater_state != 0) != $('#fermenter_toggle1').jqxSwitchButton('val')) |
254 if ((record.cooler_state != 0) != $('#fermenter_toggle2').jqxSwitchButton('val')) |
254 $('#fermenter_toggle1').val(record.heater_state != 0); |
255 $('#fermenter_toggle2').val(record.cooler_state != 0); |
255 if ((record.cooler_state != 0) != $('#fermenter_toggle2').jqxSwitchButton('val')) |
256 if ((record.fan_state != 0) != $('#fermenter_toggle3').jqxSwitchButton('val')) |
256 $('#fermenter_toggle2').val(record.cooler_state != 0); |
257 $('#fermenter_toggle3').val(record.fan_state != 0); |
257 if ((record.fan_state != 0) != $('#fermenter_toggle3').jqxSwitchButton('val')) |
258 } else { |
258 $('#fermenter_toggle3').val(record.fan_state != 0); |
259 $('#fermenter_toggle1,#fermenter_toggle2,#fermenter_toggle3').jqxSwitchButton({ disabled:true }); |
259 } else { |
260 $('#fermenter_toggle1,#fermenter_toggle2,#fermenter_toggle3').hide(); |
260 $('#fermenter_toggle1,#fermenter_toggle2,#fermenter_toggle3').hide(); |
261 } |
261 } |
262 |
262 |
263 $('#info_profile').html(record.profile_name); |
263 $('#info_profile').html(record.profile_name); |
264 if (record.profile_name == '') |
264 if (record.profile_name == '') |
265 $('#info_mode').jqxDropDownList('disableItem', 'PROFILE'); |
265 $('#info_mode').jqxDropDownList('disableItem', 'PROFILE'); |
266 else |
266 else |
267 $('#info_mode').jqxDropDownList('enableItem', 'PROFILE'); |
267 $('#info_mode').jqxDropDownList('enableItem', 'PROFILE'); |
268 |
268 |
269 if (record.mode == 'PROFILE') { |
269 if (record.mode == 'PROFILE') { |
270 if (record.profile_state == 'OFF') { |
270 if (record.profile_state == 'OFF') { |
271 $('#info_mode').jqxDropDownList({ disabled: false }); |
|
272 $('#Profile1').jqxButton({ template: 'success', value: 'Starten' }); |
|
273 $('#Profile1').show(); |
|
274 $('#Profile2').hide(); |
|
275 $('#status_profile').html(''); |
|
276 } else if (record.profile_state == 'RUN') { |
|
277 $('#info_mode').jqxDropDownList({ disabled: true }); |
|
278 $('#Profile1').jqxButton({ template: 'danger', value: 'Afbreken' }); |
|
279 $('#Profile2').jqxButton({ template: 'primary', value: 'Pauze' }); |
|
280 $('#Profile1').show(); |
|
281 $('#Profile2').show(); |
|
282 $('#status_profile').html('Profiel actief, ' + record.profile_percent + '% gereed'); |
|
283 } else if (record.profile_state == 'PAUSE') { |
|
284 $('#info_mode').jqxDropDownList({ disabled: true }); |
|
285 $('#Profile1').jqxButton({ template: 'danger', value: 'Afbreken' }); |
|
286 $('#Profile2').jqxButton({ template: 'success', value: 'Doorgaan' }); |
|
287 $('#Profile1').show(); |
|
288 $('#Profile2').show(); |
|
289 $('#status_profile').html('Profiel pauze, ' + record.profile_percent + '% gereed'); |
|
290 } else if (record.profile_state == 'DONE') { |
|
291 $('#info_mode').jqxDropDownList({ disabled: true }); |
|
292 $('#Profile1').jqxButton({ template: 'primary', value: 'Profiel Ok' }); |
|
293 $('#Profile1').show(); |
|
294 $('#Profile2').hide(); |
|
295 $('#status_profile').html('Profiel is gereed'); |
|
296 } |
|
297 } else { |
|
298 $('#info_mode').jqxDropDownList({ disabled: false }); |
271 $('#info_mode').jqxDropDownList({ disabled: false }); |
299 $('#Profile1').hide(); |
272 $('#Profile1').jqxButton({ template: 'success', value: 'Starten' }); |
|
273 $('#Profile1').show(); |
300 $('#Profile2').hide(); |
274 $('#Profile2').hide(); |
301 $('#status_profile').html(''); |
275 $('#status_profile').html(''); |
302 } |
276 } else if (record.profile_state == 'RUN') { |
303 |
277 $('#info_mode').jqxDropDownList({ disabled: true }); |
304 var yl = record.yeast_lo; |
278 $('#Profile1').jqxButton({ template: 'danger', value: 'Afbreken' }); |
305 var yh = record.yeast_hi; |
279 $('#Profile2').jqxButton({ template: 'primary', value: 'Pauze' }); |
306 var range = { ranges: [{ startValue: 0, endValue: yl, style: { fill: '#3399FF', stroke: '#3399FF' }, endWidth: 10, startWidth: 10 }, |
280 $('#Profile1').show(); |
|
281 $('#Profile2').show(); |
|
282 $('#status_profile').html('Profiel actief, ' + record.profile_percent + '% gereed'); |
|
283 } else if (record.profile_state == 'PAUSE') { |
|
284 $('#info_mode').jqxDropDownList({ disabled: true }); |
|
285 $('#Profile1').jqxButton({ template: 'danger', value: 'Afbreken' }); |
|
286 $('#Profile2').jqxButton({ template: 'success', value: 'Doorgaan' }); |
|
287 $('#Profile1').show(); |
|
288 $('#Profile2').show(); |
|
289 $('#status_profile').html('Profiel pauze, ' + record.profile_percent + '% gereed'); |
|
290 } else if (record.profile_state == 'DONE') { |
|
291 $('#info_mode').jqxDropDownList({ disabled: true }); |
|
292 $('#Profile1').jqxButton({ template: 'primary', value: 'Profiel Ok' }); |
|
293 $('#Profile1').show(); |
|
294 $('#Profile2').hide(); |
|
295 $('#status_profile').html('Profiel is gereed'); |
|
296 } |
|
297 } else { |
|
298 $('#info_mode').jqxDropDownList({ disabled: false }); |
|
299 $('#Profile1').hide(); |
|
300 $('#Profile2').hide(); |
|
301 $('#status_profile').html(''); |
|
302 } |
|
303 |
|
304 var yl = record.yeast_lo; |
|
305 var yh = record.yeast_hi; |
|
306 var range = { ranges: [{ startValue: 0, endValue: yl, style: { fill: '#3399FF', stroke: '#3399FF' }, endWidth: 10, startWidth: 10 }, |
307 { startValue: yl, endValue: yh, style: { fill: '#00CC33', stroke: '#00CC33' }, endWidth: 10, startWidth: 10 }, |
307 { startValue: yl, endValue: yh, style: { fill: '#00CC33', stroke: '#00CC33' }, endWidth: 10, startWidth: 10 }, |
308 { startValue: yh, endValue: 45, style: { fill: '#FC6A6A', stroke: '#FC6A6A' }, endWidth: 10, startWidth: 10 }]}; |
308 { startValue: yh, endValue: 45, style: { fill: '#FC6A6A', stroke: '#FC6A6A' }, endWidth: 10, startWidth: 10 }]}; |
309 $('#gaugeContainer_air').jqxGauge(range); |
309 $('#gaugeContainer_air').jqxGauge(range); |
310 $('#gaugeContainer_beer').jqxGauge(range); |
310 $('#gaugeContainer_beer').jqxGauge(range); |
311 |
311 |
312 if (record.air_temperature !== undefined) { |
312 if (record.air_temperature !== undefined) { |
313 $('#gaugeContainer_air').jqxGauge({ caption: { value: 'Air: ' + record.air_temperature.toFixed(3) }}); |
313 $('#gaugeContainer_air').jqxGauge({ caption: { value: 'Air: ' + record.air_temperature.toFixed(3) }}); |
314 $('#gaugeContainer_air').jqxGauge({ value: record.air_temperature }); |
314 $('#gaugeContainer_air').jqxGauge({ value: record.air_temperature }); |
315 } |
315 } |
316 $('#gaugeContainer_air').jqxGauge({ disabled: (record.air_state == 'YES') ? false:true }); |
316 $('#gaugeContainer_air').jqxGauge({ disabled: (record.air_state == 'YES') ? false:true }); |
317 if (record.beer_temperature !== undefined) { |
317 if (record.beer_temperature !== undefined) { |
318 $('#gaugeContainer_beer').jqxGauge({ caption: { value: 'Beer: ' + record.beer_temperature.toFixed(3) }}); |
318 $('#gaugeContainer_beer').jqxGauge({ caption: { value: 'Beer: ' + record.beer_temperature.toFixed(3) }}); |
319 $('#gaugeContainer_beer').jqxGauge({ value: record.beer_temperature }); |
319 $('#gaugeContainer_beer').jqxGauge({ value: record.beer_temperature }); |
320 } |
320 } |
321 $('#gaugeContainer_beer').jqxGauge({ disabled: (record.beer_state == 'YES') ? false:true }); |
321 $('#gaugeContainer_beer').jqxGauge({ disabled: (record.beer_state == 'YES') ? false:true }); |
322 if (record.chiller_temperature !== undefined) { |
322 if (record.chiller_temperature !== undefined) { |
323 $('#gaugeContainer_chiller').jqxGauge({ value: record.chiller_temperature }); |
323 $('#gaugeContainer_chiller').jqxGauge({ value: record.chiller_temperature }); |
324 } |
324 } |
325 $('#gaugeContainer_chiller').jqxGauge({ disabled: (record.chiller_state == 'YES') ? false:true }); |
325 $('#gaugeContainer_chiller').jqxGauge({ disabled: (record.chiller_state == 'YES') ? false:true }); |
326 } /* Updatescreen */ |
326 } /* Updatescreen */ |
327 |
327 |
328 $('#gaugeContainer_air').jqxGauge(gaugeoptions); |
328 $('#gaugeContainer_air').jqxGauge(gaugeoptions); |
329 $('#gaugeContainer_air').jqxGauge({ caption: { value: 'Air: 00.000' }}); |
329 $('#gaugeContainer_air').jqxGauge({ caption: { value: 'Air: 00.000' }}); |
330 $('#gaugeContainer_beer').jqxGauge(gaugeoptions); |
330 $('#gaugeContainer_beer').jqxGauge(gaugeoptions); |