Skip to content

Custom Cards

Mark Parker edited this page May 16, 2023 · 3 revisions

This integration provides 2 custom cards to help you manage your Wiser environment. Both of these are installed automatically with the integration and will appear in the list of cards when adding in a dashboard.

Schedule Card

This was a much requested feature due to the poor UI within the Wiser App. However, Home Assistant does not have any native functionality to be able to manage schedules of this type, so we decided to build our own. I would like to give a shout out to @neilsfaber who writes the amazing scheduler-card integration and card for HA where we have used his code to learn how to do this, and copied some of his ideas/code.

It is very simple to use/add the card. If you go to add a card to your dashboard, you will now see the Wiser Schedule Card in the list. Just add like any other card.

NOTE: If you use YAML mode for your Lovelace Dashboards, you will need to add the resource entry manually as below:

    - url: /wiser/wiser-schedule-card.js
      type: module

Instead of lots of words about how to use this card, we thought best to do a short video which may lack Tarantino quality directorship but should get the point across! Link below the images.

image

Link to Overview Video

We hope you enjoy it and find it useful in managing your Wiser environment via HA.

Zigbee Network Card

A common problem with the Wiser system is signal reception issues of your devices and help with the best placement for Smartplugs to act as signal repeaters in larger houses. As such, we came up with this card that uses the information from the hub to provide a graphical representation of the zigbee network of your Wiser devices.

Add via the Add Card action in Lovelace. Note: Smartplugs do not expose their zigbee signal info or their parent information so even though they may daisy chain, they will always look like they are connected directly to the hub.

NOTE: If you use YAML mode for your Lovelace Dashboards, you will need to add the resource entry manually as below:

    - url: /wiser/wiser-zigbee-card.js
      type: module

image

Video of functionality

zigbee_card_v2_demo

Clone this wiki locally