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

[client] Display reading types in the UI, but it doesn't do anything yet

Browse source
This commit is contained in:
Starbeamrainbowlabs 2019-01-19 13:14:00 +00:00
parent 408e0d4cec
commit fb67fa7999
Signed by: sbrl
GPG key ID: 1BE5172E637709C2
2 changed files with 18 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client_src/js/Map.mjs
View file

@ -45,8 +45,8 @@ class Map {
console.info("[map] Heatmap loaded successfully."); console.info("[map] Heatmap loaded successfully.");
}); });
this.ui = new UI(this); this.ui = new UI(Config, this);
this.ui.setup().then(() => console.log("[map] Settings initialised."));
} }
async setup_device_markers() { async setup_device_markers() {

18
client_src/js/UI.mjs
View file

@ -3,12 +3,22 @@
import SmartSettings from 'smartsettings'; import SmartSettings from 'smartsettings';
import Config from './Config.mjs'; import Config from './Config.mjs';
import GetFromUrl from './Helpers/GetFromUrl.mjs';
class UI { class UI {
constructor(in_map_manager) { constructor(in_config, in_map_manager) {
this.config = in_config;
this.map_manager = in_map_manager; this.map_manager = in_map_manager;
this.ui_panel = new SmartSettings("Settings"); this.ui_panel = new SmartSettings("Settings");
// this.ui_panel.watch((event) => console.log(event));
}
async setup() {
this.reading_types = JSON.parse(
await GetFromUrl(`${this.config.api_root}?action=list-reading-types`)
);
this.ui_panel.loadConfig([ this.ui_panel.loadConfig([
{ {
type: "range", type: "range",
@ -23,9 +33,13 @@ class UI {
callback: ((event) => { callback: ((event) => {
this.map_manager.heatmap.overlay_config.radius = parseFloat(event.target.value); this.map_manager.heatmap.overlay_config.radius = parseFloat(event.target.value);
}).bind(this) }).bind(this)
},
{
// TODO: Add a setting for the different reading types here
type: "select",
items: this.reading_types.map((type) => type.friendly_text)
} }
]); ]);
// this.ui_panel.watch((event) => console.log(event));
} }
} }