Make the right more-info dialog open on click. Fixes #4

This commit is contained in:
Thomas Lovén 2018-10-01 20:30:16 +02:00
parent 1a68f90f23
commit 98faea6534

View File

@ -68,24 +68,36 @@ class FoldingGroupRow extends Polymer.Element {
this.appendChild(this.dummy); this.appendChild(this.dummy);
let divs = this.dummy.shadowRoot.querySelector("ha-card").querySelector("#states"); let divs = this.dummy.shadowRoot.querySelector("ha-card").querySelector("#states");
let head = divs.firstChild.firstChild; let head = divs.firstChild;
head.style.width = '100%'; head.style.width = '100%';
this._addHeader(head); this._addHeader(head, conf.shift());
while(divs.firstChild) { while(divs.firstChild) {
this._addRow(divs.firstChild); this._addRow(divs.firstChild, conf.shift());
} }
this.removeChild(this.dummy); this.removeChild(this.dummy);
} }
_addHeader(row) _addHeader(row, data)
{ {
this.$.head.appendChild(row); this.$.head.appendChild(row);
} }
_addRow(row) _addRow(row, data)
{ {
let item = document.createElement('ul'); let item = document.createElement('ul');
item.appendChild(row); 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); this.$.rows.appendChild(item);
} }