www/js/mon_ispindel.js

changeset 681
7ed5c380e21b
parent 680
0bb48333d133
child 685
a4fcdf24b5e7
equal deleted inserted replaced
680:0bb48333d133 681:7ed5c380e21b
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) + '&deg;P'); 161 $('#vg_og2').html(record.og_gravity.toFixed(1) + '&deg;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.

mercurial