Create group-card.js

group-card.js

@@ -0,0 +1,33 @@
+class GroupCard extends HTMLElement {
+
+  setConfig(config) {
+    if (!config.group) {
+      throw new Error('Please specify a group');
+    }
+
+    if (this.lastChild) this.removeChild(this.lastChild);
+    const cardConfig = Object.assign({}, config);
+    if (!cardConfig.card) cardConfig.card = {};
+    if (!cardConfig.card.type) cardConfig.card.type = 'entities';
+    const element = document.createElement(`hui-${cardConfig.card.type}-card`);
+    this.appendChild(element);
+    this._config = cardConfig;
+  }
+
+  set hass(hass) {
+    const config = this._config;
+    const entities = hass.states[config.group].attributes['entity_id'];
+    if (!config.card.entities || config.card.entities.length !== entities.length ||
+      !config.card.entities.every((value, index) => value.entity === entities[index].entity)) {
+      config.card.entities = entities;
+    }
+    this.lastChild.setConfig(config.card);
+    this.lastChild.hass = hass;
+  }
+
+  getCardSize() {
+    return 'getCardSize' in this.lastChild ? this.lastChild.getCardSize() : 1;
+  }
+}
+
+customElements.define('group-card', GroupCard);