Cutlery/beestat
1
0
Fork 0
mirror of https://github.com/beestat/app.git synced 2025-05-24 02:14:03 -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
*/
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 = {};
for (var runtime_sensor_id in beestat.cache.data.air_quality_summary) {
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.
const max_average = 100;
const colors = [
beestat.style.color.green.light,
beestat.style.color.green.base,
beestat.style.color.green.dark,
beestat.style.color.yellow.light,
beestat.style.color.yellow.base,
beestat.style.color.yellow.dark,
beestat.style.color.orange.light,
beestat.style.color.orange.base,
beestat.style.color.orange.dark,
beestat.style.color.red.light,
beestat.style.color.red.base,
beestat.style.color.red.dark
];
// const colors = [
// beestat.style.color.green.light,
// beestat.style.color.green.base,
// beestat.style.color.green.dark,
// beestat.style.color.yellow.light,
// beestat.style.color.yellow.base,
// beestat.style.color.yellow.dark,
// beestat.style.color.orange.light,
// beestat.style.color.orange.base,
// beestat.style.color.orange.dark,
// beestat.style.color.red.light,
// beestat.style.color.red.base,
// beestat.style.color.red.dark
// ];
if (average < 1) {
background = beestat.style.color.bluegray.light;
} else if (average <= max_average) {
background = colors[
Math.floor(average / (max_average / colors.length))
];
background = beestat.style.rgb_to_hex(gradient[
Math.floor(average / (max_average / gradient.length))
]);
} else {
background = colors[colors.length - 1];
background = beestat.style.rgb_to_hex(gradient[gradient.length - 1]);
}
}