Make name/icon clickable to open entity popover. Fixes #31

nervetattoo · Mar 9, 2019 · e8c0b4f · e8c0b4f
1 parent 4495218
commit e8c0b4f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/index.js b/index.js
@@ -259,7 +259,7 @@ class SimpleThermostat extends LitElement {
                   >
                   </paper-icon-button>
 
-                  <div @click="${() => this.openEntityPopover(config.entity)}">
+                  <div @click=${() => this.openEntityPopover()}>
                     <h3 class="current--value">
                       ${formatNumber(value)}
                     </h3>
@@ -293,7 +293,7 @@ class SimpleThermostat extends LitElement {
     }
 
     return html`
-      <header>
+      <header class="clickable" @click=${() => this.openEntityPopover()}>
         ${(icon &&
           html`
             <ha-icon class="header__icon" .icon=${icon}></ha-icon>
@@ -432,7 +432,7 @@ class SimpleThermostat extends LitElement {
     }
   }
 
-  openEntityPopover(entityId) {
+  openEntityPopover(entityId = this.config.entity) {
     this.fire('hass-more-info', { entityId })
   }
 

diff --git a/src/styles.js b/src/styles.js
@@ -125,7 +125,7 @@ export function renderStyles() {
       .sensors td {
         padding-bottom: 4px;
       }
-      .sensors td.clickable {
+      .clickable {
         cursor: pointer;
       }
       .modes {