Cutlery/beestat
1
0
Fork 0
mirror of https://github.com/beestat/app.git synced 2025-07-09 03:04:07 -04:00
Code Actions Packages Releases Activity

#261 - Thermostat Detail

Browse Source
This commit is contained in:
Jon Ziebell 2020-03-02 20:44:15 -05:00
parent 8b57cfc227
commit acf4db5768
2 changed files with 143 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
js/beestat/runtime_thermostat.js
View File

@ -126,12 +126,6 @@ beestat.runtime_thermostat.get_data = function(thermostat_id, range) {
);
}
var thermostat = beestat.cache.thermostat[thermostat_id];
begin_m = moment.max(
begin_m,
moment(thermostat.first_connected)
);
begin_m
.minute(Math.ceil(begin_m.minute() / 5) * 5)
.second(0)

88
js/component/card/runtime_thermostat_detail.js
View File

@ -19,6 +19,7 @@ beestat.component.card.runtime_thermostat_detail = function(thermostat_id) {
* for when rerendering.
*/
var change_function = beestat.debounce(function() {
self.get_data_(true);
self.rerender();
}, 10);
@ -36,13 +37,15 @@ beestat.component.card.runtime_thermostat_detail = function(thermostat_id) {
beestat.extend(beestat.component.card.runtime_thermostat_detail, beestat.component.card);
/**
* Decorate
* Get data. This doesn't directly or indirectly make any API calls, but it
* caches the data so it doesn't have to loop over everything more than once.
*
* @param {rocket.ELements} parent
* @param {boolean} force Force get the data?
*
* @return {object} The data.
*/
beestat.component.card.runtime_thermostat_detail.prototype.decorate_contents_ = function(parent) {
var self = this;
beestat.component.card.runtime_thermostat_detail.prototype.get_data_ = function(force) {
if (this.data_ === undefined || force === true) {
var range = {
'type': beestat.setting('runtime_thermostat_detail_range_type'),
'dynamic': beestat.setting('runtime_thermostat_detail_range_dynamic'),
@ -50,18 +53,42 @@ beestat.component.card.runtime_thermostat_detail.prototype.decorate_contents_ =
'static_end': beestat.setting('runtime_thermostat_detail_range_static_end')
};
var data = beestat.runtime_thermostat.get_data(this.thermostat_id_, range);
this.data_ = beestat.runtime_thermostat.get_data(this.thermostat_id_, range);
data.metadata.chart.title = this.get_title_();
data.metadata.chart.subtitle = this.get_subtitle_();
this.data_.metadata.chart.title = this.get_title_();
this.data_.metadata.chart.subtitle = this.get_subtitle_();
}
return this.data_;
};
/**
* Decorate
*
* @param {rocket.ELements} parent
*/
beestat.component.card.runtime_thermostat_detail.prototype.decorate_contents_ = function(parent) {
var self = this;
this.charts_ = {
'equipment': new beestat.component.chart.runtime_thermostat_detail_equipment(data),
'temperature': new beestat.component.chart.runtime_thermostat_detail_temperature(data)
'equipment': new beestat.component.chart.runtime_thermostat_detail_equipment(
this.get_data_()
),
'temperature': new beestat.component.chart.runtime_thermostat_detail_temperature(
this.get_data_()
)
};
this.charts_.equipment.render(parent);
this.charts_.temperature.render(parent);
var container = $.createElement('div').style({
'position': 'relative'
});
parent.appendChild(container);
var chart_container = $.createElement('div');
container.appendChild(chart_container);
this.charts_.equipment.render(chart_container);
this.charts_.temperature.render(chart_container);
// Sync extremes and crosshair.
Object.values(this.charts_).forEach(function(source_chart) {
@ -187,6 +214,22 @@ beestat.component.card.runtime_thermostat_detail.prototype.decorate_contents_ =
beestat.cache.set('runtime_thermostat', response);
})
.send();
} else if (this.has_data_() === false) {
chart_container.style('filter', 'blur(3px)');
var no_data = $.createElement('div');
no_data.style({
'position': 'absolute',
'top': 0,
'left': 0,
'width': '100%',
'height': '100%',
'display': 'flex',
'flex-direction': 'column',
'justify-content': 'center',
'text-align': 'center'
});
no_data.innerText('No data to display');
container.appendChild(no_data);
}
} else {
this.show_loading_('Syncing Thermostat Detail');
@ -221,6 +264,7 @@ beestat.component.card.runtime_thermostat_detail.prototype.decorate_top_right_ =
var menu = (new beestat.component.menu()).render(parent);
if (this.has_data_() === true) {
menu.add_menu_item(new beestat.component.menu_item()
.set_text('Past 1 Day')
.set_icon('numeric_1_box')
@ -289,6 +333,7 @@ beestat.component.card.runtime_thermostat_detail.prototype.decorate_top_right_ =
.set_callback(function() {
self.charts_.temperature.reset_zoom();
}));
}
menu.add_menu_item(new beestat.component.menu_item()
.set_text('Help')
@ -355,3 +400,22 @@ beestat.component.card.runtime_thermostat_detail.prototype.data_synced_ = functi
current_sync_end.isSameOrAfter(required_sync_end)
);
};
/**
* Whether or not there is data to display on the chart.
*
* @return {boolean} Whether or not there is data to display on the chart.
*/
beestat.component.card.runtime_thermostat_detail.prototype.has_data_ = function() {
var data = this.get_data_();
for (var series_code in data.metadata.series) {
if (
series_code !== 'dummy' &&
data.metadata.series[series_code].active === true
) {
return true;
}
}
return false;
};