sbrl-github/Air-Quality-Web
1
0
Fork 0
mirror of https://github.com/ConnectedHumber/Air-Quality-Web synced 2024-11-22 06:23:01 +00:00
Code Issues Releases Wiki Activity

Display loading animation when updating the heatmap

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

7
client_src/js/UI.mjs
View file

@ -54,10 +54,13 @@ class UI {
type: "select", type: "select",
name: "Reading Type", name: "Reading Type",
items: this.reading_types.map((type) => type.friendly_text), 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; 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) }).bind(this)
}, },
{ {