Home-Assistant/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-12-20 02:38:53 +00:00
Code Activity

Hide energy usage chips when no title is set (#28464)

Browse Source
This commit is contained in:
karwosts
2025-12-10 00:16:34 -08:00
committed by GitHub
parent 05ca8253f0
commit 6db7817032
4 changed files with 51 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/panels/lovelace/cards/energy/hui-energy-gas-graph-card.ts
View File

@@ -88,16 +88,18 @@ export class HuiEnergyGasGraphCard
return html`
<ha-card>
<div class="card-header">
<span>${this._config.title ? this._config.title : nothing}</span>
${this._total
? html`<hui-energy-graph-chip
.tooltip=${this._formatTotal(this._total)}
>
${formatNumber(this._total, this.hass.locale)} ${this._unit}
</hui-energy-graph-chip>`
: nothing}
</div>
${this._config.title
? html` <div class="card-header">
<span>${this._config.title}</span>
${this._total
? html`<hui-energy-graph-chip
.tooltip=${this._formatTotal(this._total)}
>
${formatNumber(this._total, this.hass.locale)} ${this._unit}
</hui-energy-graph-chip>`
: nothing}
</div>`
: nothing}
<div
class="content ${classMap({
"has-header": !!this._config.title,

22
src/panels/lovelace/cards/energy/hui-energy-solar-graph-card.ts
View File

@@ -90,16 +90,18 @@ export class HuiEnergySolarGraphCard
return html`
<ha-card>
<div class="card-header">
<span>${this._config.title ? this._config.title : nothing}</span>
${this._total
? html`<hui-energy-graph-chip
.tooltip=${this._formatTotal(this._total)}
>
${formatNumber(this._total, this.hass.locale)} kWh
</hui-energy-graph-chip>`
: nothing}
</div>
${this._config.title
? html` <div class="card-header">
<span>${this._config.title}</span>
${this._total
? html`<hui-energy-graph-chip
.tooltip=${this._formatTotal(this._total)}
>
${formatNumber(this._total, this.hass.locale)} kWh
</hui-energy-graph-chip>`
: nothing}
</div>`
: nothing}
<div
class="content ${classMap({
"has-header": !!this._config.title,

28
src/panels/lovelace/cards/energy/hui-energy-usage-graph-card.ts
View File

@@ -103,19 +103,21 @@ export class HuiEnergyUsageGraphCard
return html`
<ha-card>
<div class="card-header">
<span>${this._config.title ? this._config.title : nothing}</span>
${this._total
? html`<hui-energy-graph-chip
.tooltip=${this._formatTotal(this._total)}
>
${this.hass.localize(
"ui.panel.lovelace.cards.energy.energy_usage_graph.total_usage",
{ num: formatNumber(this._total, this.hass.locale) }
)}
</hui-energy-graph-chip>`
: nothing}
</div>
${this._config.title
? html` <div class="card-header">
<span>${this._config.title}</span>
${this._total
? html`<hui-energy-graph-chip
.tooltip=${this._formatTotal(this._total)}
>
${this.hass.localize(
"ui.panel.lovelace.cards.energy.energy_usage_graph.total_usage",
{ num: formatNumber(this._total, this.hass.locale) }
)}
</hui-energy-graph-chip>`
: nothing}
</div>`
: nothing}
<div
class="content ${classMap({
"has-header": !!this._config.title,

22
src/panels/lovelace/cards/energy/hui-energy-water-graph-card.ts
View File

@@ -88,16 +88,18 @@ export class HuiEnergyWaterGraphCard
return html`
<ha-card>
<div class="card-header">
<span>${this._config.title ? this._config.title : nothing}</span>
${this._total
? html`<hui-energy-graph-chip
.tooltip=${this._formatTotal(this._total)}
>
${formatNumber(this._total, this.hass.locale)} ${this._unit}
</hui-energy-graph-chip>`
: nothing}
</div>
${this._config.title
? html` <div class="card-header">
<span>${this._config.title ? this._config.title : nothing}</span>
${this._total
? html`<hui-energy-graph-chip
.tooltip=${this._formatTotal(this._total)}
>
${formatNumber(this._total, this.hass.locale)} ${this._unit}
</hui-energy-graph-chip>`
: nothing}
</div>`
: nothing}
<div
class="content ${classMap({
"has-header": !!this._config.title,