/alarmo-card

Home Assistant card for controlling the Alarmo component

Primary LanguageTypeScript

alarmo-card

hacs_badge

Introduction

This is a Lovelace card for Home Assistant that can be used to control your Alarmo security system.

The card works on top of the alarmo custom component. You will need it this as well.

This card is only suitable for controlling entities (of type alarm_control_panel) which are generated by the Alarmo integration, you cannot use it with any other alarm integration in HA.

Preview:

alt text

Features

The alarmo-card is similar to the Lovelace alarm panel card, but brings some extra functions:

  • A countdown timer is displayed when the alarm is in arming or pending state. It shows you how much time you have left for leaving the house / disarming the alarm.
  • A message is displayed when the arming of the alarm failed or the alarm has triggered, with an overview of the sensor(s) involved.
  • The card gives you feedback when a wrong code was entered.
  • You can resize the buttons

Installation

click to show installation instructions

HACS installation:

Note: Ensure you have a www folder created as in config/www or the installation will succeed but fails silently

  1. Click the Orange + button bottom right and search for Alarmo Card
  2. Click on "Install" under the new card that just popped up.
  3. Use the GUI; Configuration -> Lovelace Dashboards -> Resources Tab to add /hacsfiles/alarmo-card/alarmo-card.js, or add a reference to the card in the resources section of configuration.yaml:
resources:
  - url: /hacsfiles/alarmo-card/alarmo-card.js
    type: module

Note: Ensure to install https://github.com/nielsfaber/alarmo and add the integration in order for the card to work properly.

Manual installation

  1. Download the latest release of alarmo-card.js here and place it into www/alarmo-card.

  2. Use the GUI; Configuration -> Lovelace Dashboards -> Resources Tab to add /local/alarmo-card/alarmo-card.js?v=0, or add a reference to the card in the resources section of configuration.yaml:

resources:
  - url: /local/alarmo-card/alarmo-card.js?v=0
    type: module

Updating

click to show updating instructions

Updating via HACS: HACS should auto-remind you in the HACS tab when an update is available.

Updating manually:

Use git pull for manual installation updates.

Since most browsers will cache the Lovelace card code, you can force a refresh of the browser by editing the entry in the resources: section in ui-lovelace.yaml, by updating the version to ?v=(n+1) (where n the current value).


Configuration

For setting up the card, you need to assign the correct entity to the card. All settings regarding delay times, arming modes, code settings are automatically detected.

Example YAML configuration:

type: 'custom:alarmo-card'
entity: alarm_control_panel.alarmo

Configuration using UI mode:

  1. Go to the Lovelace page where you want to add the card
  2. Click "Edit Dashboard" on the right (under the button with the 3 dots)
  • Click the "Add card" button on the bottom
  • Choose "Custom: Alarmo Card" and pick the correct entity.

Say thank you

If you want to make donation as appreciation of my work, you can buy me a coffee. Thank you!