jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-26 10:46:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add safe zone to reach min and max temperature easily with temperature (#16880)

Browse Source 
Add safe zone to reach min and max temperature easily with temperature picker
This commit is contained in:
Paul Bottein 2023-06-13 11:55:52 +02:00 committed by GitHub
parent e3faa618bf
commit f7722a270f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/ha-temp-color-picker.ts
View File

@ -7,6 +7,8 @@ import { rgb2hex } from "../common/color/convert-color";
import { temperature2rgb } from "../common/color/convert-light-color"; import { temperature2rgb } from "../common/color/convert-light-color";
import { fireEvent } from "../common/dom/fire_event"; import { fireEvent } from "../common/dom/fire_event";
const SAFE_ZONE_FACTOR = 0.9;
declare global { declare global {
interface HASSDomEvents { interface HASSDomEvents {
"cursor-moved": { value?: any }; "cursor-moved": { value?: any };
@ -50,9 +52,12 @@ function drawColorWheel(
for (let y = -radius; y < radius; y += 1) { for (let y = -radius; y < radius; y += 1) {
const x = radius * Math.sqrt(1 - (y / radius) ** 2); const x = radius * Math.sqrt(1 - (y / radius) ** 2);
const fraction = (y / radius + 1) / 2; const fraction = (y / (radius * SAFE_ZONE_FACTOR) + 1) / 2;
const temperature = min + fraction * (max - min); const temperature = Math.max(
Math.min(min + fraction * (max - min), max),
min
);
const color = rgb2hex(temperature2rgb(temperature)); const color = rgb2hex(temperature2rgb(temperature));
@ -202,14 +207,23 @@ class HaTempColorPicker extends LitElement {
} }
private _getCoordsFromValue = (temperature: number): [number, number] => { private _getCoordsFromValue = (temperature: number): [number, number] => {
if (this.value === this.min) {
return [0, -1];
}
if (this.value === this.max) {
return [0, 1];
}
const fraction = (temperature - this.min) / (this.max - this.min); const fraction = (temperature - this.min) / (this.max - this.min);
const y = 2 * fraction - 1; const y = (2 * fraction - 1) * SAFE_ZONE_FACTOR;
return [0, y]; return [0, y];
}; };
private _getValueFromCoord = (_x: number, y: number): number => { private _getValueFromCoord = (_x: number, y: number): number => {
const fraction = (y + 1) / 2; const fraction = (y / SAFE_ZONE_FACTOR + 1) / 2;
const temperature = this.min + fraction * (this.max - this.min); const temperature = Math.max(
Math.min(this.min + fraction * (this.max - this.min), this.max),
this.min
);
return Math.round(temperature); return Math.round(temperature);
}; };