Cutlery/beestat
1
0
Fork 0
mirror of https://github.com/beestat/app.git synced 2025-05-31 12:16:39 -04:00
Code Actions Packages Releases Activity

Updated air quality summary to use smoother gradient

Browse Source
This commit is contained in:
Jon Ziebell 2022-08-22 13:31:12 -04:00
parent 0742b65e72
commit a86435591c
1 changed files with 27 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
js/component/card/air_quality_summary.js
View File

@ -193,6 +193,15 @@ beestat.component.card.air_quality_summary.prototype.decorate_contents_ = functi
* @param {rocket.Elements} parent * @param {rocket.Elements} parent
*/ */
beestat.component.card.air_quality_summary.prototype.decorate_chart_ = function(parent) { beestat.component.card.air_quality_summary.prototype.decorate_chart_ = function(parent) {
const gradient = beestat.style.generate_gradient(
[
beestat.style.hex_to_rgb(beestat.style.color.green.base),
beestat.style.hex_to_rgb(beestat.style.color.yellow.base),
beestat.style.hex_to_rgb(beestat.style.color.red.base)
],
100
);
var grid_data = {}; var grid_data = {};
for (var runtime_sensor_id in beestat.cache.data.air_quality_summary) { for (var runtime_sensor_id in beestat.cache.data.air_quality_summary) {
var runtime_sensor = beestat.cache.data.air_quality_summary[runtime_sensor_id]; var runtime_sensor = beestat.cache.data.air_quality_summary[runtime_sensor_id];
@ -266,28 +275,28 @@ beestat.component.card.air_quality_summary.prototype.decorate_chart_ = function(
// I am normalizing Air Quality between 0 and 100. // I am normalizing Air Quality between 0 and 100.
const max_average = 100; const max_average = 100;
const colors = [ // const colors = [
beestat.style.color.green.light, // beestat.style.color.green.light,
beestat.style.color.green.base, // beestat.style.color.green.base,
beestat.style.color.green.dark, // beestat.style.color.green.dark,
beestat.style.color.yellow.light, // beestat.style.color.yellow.light,
beestat.style.color.yellow.base, // beestat.style.color.yellow.base,
beestat.style.color.yellow.dark, // beestat.style.color.yellow.dark,
beestat.style.color.orange.light, // beestat.style.color.orange.light,
beestat.style.color.orange.base, // beestat.style.color.orange.base,
beestat.style.color.orange.dark, // beestat.style.color.orange.dark,
beestat.style.color.red.light, // beestat.style.color.red.light,
beestat.style.color.red.base, // beestat.style.color.red.base,
beestat.style.color.red.dark // beestat.style.color.red.dark
]; // ];
if (average < 1) { if (average < 1) {
background = beestat.style.color.bluegray.light; background = beestat.style.color.bluegray.light;
} else if (average <= max_average) { } else if (average <= max_average) {
background = colors[ background = beestat.style.rgb_to_hex(gradient[
Math.floor(average / (max_average / colors.length)) Math.floor(average / (max_average / gradient.length))
]; ]);
} else { } else {
background = colors[colors.length - 1]; background = beestat.style.rgb_to_hex(gradient[gradient.length - 1]);
} }
} }