Method render

button-entity-row.js:45–77

()

  }

  render() {
    return html`
      ${this.rows.map(row => {
        return html`
          <div class="flex-box">
            ${row.map(button => {
              const entityState = this.hass.states[button.entityId] || {}
              const icon = this._getCurrentIcon(button, entityState)
              const style = this._getCurrentStyle(button, entityState)
              const iconStyle = this._getCurrentIconStyle(button, entityState)
              const name =
                button.name || (!icon && entityState.attributes ? entityState.attributes.friendly_name : null)

              return html`
                <paper-button
                  @click="${() => this._handleButtonClick(button)}"
                  style="${style}"
                  class="${this._getCurrentClass(entityState)}"
                >
                  ${icon &&
                    html`
                      <ha-icon icon="${icon}" style="${iconStyle} ${name ? "padding-right: 5px;" : ""}"></ha-icon>
                    `}
                  ${name}
                  <paper-ripple center class="${name ? "" : "circle"}"></paper-ripple>
                </paper-button>
              `
            })}
          </div>
        `
      })}
    `
  }

  setConfig(config) {
    config = JSON.parse(JSON.stringify(config))