From 98faea65341dd28e76f240044e68138b111e3223 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Lov=C3=A9n?= <thomasloven@gmail.com>
Date: Mon, 1 Oct 2018 20:30:16 +0200
Subject: [PATCH] Make the right more-info dialog open on click. Fixes #4

---
 folding-group-entity-row.js | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/folding-group-entity-row.js b/folding-group-entity-row.js
index 98808d7..9b695eb 100644
--- a/folding-group-entity-row.js
+++ b/folding-group-entity-row.js
@@ -68,24 +68,36 @@ class FoldingGroupRow extends Polymer.Element {
     this.appendChild(this.dummy);
 
     let divs = this.dummy.shadowRoot.querySelector("ha-card").querySelector("#states");
-    let head = divs.firstChild.firstChild;
+    let head = divs.firstChild;
     head.style.width = '100%';
-    this._addHeader(head);
+    this._addHeader(head, conf.shift());
     while(divs.firstChild) {
-      this._addRow(divs.firstChild);
+      this._addRow(divs.firstChild, conf.shift());
     }
 
     this.removeChild(this.dummy);
   }
 
-  _addHeader(row)
+  _addHeader(row, data)
   {
     this.$.head.appendChild(row);
   }
-  _addRow(row)
+  _addRow(row, data)
   {
     let item = document.createElement('ul');
     item.appendChild(row);
+    row.classList.add('state-card-dialog');
+    row.addEventListener('click', (e) => {
+      let ev = new Event('hass-more-info', {
+        bubbles: true,
+        cancelable: false,
+        composed: true,
+      });
+      const entityId = data.entity;
+      ev.detail = { entityId };
+      this.dispatchEvent(ev);
+      e.stopPropagation();
+    });
     this.$.rows.appendChild(item);
   }