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

🐛 fix severity toggle in gauge card editor (#4600)

Browse Source
This commit is contained in:
Ian Richardson 2020-01-25 07:35:48 -06:00 committed by Bram Kragten
parent f77bd79387
commit 6874788cc0
1 changed files with 49 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/panels/lovelace/editor/config-elements/hui-gauge-card-editor.ts
View File

@ -39,11 +39,8 @@ export class HuiGaugeCardEditor extends LitElement
@property() private _config?: GaugeCardConfig; @property() private _config?: GaugeCardConfig;
private _useSeverity?: boolean;
public setConfig(config: GaugeCardConfig): void { public setConfig(config: GaugeCardConfig): void {
config = cardConfigStruct(config); config = cardConfigStruct(config);
this._useSeverity = !!config.severity;
this._config = config; this._config = config;
} }
@ -106,7 +103,6 @@ export class HuiGaugeCardEditor extends LitElement
.configValue=${"name"} .configValue=${"name"}
@value-changed="${this._valueChanged}" @value-changed="${this._valueChanged}"
></paper-input> ></paper-input>
<div class="side-by-side">
<paper-input <paper-input
.label="${this.hass.localize( .label="${this.hass.localize(
"ui.panel.lovelace.editor.card.generic.unit" "ui.panel.lovelace.editor.card.generic.unit"
@ -123,8 +119,6 @@ export class HuiGaugeCardEditor extends LitElement
.configValue="${"theme"}" .configValue="${"theme"}"
@theme-changed="${this._valueChanged}" @theme-changed="${this._valueChanged}"
></hui-theme-select-editor> ></hui-theme-select-editor>
</div>
<div class="side-by-side">
<paper-input <paper-input
type="number" type="number"
.label="${this.hass.localize( .label="${this.hass.localize(
@ -147,17 +141,15 @@ export class HuiGaugeCardEditor extends LitElement
.configValue=${"max"} .configValue=${"max"}
@value-changed="${this._valueChanged}" @value-changed="${this._valueChanged}"
></paper-input> ></paper-input>
</div>
<ha-switch <ha-switch
.checked="${this._useSeverity !== false}" .checked="${this._config!.severity !== undefined}"
@change="${this._toggleSeverity}" @change="${this._toggleSeverity}"
>${this.hass.localize( >${this.hass.localize(
"ui.panel.lovelace.editor.card.gauge.severity.define" "ui.panel.lovelace.editor.card.gauge.severity.define"
)}</ha-switch )}</ha-switch
> >
${this._useSeverity ${this._config!.severity !== undefined
? html` ? html`
<div class="severity side-by-side">
<paper-input <paper-input
type="number" type="number"
.label="${this.hass.localize( .label="${this.hass.localize(
@ -192,7 +184,6 @@ export class HuiGaugeCardEditor extends LitElement
@value-changed="${this._severityChanged}" @value-changed="${this._severityChanged}"
></paper-input> ></paper-input>
</div> </div>
</div>
` `
: ""} : ""}
</div> </div>
@ -222,15 +213,16 @@ export class HuiGaugeCardEditor extends LitElement
if (!this._config || !this.hass) { if (!this._config || !this.hass) {
return; return;
} }
const target = ev.target! as EditorTarget;
this._config.severity = target.checked if ((ev.target as EditorTarget).checked) {
? { this._config.severity = {
green: 0, green: 0,
yellow: 0, yellow: 0,
red: 0, red: 0,
};
} else {
delete this._config.severity;
} }
: undefined;
fireEvent(this, "config-changed", { config: this._config }); fireEvent(this, "config-changed", { config: this._config });
} }