sbrl-github
/
Air-Quality-Web
mirror of https://github.com/ConnectedHumber/Air-Quality-Web
1
0
Fork 0
Code Issues Releases Wiki Activity

[client/device-graph] Bugfix: Avoid issues when no data can be fetched

This commit is contained in:
Starbeamrainbowlabs 2019-01-20 22:47:05 +00:00
parent f73cf8b1f6
commit 3a166a0563
Signed by: sbrl
GPG Key ID: 1BE5172E637709C2
2 changed files with 22 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
build
View File

@ -144,9 +144,15 @@ function task_client {
function task_client-watch { function task_client-watch {
echo -e "Watching for changes."; echo -e "Watching for changes.";
while inotifywait -qr --event modify --format '%:e %f' client_src; do while :; do # : = infinite loop
# Wait for an update
# inotifywait's non-0 exit code forces an exit for some reason :-/
inotifywait -qr --event modify --format '%:e %f' client_src;
# Rebuild the client code - spawn a sub-process to avoid the hard exit
# This still doesn't work though, which is *really* annoying
stage_begin "Rebuilding client code"; stage_begin "Rebuilding client code";
task_client; ./build client;
stage_end $?; stage_end $?;
done done
} }

25
client_src/js/DeviceReadingDisplay.mjs
View File

@ -141,7 +141,7 @@ class DeviceReadingDisplay {
// TODO: Display a nice error message here instead of an alert() // TODO: Display a nice error message here instead of an alert()
alert(error); alert(error);
console.error(error); console.error(error);
return false; return null;
} }
console.log("[marker/popup/device-graph] Fetched data:", new_data); console.log("[marker/popup/device-graph] Fetched data:", new_data);
@ -157,21 +157,20 @@ class DeviceReadingDisplay {
} }
async switch_graph_type_handler(event) { async switch_graph_type_handler(event) {
let old_reading_type = this.reading_type;
// Figure out what the new reading type is // Figure out what the new reading type is
this.reading_type = this.reading_types.find((type) => type.id == event.target.parentNode.dataset.id); this.reading_type = this.reading_types.find((type) => type.id == event.target.parentNode.dataset.id);
console.log("[marker/device-graph] Reading type is now", this.reading_type); console.log("[marker/device-graph] Reading type is now", this.reading_type);
await this.update_chart(); // Update the button list to highlight the newly-selected reading type, but only if we managed to update the chart successfully
if(await this.update_chart()) {
// If we get to here, we updated the chart without error // Remove the selected class from the old one(s?)
event.target.parentNode.parentNode.querySelectorAll(`button`)
// Update the button list to highlight the newly-selected reading type .forEach((next_button) => next_button.classList.remove("selected"));
// Remove the selected class from the old one
event.target.parentNode.parentNode.querySelector(`[data-id=${old_reading_type.id}] button`).classList.remove("selected"); // Add the selected class to the new one
// Add the selected class to the new one event.target.classList.add("selected");
event.target.classList.add("selected"); }
} }
async update_chart() { async update_chart() {
@ -183,6 +182,8 @@ class DeviceReadingDisplay {
data: await this.get_data() data: await this.get_data()
}; };
if(new_data_obj.data == null) return false;
// Update the colour & suggested min/max values // Update the colour & suggested min/max values
let def = this.reading_type_defs[this.reading_type.id], let def = this.reading_type_defs[this.reading_type.id],
y_axis = this.chart.options.scales.yAxes[0]; y_axis = this.chart.options.scales.yAxes[0];
@ -210,6 +211,8 @@ class DeviceReadingDisplay {
// Update the chart // Update the chart
this.chart.update(); this.chart.update();
return true;
} }
} }