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

Sensor card: Graph types options translated (#25118)

Browse Source 
* Sensor card: Graph types options translated

* Clean up
This commit is contained in:
Simon Lamon 2025-04-21 13:18:41 +02:00 committed by GitHub
parent 53dd0cbaa8
commit 713dd68089
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 73 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
src/panels/lovelace/editor/config-elements/hui-sensor-card-editor.ts
View File

@ -1,3 +1,4 @@
import memoizeOne from "memoize-one";
import type { CSSResultGroup } from "lit"; import type { CSSResultGroup } from "lit";
import { html, LitElement, nothing } from "lit"; import { html, LitElement, nothing } from "lit";
import { customElement, property, state } from "lit/decorators"; import { customElement, property, state } from "lit/decorators";
@ -11,6 +12,7 @@ import {
string, string,
union, union,
} from "superstruct"; } from "superstruct";
import type { LocalizeFunc } from "../../../../common/translations/localize";
import { fireEvent } from "../../../../common/dom/fire_event"; import { fireEvent } from "../../../../common/dom/fire_event";
import "../../../../components/ha-form/ha-form"; import "../../../../components/ha-form/ha-form";
import type { SchemaUnion } from "../../../../components/ha-form/types"; import type { SchemaUnion } from "../../../../components/ha-form/types";
@ -41,7 +43,23 @@ const cardConfigStruct = assign(
}) })
); );
const SCHEMA = [ @customElement("hui-sensor-card-editor")
export class HuiSensorCardEditor
extends LitElement
implements LovelaceCardEditor
{
@property({ attribute: false }) public hass?: HomeAssistant;
@state() private _config?: SensorCardConfig;
public setConfig(config: SensorCardConfig): void {
assert(config, cardConfigStruct);
this._config = config;
}
private _schema = memoizeOne(
(localize: LocalizeFunc) =>
[
{ {
name: "entity", name: "entity",
selector: { selector: {
@ -66,16 +84,12 @@ const SCHEMA = [
name: "graph", name: "graph",
selector: { selector: {
select: { select: {
options: [ options: ["none", "line"].map((value) => ({
{ value,
value: "none", label: localize(
label: "None", `ui.panel.lovelace.editor.card.sensor.graph_options.${value}`
}, ),
{ })),
value: "line",
label: "Line",
},
],
}, },
}, },
}, },
@ -103,21 +117,8 @@ const SCHEMA = [
}, },
], ],
}, },
] as const; ] as const
);
@customElement("hui-sensor-card-editor")
export class HuiSensorCardEditor
extends LitElement
implements LovelaceCardEditor
{
@property({ attribute: false }) public hass?: HomeAssistant;
@state() private _config?: SensorCardConfig;
public setConfig(config: SensorCardConfig): void {
assert(config, cardConfigStruct);
this._config = config;
}
protected render() { protected render() {
if (!this.hass || !this._config) { if (!this.hass || !this._config) {
@ -134,7 +135,7 @@ export class HuiSensorCardEditor
<ha-form <ha-form
.hass=${this.hass} .hass=${this.hass}
.data=${data} .data=${data}
.schema=${SCHEMA} .schema=${this._schema(this.hass.localize)}
.computeLabel=${this._computeLabelCallback} .computeLabel=${this._computeLabelCallback}
@value-changed=${this._valueChanged} @value-changed=${this._valueChanged}
></ha-form> ></ha-form>
@ -147,7 +148,9 @@ export class HuiSensorCardEditor
fireEvent(this, "config-changed", { config }); fireEvent(this, "config-changed", { config });
} }
private _computeLabelCallback = (schema: SchemaUnion<typeof SCHEMA>) => { private _computeLabelCallback = (
schema: SchemaUnion<ReturnType<typeof this._schema>>
) => {
switch (schema.name) { switch (schema.name) {
case "theme": case "theme":
return `${this.hass!.localize( return `${this.hass!.localize(

4
src/translations/en.json
View File

@ -7367,6 +7367,10 @@
"name": "Sensor", "name": "Sensor",
"show_more_detail": "Show more detail", "show_more_detail": "Show more detail",
"graph_type": "Graph type", "graph_type": "Graph type",
"graph_options": {
"none": "None",
"line": "Line"
},
"description": "The Sensor card gives you a quick overview of your sensors state with an optional graph to visualize change over time.", "description": "The Sensor card gives you a quick overview of your sensors state with an optional graph to visualize change over time.",
"limit_min": "Minimum value", "limit_min": "Minimum value",
"limit_max": "Maximum value" "limit_max": "Maximum value"