43 lines
1.2 KiB
JavaScript
43 lines
1.2 KiB
JavaScript
|
"use strict";
|
||
|
|
|
||
|
|
// import CreateElement from 'dom-create-element-query-selector';
|
||
|
|
// We're using the git repo for now until an update is released, and rollup doesn't like that apparently
|
||
|
|
import CreateElement from '../../node_modules/dom-create-element-query-selector/src/index.js';
|
||
|
|
|
||
|
|
import Chart from 'chart.js';
|
||
|
|
|
||
|
|
import GetFromUrl from './Helpers/GetFromUrl.mjs';
|
||
|
|
|
||
|
|
|
||
|
|
class DeviceReadingDisplay {
|
||
|
|
get device_id() { return this._device_id; }
|
||
|
|
set device_id(value) {
|
||
|
|
this._device_id = value;
|
||
|
|
this.update_display();
|
||
|
|
}
|
||
|
|
|
||
|
|
constructor(in_config, in_device_id) {
|
||
|
|
this.setup_display();
|
||
|
|
|
||
|
|
this.config = in_config;
|
||
|
|
this._device_id = in_device_id; // We don't want to update until we have everything we need
|
||
|
|
}
|
||
|
|
|
||
|
|
setup_display() {
|
||
|
|
this.display = CreateElement("div.chart-device-data",
|
||
|
|
CreateElement("canvas.canvas-chart"),
|
||
|
|
CreateElement("ul.reading-types")
|
||
|
|
);
|
||
|
|
}
|
||
|
|
set_reading_types(new_reading_types, starting_index) {
|
||
|
|
this.reading_types = new_reading_types;
|
||
|
|
this.selected_reading_type = this.reading_types[starting_index];
|
||
|
|
}
|
||
|
|
|
||
|
|
async update_display() {
|
||
|
|
let new_data = JSON.parse(await GetFromUrl(`${this.config.api_root}?action=`))
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default DeviceReadingDisplay;
|