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

Display loading animation when updating the heatmap

This commit is contained in:
Starbeamrainbowlabs 2019-06-30 18:48:31 +01:00
parent 7eb3519319
commit 58d40f8f4e
Signed by: sbrl
GPG Key ID: 1BE5172E637709C2
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
client_src/css/main.css
View File

@ -59,7 +59,7 @@ button.selected {
font-weight: bolder;
}
.working { cursor: progress; }
.working { cursor: progress !important; }
.working-visual::after {
content: "";
@ -71,5 +71,6 @@ button.selected {
background: url(images/spinning-circles.svg) center center / 25% no-repeat;
cursor: progress !important;
pointer-events: none;
}

7
client_src/js/UI.mjs
View File

@ -54,10 +54,13 @@ class UI {
type: "select",
name: "Reading Type",
items: this.reading_types.map((type) => type.friendly_text),
callback: ((event) => {
callback: (async (event) => {
let new_type = this.reading_types.find((type) => type.friendly_text == event.target.value).short_descr;
this.map_manager.overlay.update_reading_type(new_type);
document.querySelector("main").classList.add("working-visual");
await this.map_manager.overlay.update_reading_type(new_type);
document.querySelector("main").classList.remove("working-visual");
}).bind(this)
},
{