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

Gauge Card: Fix if value is greater than max (#5887)

Browse Source
This commit is contained in:
Zack Arnett 2020-05-15 11:21:53 -04:00 committed by GitHub
parent c88439ba2f
commit 67a3f5d87b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/panels/lovelace/cards/hui-gauge-card.ts
View File

@ -131,6 +131,14 @@ class HuiGaugeCard extends LitElement implements LovelaceCard {
const sliderBarColor = this._computeSeverity(state);
let value: number | undefined;
if (this._config.max === null || isNaN(this._config.max!)) {
value = undefined;
} else {
value = Math.min(this._config.max!, state);
}
return html`
<ha-card
@click=${this._handleClick}
@ -143,7 +151,7 @@ class HuiGaugeCard extends LitElement implements LovelaceCard {
readonly
arcLength="180"
startAngle="180"
.value=${state}
.value=${value}
.min=${this._config.min}
.max=${this._config.max}
></round-slider>
@ -243,6 +251,10 @@ class HuiGaugeCard extends LitElement implements LovelaceCard {
}
private _measureCard() {
if (!this.isConnected) {
return;
}
if (this.offsetWidth < 200) {
this.setAttribute("narrow", "");
} else {
@ -257,6 +269,10 @@ class HuiGaugeCard extends LitElement implements LovelaceCard {
static get styles(): CSSResult {
return css`
:host {
display: block;
}
ha-card {
cursor: pointer;
height: 100%;