feat: Display warning if sensor doesn't exist

RomRider · Jan 22, 2021 · a69df3d · a69df3d
1 parent fe05bf6
commit a69df3d
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/.devcontainer/ui-lovelace.yaml b/.devcontainer/ui-lovelace.yaml
@@ -66,6 +66,8 @@ views:
         hours_to_show: 0.25
         series:
           - entity: sensor.humidity
+          - entity: sensor.random0_100
+            type: bar
             # extend_to_end: true
       - type: custom:apexcharts-card
         hours_to_show: 0.25

diff --git a/src/apexcharts-card.ts b/src/apexcharts-card.ts
@@ -78,7 +78,7 @@ class ChartsCard extends LitElement {
     let updated = false;
     const queue: string[] = [];
     this._config.series.forEach((serie, index) => {
-      serie.index = index; // Required for filtered views
+      // serie.index = index; // Required for filtered views
       const entityState = (hass && hass.states[serie.entity]) || undefined;
       if (entityState && this._entities[index] !== entityState) {
         this._entities[index] = entityState;
@@ -118,6 +118,9 @@ class ChartsCard extends LitElement {
 
   protected render(): TemplateResult {
     if (!this._config || !this._hass) return html``;
+    if (this._config.series.some((_, index) => this._entities[index] === undefined)) {
+      return this.renderWarnings();
+    }
 
     return html`
       <ha-card>
@@ -128,6 +131,21 @@ class ChartsCard extends LitElement {
     `;
   }
 
+  renderWarnings() {
+    return html`
+      <ha-card>
+        <hui-warning>
+          <div style="font-weight: bold;">apexcharts-card</div>
+          ${this._config?.series.map((_, index) =>
+            !this._entities[index]
+              ? html` <div>Entity not available: ${this._config?.series[index].entity}</div> `
+              : html``,
+          )}
+        </hui-warning>
+      </ha-card>
+    `;
+  }
+
   private async _initialLoad() {
     await this.updateComplete;