From fdfa09ed2e77671abe94720fe7d1946738afae38 Mon Sep 17 00:00:00 2001
From: Charles Garwood <cgarwood@newdealmultimedia.com>
Date: Fri, 13 Apr 2018 21:35:49 -0400
Subject: [PATCH] Add more-info dialog support to dev-states (#1071)

* Add state history card to dev-states

* add hass-mixins.html import

* Put icon for more-info next to entity_id
---
 panels/dev-state/ha-panel-dev-state.html | 27 +++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/panels/dev-state/ha-panel-dev-state.html b/panels/dev-state/ha-panel-dev-state.html
index 3dafbaa28d..d26ada4c55 100644
--- a/panels/dev-state/ha-panel-dev-state.html
+++ b/panels/dev-state/ha-panel-dev-state.html
@@ -13,6 +13,8 @@
 <link rel="import" href="../../src/components/entity/ha-entity-picker.html">
 <link rel="import" href="../../src/resources/ha-style.html">
 
+<link rel='import' href='../../src/util/hass-mixins.html'>
+
 <dom-module id="ha-panel-dev-state">
   <template>
     <style include="ha-style">
@@ -46,7 +48,13 @@
       .entities tr:nth-child(even) {
         background-color: var(--table-row-alternative-background-color, #eee)
       }
-
+      .entities td {
+        padding: 4px;
+      }
+      .entities paper-icon-button {
+        height: 24px;
+        padding: 0;
+      }
       .entities td:nth-child(3) {
         white-space: pre-wrap;
         word-break: break-word;
@@ -108,7 +116,15 @@
           </tr>
           <template is='dom-repeat' items='[[_entities]]' as='entity'>
             <tr>
-              <td><a href='#' on-click='entitySelected'>[[entity.entity_id]]</a></td>
+              <td>
+                <paper-icon-button
+                  on-click='entityMoreInfo'
+                  icon='mdi:open-in-new'
+                  alt="More Info" title="More Info"
+                  >
+                </paper-icon-button>
+                <a href='#' on-click='entitySelected'>[[entity.entity_id]]</a>
+              </td>
               <td>[[entity.state]]</td>
               <template is='dom-if' if='[[computeShowAttributes(narrow, _showAttributes)]]'>
                 <td>[[attributeString(entity)]]</td>
@@ -122,7 +138,7 @@
 </dom-module>
 
 <script>
-class HaPanelDevState extends Polymer.Element {
+class HaPanelDevState extends window.hassMixins.EventsMixin(Polymer.Element) {
   static get is() { return 'ha-panel-dev-state'; }
 
   static get properties() {
@@ -191,6 +207,11 @@ class HaPanelDevState extends Polymer.Element {
     ev.preventDefault();
   }
 
+  entityMoreInfo(ev) {
+    ev.preventDefault();
+    this.fire('hass-more-info', { entityId: ev.model.entity.entity_id });
+  }
+
   handleSetState() {
     var attr;
     var attrRaw = this._stateAttributes.replace(/^\s+|\s+$/g, '');