User agent card

user-agent-card.js

/*

Copy file to <config>/www/user-agent-card.js

Restart Home Assitant if www folder didn't exist.

In Home Assistant:
- Profile -> Enable advanced mode
- Config -> Dashboards -> Resources
- New resource. `/local/user-agent-card.js`. Type: JS Module
- Go to a Lovelace dashboard, add card, manual, `type: "custom:user-agent-card"`

*/
class UserAgentCard extends HTMLElement {
  set hass(hass) {
    if (!this.content) {
      this.content = true;
      this.innerHTML = `
        <ha-card header="User Agent">
          <div class="card-content">
            ${navigator.userAgent}
          </div>
        </ha-card>
      `;
    }
  }

  setConfig(config) {}

  getCardSize() {
    return 3;
  }
}

customElements.define("user-agent-card", UserAgentCard);