116 $('#info_uuid').html(record.uuid); |
116 $('#info_uuid').html(record.uuid); |
117 $('#info_system').html(record.node + '/' + record.alias); |
117 $('#info_system').html(record.node + '/' + record.alias); |
118 $('#info_beer').html(record.beercode + ' - ' + record.beername); |
118 $('#info_beer').html(record.beercode + ' - ' + record.beername); |
119 $('#info_mode').jqxDropDownList('selectItem', record.mode); |
119 $('#info_mode').jqxDropDownList('selectItem', record.mode); |
120 |
120 |
|
121 if (record.mode != 'OFF') { |
|
122 $('#select_beer').jqxDropDownList({ disabled: true }); |
|
123 $('#select_beer').jqxDropDownList('clearSelection'); |
|
124 $('#select_beer').hide(); |
|
125 } else { |
|
126 $('#select_beer').show(); |
|
127 $('#select_beer').jqxDropDownList({ disabled: false }); |
|
128 } |
|
129 |
121 if (record.online) { |
130 if (record.online) { |
122 $('#info_online').html('On-line'); |
131 $('#info_online').html('On-line'); |
123 if (record.mode != 'OFF') { |
132 if (record.mode != 'OFF') { |
124 $('#ispindel_powerled').html('<div class="LEDblue_on"></div>Power'); |
133 $('#ispindel_powerled').html('<div class="LEDblue_on"></div>Power'); |
125 $('#select_beer').jqxDropDownList({ disabled: true }); |
|
126 $('#select_beer').jqxDropDownList('clearSelection'); |
|
127 $('#select_beer').hide(); |
|
128 } else { |
134 } else { |
129 $('#ispindel_powerled').html('<div class="LEDblue_off"></div>Power'); |
135 $('#ispindel_powerled').html('<div class="LEDblue_off"></div>Power'); |
130 $('#select_beer').show(); |
|
131 $('#select_beer').jqxDropDownList({ disabled: false }); |
|
132 } |
136 } |
133 if (record.online && (record.alarm != '0')) { |
137 if (record.online && (record.alarm != '0')) { |
134 $('#ispindel_alarmled').html('<div class="LEDred_on"></div>Alarm'); |
138 $('#ispindel_alarmled').html('<div class="LEDred_on"></div>Alarm'); |
135 } else { |
139 } else { |
136 $('#ispindel_alarmled').html('<div class="LEDred_off"></div>Alarm'); |
140 $('#ispindel_alarmled').html('<div class="LEDred_off"></div>Alarm'); |
137 } |
141 } |
138 |
142 |
139 $('#gaugeContainer_temperature').jqxGauge({ caption: { value: record.temperature.toFixed(3) + '°C' }}); |
|
140 $('#gaugeContainer_temperature').jqxGauge({ value: record.temperature }); |
|
141 $('#gaugeContainer_temperature').jqxGauge({ disabled: false }); |
143 $('#gaugeContainer_temperature').jqxGauge({ disabled: false }); |
142 $('#gaugeContainer_gravity').jqxLinearGauge({ disabled: false }); |
144 $('#gaugeContainer_gravity').jqxLinearGauge({ disabled: false }) |
143 |
145 |
144 var sg = plato_to_sg(record.gravity); |
146 var sg = plato_to_sg(record.gravity); |
145 $('#info_battery').val(record.battery); |
147 $('#info_battery').val(record.battery); |
146 $('#info_tilt').val(record.angle); |
148 $('#info_tilt').val(record.angle); |
147 $('#info_plato').val(record.gravity); |
149 $('#info_plato').val(record.gravity); |
149 |
151 |
150 if (record.og_gravity) { |
152 if (record.og_gravity) { |
151 var og = plato_to_sg(record.og_gravity); |
153 var og = plato_to_sg(record.og_gravity); |
152 var svg = calc_svg(og, sg); |
154 var svg = calc_svg(og, sg); |
153 var max = Math.ceil(og * 100, 0) * 10; |
155 var max = Math.ceil(og * 100, 0) * 10; |
|
156 var gravity = sg * 1000; |
154 |
157 |
155 console.log ('set max ' + max); |
158 console.log ('set max ' + max); |
156 $('#gaugeContainer_gravity').jqxLinearGauge({ max: max }); |
159 $('#gaugeContainer_gravity').jqxLinearGauge({ max: max }); |
157 $('#vg_og1').html(og.toFixed(4)); |
160 $('#vg_og1').html(og.toFixed(4)); |
158 $('#vg_og2').html(record.og_gravity.toFixed(1) + '°P'); |
161 $('#vg_og2').html(record.og_gravity.toFixed(1) + '°P'); |
176 batt = Math.round(batt / 1.17875 * 100); // 100% range |
179 batt = Math.round(batt / 1.17875 * 100); // 100% range |
177 if (batt > 100) |
180 if (batt > 100) |
178 batt = 100; |
181 batt = 100; |
179 $('#vg_batt').html(batt + '%'); |
182 $('#vg_batt').html(batt + '%'); |
180 |
183 |
181 var gravity = sg * 1000; |
184 $('#gaugeContainer_temperature').jqxGauge({ caption: { value: record.temperature.toFixed(3) + '°C' }}); |
|
185 $('#gaugeContainer_temperature').jqxGauge({ value: record.temperature }); |
182 $('#gaugeContainer_gravity').jqxLinearGauge({ value: gravity }); |
186 $('#gaugeContainer_gravity').jqxLinearGauge({ value: gravity }); |
183 |
187 |
184 } else { // offline |
188 } else { // offline |
185 $('#info_online').html('Off-line'); |
189 $('#info_online').html('Off-line'); |
186 $('#ispindel_powerled').html('<div class="LEDblue_off"></div>Power'); |
190 $('#ispindel_powerled').html('<div class="LEDblue_off"></div>Power'); |
187 $('#select_beer').show(); |
|
188 $('#select_beer').jqxDropDownList({ disabled: false }); |
|
189 $('#ispindel_alarmled').html('<div class="LEDred_on"></div>Alarm'); |
191 $('#ispindel_alarmled').html('<div class="LEDred_on"></div>Alarm'); |
190 $('#gaugeContainer_temperature').jqxGauge({ disabled: true }); |
192 $('#gaugeContainer_temperature').jqxGauge({ disabled: true }); |
191 $('#gaugeContainer_gravity').jqxLinearGauge({ disabled: true }); |
193 $('#gaugeContainer_gravity').jqxLinearGauge({ disabled: true }); |
192 } |
194 } |
193 } |
195 } |
235 } |
237 } |
236 }); |
238 }); |
237 $('#info_mode').on('select', function(event) { |
239 $('#info_mode').on('select', function(event) { |
238 if (event.args && event.args.item.value != record.mode) { |
240 if (event.args && event.args.item.value != record.mode) { |
239 record.mode = event.args.item.value; |
241 record.mode = event.args.item.value; |
240 console.log('set mode ' + record.mode); |
|
241 websocket.send('{"device":"ispindels","node":"' + record.node + '","unit":"' + record.alias + '","mode":"' + record.mode + '"}'); |
242 websocket.send('{"device":"ispindels","node":"' + record.node + '","unit":"' + record.alias + '","mode":"' + record.mode + '"}'); |
242 } |
243 } |
243 }); |
244 }); |
244 |
245 |
245 // The chart button. |
246 // The chart button. |