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

Remove element-click refactor

Browse Source 
Was unable to get computeTooltip to work for non-converted elements. There are not many elements that use this so will just remove this mixin once conversion of all to TS has been completed.
This commit is contained in:
Ian Richardson 2018-10-27 16:40:43 -05:00
parent 5a7841e6bf
commit 8afc3812b7
1 changed files with 61 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
src/panels/lovelace/mixins/element-click-mixin.js
View File

@ -1,16 +1,70 @@
import { dedupingMixin } from "@polymer/polymer/lib/utils/mixin.js";
import { computeTooltip } from "../../../common/string/compute-tooltip";
import { handleClick } from "../../../common/dom/handle-click";
import toggleEntity from "../common/entity/toggle-entity.js";
import NavigateMixin from "../../../mixins/navigate-mixin";
import EventsMixin from "../../../mixins/events-mixin.js";
import computeStateName from "../../../common/entity/compute_state_name";
/*
* @polymerMixin
* @appliesMixin EventsMixin
* @appliesMixin NavigateMixin
*/
export default dedupingMixin(
(superClass) =>
class extends superClass {
handleClick(...args) {
handleClick(this, ...args);
class extends NavigateMixin(EventsMixin(superClass)) {
handleClick(hass, config, hold) {
let action = config.tap_action || "more-info";
if (hold) {
action = config.hold_action;
}
if (action === "none") return;
switch (action) {
case "more-info":
this.fire("hass-more-info", { entityId: config.entity });
break;
case "navigate":
this.navigate(config.navigation_path);
break;
case "toggle":
toggleEntity(hass, config.entity);
break;
case "call-service": {
const [domain, service] = config.service.split(".", 2);
const serviceData = Object.assign(
{},
{ entity_id: config.entity },
config.service_data
);
hass.callService(domain, service, serviceData);
}
}
}
computeTooltip(...args) {
computeTooltip(...args);
computeTooltip(hass, config) {
if (config.title) return config.title;
const stateName =
config.entity in hass.states
? computeStateName(hass.states[config.entity])
: config.entity;
let tooltip;
switch (config.tap_action) {
case "navigate":
tooltip = `Navigate to ${config.navigation_path}`;
break;
case "toggle":
tooltip = `Toggle ${stateName}`;
break;
case "call-service":
tooltip = `Call service ${config.service}`;
break;
default:
tooltip = `Show more-info: ${stateName}`;
}
return tooltip;
}
}
);