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

more-info for thermostat-card (#2598)

Browse Source 
* more-info for thermostat-card

* soften icon
This commit is contained in:
Ian Richardson 2019-01-30 13:35:41 -06:00 committed by Paulus Schoutsen
parent f22510fd74
commit f97b5c48d0
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/panels/lovelace/cards/hui-thermostat-card.ts
View File

@ -19,6 +19,7 @@ import { LovelaceCard, LovelaceCardEditor } from "../types";
import { LovelaceCardConfig } from "../../../data/lovelace"; import { LovelaceCardConfig } from "../../../data/lovelace";
import { loadRoundslider } from "../../../resources/jquery.roundslider.ondemand"; import { loadRoundslider } from "../../../resources/jquery.roundslider.ondemand";
import { UNIT_F } from "../../../common/const"; import { UNIT_F } from "../../../common/const";
import { fireEvent } from "../../../common/dom/fire_event";
const thermostatConfig = { const thermostatConfig = {
radius: 150, radius: 150,
@ -122,6 +123,11 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
small: !this._broadCard, small: !this._broadCard,
})}"> })}">
<div id="root"> <div id="root">
<ha-icon
icon="hass:dots-vertical"
class="more-info"
@click="${this._handleMoreInfo}"
></ha-icon>
<div id="thermostat"></div> <div id="thermostat"></div>
<div id="tooltip"> <div id="tooltip">
<div class="title">${this._config.name || <div class="title">${this._config.name ||
@ -328,6 +334,12 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
`; `;
} }
private _handleMoreInfo() {
fireEvent(this, "hass-more-info", {
entityId: this._config!.entity,
});
}
private _handleModeClick(e: MouseEvent): void { private _handleModeClick(e: MouseEvent): void {
this.hass!.callService("climate", "set_operation_mode", { this.hass!.callService("climate", "set_operation_mode", {
entity_id: this._config!.entity, entity_id: this._config!.entity,
@ -535,6 +547,14 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
vertical-align: top; vertical-align: top;
margin-left: var(--uom-margin-left); margin-left: var(--uom-margin-left);
} }
.more-info {
float: right;
cursor: pointer;
padding-top: 16px;
padding-right: 16px;
z-index: 25;
color: var(--secondary-text-color);
}
</style> </style>
`; `;
} }