Populating HA entities from .js lovelace javascript resource

[jazzmonger (Jeff)]

This posting has a VERY useful way to display in a custom card all Alexa Timers that have been set.

Show all Active Alexa Timers

@Kethlak this is GREAT and works perfectly. I’m now trying to figure out how to create 3 custom sensors for up to 3 active timers. I need them as sensors because the OpenHASP display project only takes sensors as parameters for the display. Here’s sort of a mockup of where I’m going to put the timer text: [image] It can be on any page, but it needs to get its data from an existing sensor Perhaps I could create 3 pairs of text “helpers” and then populate them in this part of your code? …

I’m trying to capitalize on this work and populate 6 entities in HOME ASSISTANT that can then be used to trigger other automations and update a display showing 3 Alexa timers in OpenHASP.

Its too bad the integration doesn’t support the single biggest use case for Alexa. Setting timers and Alarms.

The code loads WITHOUT the section populating the entities. Lovelace is tough… I’m not seeing any errors anywhere, but when we add the stuff for the sensors, it won’t load the card. How on earth do you debug this .js stuff in Lovelace???

    if(this.alarms.length > 0) {
      this.innerHTML = `
        <ha-card header="Echo Timers" class="alexa-timers">
          <div class="card-content"></div>
        </ha-card>
      `;
      this.content = this.querySelector('div');
      
      let table = "<table border='0' width='100%'>";
      for(let i = 0; i < this.alarms.length; i++) {
          let name = this.alarms[i].label;
          if(name === null) {
              name = getNameFromDuration(this.alarms[i].originalDurationInMillis);
          }
          let timeLeft = this.alarms[i].hours + ":" + addLeadingZero(this.alarms[i].minutes) + ":" + addLeadingZero(this.alarms[i].seconds);
          table += "<tr>";
          table += "<td>" + name + "</td>";
          table += "<td>" + timeLeft + "</td>";
          table += "</tr>";
//add populating the first 3 timers into HA entities ***DOES NOT WORK - why????***
          if(i == 0) {
            this.hass.states[input_text.alexa_timer_0_name] = name;
            this.hass.states[input_number.alexa_timer_0_timeleft] = timeLeft;
            }
          if(i == 1) {
            this.hass.states[input_text.alexa_timer_1_name] = name;
            this.hass.states[input_number.alexa_timer_1_timeleft] = timeLeft;
            }
          if(i == 2) {
            this.hass.states[input_text.alexa_timer_2_name] = name;
            this.hass.states[input_number.alexa_timer_2_timeleft] = timeLeft;
            }

      }
      table += "</table>";
      this.content.innerHTML = table;
    }

I have created all 6 entities in HA

Help!