Skip to content

v1.3.3

Choose a tag to compare

@djdevil djdevil released this 05 Jun 20:55
1e75cc1

AlertTicker Card — v1.3.3

✨ New Features

{entity} placeholder in conditions for entity_filter alerts (#163)

When using entity_filter (or device_class, wildcard filters) the matched entity is not known at config time, so conditions requiring a fixed entity ID couldn't reference it. Now you can use entity: "{entity}" (or entity: "this.entity_id") in any condition to dynamically reference the matched entity — enabling compound AND/OR tests on both state and attributes for every expanded entity.

# Show only entities that are both ON and have notification_control = enabled
alerts:
  - entity_filter: "alert2.zigbee*"
    state: "on"
    conditions:
      entity: "{entity}"
      attribute: notification_control
      operator: "="
      state: enabled

Works in all condition paths: normal, on_change, and the cross-view overlay watcher.


Per-alert native HA card override (#159)

New card property on each alert. When set, the themed rendering is replaced by any native HA card type — tile, entity, button, glance, custom cards, or anything else HA supports. The card's visibility evaluation, cycling logic, snooze, history, and time windows remain completely intact — only the visual content changes.

alerts:
  # Show a tile card instead of the default theme
  - entity: sensor.front_door
    state: "on"
    card:
      type: tile
      entity: this.entity_id
      name: Front door
      icon: mdi:door-open

  # Custom card
  - entity: sensor.smoke
    state: "on"
    card:
      type: custom:mushroom-entity-card
      entity: this.entity_id
      name: Smoke detected

this.entity_id placeholder

Use 'this.entity_id' anywhere inside the card config to reference the alert's matched entity. This is especially useful for entity_filter alerts that expand into multiple entities — each slide automatically gets the correct entity ID substituted.

alerts:
  - device_class: door
    state: "on"
    card:
      type: tile
      entity: this.entity_id   # ← resolved to each matched door entity

Visual editor

The card field is available as a YAML editor under each alert's settings section in the visual editor — no need to write raw YAML. Available in all 12 supported languages.


Per-alert and card-level animation disable (#157)

New disable_animation flag available at both card level and per-alert level. Suppresses all ambient looping animations without touching the theme styling:

  • Emergency pulsing glow + flashing icon
  • Warning/calendar blinking dot
  • Neon scanning line
  • Matrix cursor blink
  • Door/window icon swings
  • All weather widget effects (aurora, fog, rain, lightning, etc.)

Cycle transitions and ticker scrolling are not affected.

Card-level — silence all alerts at once:

type: custom:alert-ticker-card
disable_animation: true

Per-alert — silence a specific noisy alert while others keep animating:

alerts:
  - entity: binary_sensor.front_door
    theme: door
    state: "on"
    disable_animation: true   # icon won't swing

  - entity: binary_sensor.smoke
    theme: emergency
    state: "on"
    # ← still pulses/flashes

The per-alert flag overrides the global setting. Both are available in the visual editor — card-level in the Cycling & Animation section, per-alert in each alert's settings panel (all 12 languages).


Per-alert overlay exclusion + global priority gate (#160)

Two new controls for the cross-view overlay system:

overlay: false per alert

Set overlay: false on any individual alert to prevent it from ever triggering a cross-view overlay banner. The alert continues to appear in the ticker card as usual — only the overlay projection is suppressed.

alerts:
  - entity: sensor.routine_info
    state: "on"
    overlay: false   # shows in ticker, never overlays

overlay_min_priority global threshold

Set a global priority ceiling so only high-priority alerts trigger overlay banners. Alerts with a priority value higher than the threshold are silently excluded from overlay. Defaults to no gate (all alerts can overlay).

overlay_min_priority: 2   # only priority 1 and 2 alerts can overlay

Priority scale: 1 = critical, 2 = high, 3 = normal (default), 4 = low.

Both controls work togetheroverlay: false always wins regardless of priority.

Visual editor

overlay_min_priority is available in the global overlay settings section. The per-alert overlay toggle appears in each alert's settings when overlay mode is enabled. Both are available in all 12 supported languages.


🐛 Bug Fixes (also in this release)

  • card_height not applying to the all-clear state (#145) — card_height only applied to the active-alert render path, not to the "all clear" card (no active alerts). Setting it had no visible effect until an alert was simulated. Fixed by wrapping the clear card in the same atc-inner-clip container used by active alerts. Additionally, when card_height is larger than the natural content size, the content is now vertically centered in the available space.

  • TypeError: css is not a function (#155) — crash on mount in certain HA builds where LitElement.prototype.css is undefined. Fixed with a standards-compliant inline fallback.

  • Overlay fires outside configured time_range (#153) — cross-view overlay banners ignored time_range windows. Fixed by adding the _evalTimeRange() guard to the overlay watcher's _evalAlert().

  • snooze_action not fired on swipe (#146) — swiping left with swipe_to_snooze: true skipped snooze_action execution. Fixed for full parity with the snooze button tap.

  • card_background: true ignoring HA theme (#129) — var(--ha-card-background) was unresolved inside shadow DOM. Fixed via getComputedStyle(this) on the host element.


📦 Update Instructions

  1. Download alert-ticker-card.js and alert-ticker-card-editor.js
  2. Replace both files in your www/ folder (or the path you set in Resources)
  3. Hard-reload the browser: Ctrl+Shift+R / Cmd+Shift+R
  4. Clear the HA frontend cache if the editor still shows the old version

HACS users: update from the HACS panel — no manual steps needed.


Full changelog: CHANGELOG.md


☕ If this card saves you time, consider buying me a coffee — it keeps the updates coming!

Buy Me A Coffee